/* WKAU_PALETTE: new-style.css көшірмесі — автоматты жасалады, қолмен өзгертпеңіз */
/* Montserrat импорты алынды — сайтта қолданылмайды (дизайн аудиті 2026-10-07) */

/* Fix: WordPress admin bar above bvi-panel (z-index 999999) */
#wpadminbar { z-index: 1000000 !important; }

/* all settings */
.wrap-header{
  padding: 100px 0;
  overflow: hidden;
  margin-bottom: 50px;
}

.wrap-header{
  background-color: #f5f5f5;
}

.wrap-header__title{
  font-weight: 700;
  font-size: 55px;
  color: #fff;
  line-height: 1.2;

}

.wrap-header__inner{
  position: relative;
  z-index: 2;
}

.container-medium{
  max-width: 1030px;
}

.overflow {
    overflow: hidden;
}

.notif-new{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*background: linear-gradient(90deg, transparent, #000 20px);*/
}

.content-list__item-new{
    justify-content: space-between;
}

.post-bg-color-blue{
  background-color: #DBE3EA  !important;
  /*color: #325D7C !important;*/
  color: #111 !important;
}

.post-bg-color-yellow{
  background-color: #A2D7FF !important;
  color: #111 !important;
}



.notif-new-row{
  display: flex;
  justify-content: space-between;
}

.post-info__cat{
  display: inline-block !important;
  padding: 5px 15px;
  /*background-color: #0052a5;*/
  /* width: auto; */
  border-radius: 5px;
  /* flex-direction: row; */
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  /*width: 100px;*/
  text-align: center;
  margin-bottom: 20px;
  /*color: #f9f9f9;*/
}

.post-info-card{
  padding: 20px;
  background-color: #fff;
  /*width: 280px;*/
    border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);
}

.notif-new{
  font-weight: 700;
}


.n2-ss-slider-2{
  border-radius: 10px;
}

/*
.press-head-new{
  background-color: #f9f9f9;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;

}*/



/* all settings */

/*.slider-eco__inner{
	display: flex;
}*/


.slider-eco {
  width: 100%;
  background-color: #fff;
  line-height: 1;
}

.eco__content {
  width: 100%;
  
  background-color: #fff;
  position: relative;
}

.video-gallery, .press, .NumeralAndFacts, .training, .partners, .announcements, .news{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.all-view__btn{
  /*font-family: 'Montserrat', sans-serif;*/
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}

.announcements{
  background-color: #f9f9f9;
}

/*.slider__content {
  border-radius: 10px;
  box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%);
  
 
}

 Добавляем отступ сверху на мобильных устройствах 
@media (max-width: 767px) {
  .slider__content {
    margin-top: 30px;

  }
}*/

.slider-fluid {
  height: 361.25px;
  object-fit: cover;
  object-position: center center;
}

.eco__content {
  height: 361px;
  position: relative;
  /*box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%);*/
  border-radius: 5px;
  
  border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .75rem;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 10%);
	overflow: hidden;
}


.eco__content:hover {
    border: 1px solid #0052a5;
    background-color: #fff;
    color: #0052a5;
    transition: 0.8s; 
}

.eco__content::before {
    /*content: '';*/
    position: absolute;
    top: 68%;
    right: 0;
    /* border-radius: .75rem; */
    left: -39px;
    bottom: 0;
    /* box-shadow: inset 0 -3px 0 0 #3b82c4; */
    /* opacity: 0; */
    /* transition: opacity .4s; */
    background-color: #EFF3FF;
    transform: rotate(-14deg);
    width: 500px;
    height: 500px;
}

.eco__content::after{
	/*content: '';*/
    position: absolute;
    top: 68%;
    right: 0;
    /* border-radius: .75rem; */
    left: -39px;
    bottom: 0;
    /* box-shadow: inset 0 -3px 0 0 #3b82c4; */
    /* opacity: 0; */
    /* transition: opacity .4s; */
    background-color: #EFF3FF;
    transform: rotate(-14deg);
    width: 500px;
    height: 500px;
}

.eco__content:hover::before {
  opacity: 1;
}

.eco__content-inner {
	display: flex;
	flex-direction: column;
  /*padding: 25px;*/
  height: 100%;
  justify-content: space-between;

}

.eco__title {
  /*font-weight: 700;
  font-size: 30px;
  letter-spacing: 1.2px;
  color: #0052a5;
  z-index: 999;*/

  font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.5px;
    color: #fff;
    z-index: 999;
    padding: 15px 25px;
    background-color: #0052a5;
    line-height: 35px;
}

.eco__text {
  /*z-index: 998;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1.2px;
  line-height: 1.2;*/

  z-index: 998;
    font-weight: 300;
    font-size: 16px;
    /* letter-spacing: 1.2px; */
    line-height: 1.2;
    padding: 0px 25px;
    
}

.eco__btn {
  
  /*letter-spacing: 1.2px;
  background-color: inherit;
  padding: 15px 0px;
  width: 100%;
  text-align: center;
  color: rgb(0, 82, 165);
  border: 2px solid rgb(59, 130, 196);
  border-radius: 15px;
  font-weight: 700;
  font-size: 18px;
  transition: 0.8s;
  z-index: 5;*/

  letter-spacing: 1.2px;
  background-color: inherit;
  /* padding: 15px 0px; */
  /* width: 80%; */
  /* text-align: center; */
 /* color: rgb(0, 82, 165);*/
  /* border: 2px solid rgb(59, 130, 196); */
  /* border-radius: 15px; */
  font-weight: 700;
  font-size: 18px;
  /* transition: 0.8s; */
  color: #333;
  z-index: 5;
  margin: 10px 25px 35px 25px;
}

.eco__img {
  margin: 25px 25px 25px;
}

.eco__content:hover .eco__btn {
	
/*	background-color: rgb(59, 130, 196);*/
	color: #0052a5;
	transition: 0.8s;
}

.eco__btn::before {
  position: absolute;
  content: "";
  background-image: url(https://www.flaticon.com/svg/static/icons/svg/993/993552.svg);
}

@media (max-width:1100px){
	.slider-eco__inner .col-size-reload {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.eco__content{
	margin-top: 30px;
	height: 55px;
	}
	.eco__text, .eco__btn{
		display: none;
	}
	.eco__title{
		font-size: 18px;
    text-align: center;
    padding: 0;
    background-color: inherit;
    line-height: 0;
    color: #333;
	}

  .eco__img{
    display: none;
  }
	.eco__content::before{
		display: none;
	}
	.eco__content-inner {
    padding: 25px;
	}
  .eco__content:hover .eco__title{
    color: #0052a5;
    transition: 0.8s; 
  }
}




.development__inner{
    margin: 50px 0;
}

.development__title{
    font-size: 40px;
    color: #333;
}

.development-wrap{
    margin: 100px 0;
}

.development-column{
    margin-bottom: 100px;
}

.development__title-mini{
    font-size: 30px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 30px;
}

.development__text{
    font-size: 24px;
}

.development__text-value{
    margin-bottom: 20px;
    height: 170px;
    border-top: 5px solid #5E77C5;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E4EBFF;
    transition: .4s;
	padding: 20px;
}

.development__text-value:hover{
    border-top: 5px solid #4a62ac;
    background-color: #d7dff3;
    color: #333;
    cursor: pointer;
    transition: .4s;
}

.development__icon{
    width: 200px;
    margin: 30px auto 25px;
}

.development__text-mini{
    font-size: 20px;
}

.development__text-row{
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    height: 120px;
    border-top: 5px solid #5E77C5;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E4EBFF;
    transition: .4s;
}

.development__text-row:hover{
    border-top: 5px solid #4a62ac;
    background-color: #d7dff3;
    color: #333;
    transition: .4s;
}

.not_clickable:hover, .not_clickable a:hover {
  cursor: default;
  opacity: unset;
}

svg .buildings-wkau:hover{
    fill: #eee;

    
}

.background-color-svg path,polygon{

}

.red{
    fill: red;
}


.cls-1,.cls-13,.cls-6,.cls-7,.cls-9{fill:none;}

.cls-3{fill:#f4f2e1;}
.cls-4{fill:#fff;}
.cls-14,.cls-5{fill:#d4f2bb;}

.cls-13,.cls-14,.cls-6,.cls-7,.cls-9{stroke-miterlimit:10;stroke-width:2px;}
.cls-7{stroke:#ccc;}

.cls-6{stroke:#c8d8ba;}

.cls-13{stroke:#bababa;}
.cls-14,.cls-9{stroke:#c9c4b5;}

.cls-8{fill:#dedac8;}
.cls-10{clip-path:url(#clip-path-2);}
.cls-11{fill:#dcd9c8;}
.cls-12{fill:#d4d4d4;}

.map-box {
  width: 100%;
  margin: 0;
}

.contact__map-title {
  font-size: 28px;
  text-align: center;
  margin-top: 50px;
}

body>.cstm_fotorama_fullscreen_wrap {position: fixed; top:0%; bottom:0; width:100%; height:100%; left:0; right:0; width:100%; height:100%; z-index:1001000; background-color:rgba(0,0,0,0.85)}
body>.cstm_fotorama_fullscreen_wrap .cstm_fotorama_fullscreen {position: absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%;}
body>.cstm_fotorama_fullscreen_wrap .del_button {position:absolute; color:#fff; cursor:pointer; font-size:20px; z-index: 1002; text-align: center;  vertical-align:middle;  display:block; top:0; right:0; width:10%; height:20%;  max-height: 60px;  background: url(https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/ftrm_close.png) no-repeat center; background-size: 20px;}
body>.cstm_fotorama_fullscreen_wrap .del_button:before {top:50%; position:relative; text-shadow:0 0 1px #000; }


.fotorama__nav--dots .fotorama__nav__frame {width:26px !important;}
.fotorama__dot {width:8px !important; left:8px !important; height:8px !important; border:none !important; background-color:#a8a8a8 !important;}
.fotorama__nav__frame.fotorama__active .fotorama__dot {border:none !important; background-color:#503435 !important;}
.fotorama__caption {text-align:center !important;}
.fotorama__caption__wrap {background-color: rgba(232, 227, 227, 0.9) !important;     padding: 2px 10px !important; color: #666; font-style: italic;}

.cstm_fotorama img.togallery {
  transition: all 0.2s;
}
.cstm_fotorama img.togallery:hover {
  opacity: 0.8;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
    body>.cstm_fotorama_fullscreen_wrap .cstm_fotorama_fullscreen  {height:80%; top:10%; bottom:10%;}
}

.notif__buttons .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6;
}


/*redesign leadership pages*/

.new-leadership__title{
    color: #222;
    font-size: 40px;
    position: relative;
    margin-bottom: 40px;
}

.new-leadership__title::after{
    position: absolute;
    content: "";
    top: 55%;
    
    /* right: 20px; */
    width: 100%;
    height: 1px;
    margin-left: 20px;
    background-color: #0052a5;
}

/*
.new-leadership__img div{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;

}
*/
.new-leadership__img{
    /*width: 100%;
    padding-top: 70%;
    position: relative;*/
}

.new-leadership__img img{
    width: 230px;
    /*min-height: 100%;*/
    height: 100%;
    border: 1px solid rgba(0,0,0,.1);
}

.new-leadership__items{
  width: 100%;
    
}

.new-leadership__items:last-child{
  
}

.new-leadership__grid{
  /*display: grid;
  grid-template-columns: repeat(auto-fill, 380px);
  justify-content: space-between;
  grid-gap: 20px;*/
  display: grid;
  grid-template-columns: repeat(auto-fill, 49%);
  justify-content: space-between;
  grid-gap: 30px 20px;
  margin-bottom: 20px;  

  
}


.leadership-instituts .new-leadership__card-inner{
  display: flex;
}

.new-leadership__name{
  font-size: 22px;
  width: 250px;
   
}

.new-leadership__info{
  margin-left: 25px;
  
}

.new-leadership__box-shadow{
  box-shadow: 0 2px 8px rgb(34 34 34 / 16%);
}

.new-leadership__card-inner{
  padding: 24px;
}

.leadership-rector{
  margin-bottom: 50px;
}

.leadership{
  margin-top: 40px;
}


.new-leadership__text{
  margin-top: 25px;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(0,0,0,.4)!important;
}



.leadership-rector__status{
  font-size: 20px;
  color: #222;
  margin-top: 30px;
  margin-bottom: 14px;
  font-weight: 700;
}

.leadership-rector__name{
  font-size: 44px;
  color: #0052a5;
  margin-bottom: 24px;
  font-weight: 700;
}

.leadership-rector__items-img{
  width: 400px;
  border: 1px solid rgba(0,0,0,.1);
}


.leadership-rector__items-text{
  width: 60% !important;

}

.leadership-rector__desc{
  color: rgba(0,0,0,.6)!important;
  text-align: justify;
}


.new-leadership-bg{
  background-image: url(https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/1wkau-1920.webp); /* 1wkau.jpg (3.2 МБ) → WebP */
  background-size: cover;
  /*background-position: 0 -50px;*/
  position: relative;
  background-repeat: no-repeat;
}

.new-leadership-bg:before {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #0052a5b5;
  position: absolute;
  z-index: 1;
}

.leadership-rektors .new-leadership__items{
  width: 100%;
  margin-bottom: 40px;
}

.leadership-rektors .new-leadership__card-inner {
  padding: 24px;
  display: flex;
}

.leadership-rektors .new-leadership__img img{
  width: 250px;
}

.leadership-rektors .new-leadership__info{
  margin-left: 30px;
  text-align: start;
}

.leadership-rektors .new-leadership__name{
  width: 100%;
}

.leadership-rektors .new-leadership__text{
  margin-top: 20px;
  text-align: justify;
}

.leadership-rektors .new-leadership__info{
  margin-top: 0;
}

.news__inner-box .post-info-card-bottom{
  margin-bottom: 20px;
}

div#n2-ss-7 .n2-ss-slider-2,
div#n2-ss-9 .n2-ss-slider-2,
div#n2-ss-8 .n2-ss-slider-2{
  border-radius: 15px !important;
}



.announcements .swiper {
  width: 100%;
  height: 100%;
}

.announcements .swiper-slide{
  
}

.announcements .swiper-wrapper{
  height: 175px !important;
}

.dynamic-news .swiper-slide{
 /* flex-wrap: wrap;*/
 width: 280px;
}

.dynamic-news .swiper-wrapper{
  flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
 }



@media (max-width:1230px){
  /*.leadership-instituts .new-leadership__grid {
    grid-template-columns: repeat(auto-fill, 100%);
}*/
.wrap-header__title{
  font-size: 30px;
}


}

@media (max-width:1130px){
  /*.leadership-instituts .new-leadership__grid {
    grid-template-columns: repeat(auto-fill, 100%);
}*/




.leadership-rector__inner{
  flex-direction: column;
}

.leadership-rector__items-text,
.new-leadership__name{
  width: 100% !important;
}

.leadership-rector__name {
  font-size: 22px;
  margin-bottom: 15px;
}

.leadership-rector__status {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.leadership-rector__desc{
  margin-bottom: 30px;
  text-align: justify;
}

.leadership-rector__items-img{
  width: 100%;
}

.leadership-rektors .new-leadership__card-inner,
.leadership-instituts .new-leadership__card-inner {
  flex-direction: column;
}

.leadership-rektors .new-leadership__info,
.leadership-instituts .new-leadership__info{
  margin-left: 0px;
  margin-top: 20px;
}

.leadership-rektors .new-leadership__text,
.leadership-instituts .new-leadership__text{
  margin-top: 10px;
  text-align: justify;
}

.new-leadership__title{
  font-size: 20px;
  margin-bottom: 30px;
}

.new-leadership__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100%);
  justify-content: space-between;
  grid-gap: 30px 20px;
  margin-bottom: 20px;
}

}

@media (max-width:992px){

  

  .dynamic-news .swiper-wrapper{
    display: block;
  }

.post-info-card-bottom{
  margin-bottom: 20px;
}
}


@media (max-width:900px){
  /*.leadership-instituts .new-leadership__grid {
    grid-template-columns: repeat(auto-fill, 100%);
}*/
.wrap-header__title{
  font-size: 40px;
}


}

@media (max-width:600px){
  /*.leadership-instituts .new-leadership__grid {
    grid-template-columns: repeat(auto-fill, 100%);
}*/
.wrap-header__title{
  font-size: 20px;
}

.wrap-header {
  padding: 50px 0;
  margin-bottom: 25px;
}



}

@media (min-width: 992px) AND (max-width: 1170px) {
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: none !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-lg {
        justify-content: space-between;
    }
}


.leadership-rector-contacts__inner{
    /*background-color: #F7F7F7;
    border-left: 5px solid #0052a5;*/
    padding: 20px;
   /* border: 1px solid #DFDFDF;
    line-height: 34px;*/
}

.leadership-rector-contact__items-title{
    font-weight: 700;
    font-size: 20px;
}

.leadership-rector-contact__items-wrapper{
    font-size: 18px;
}

.rector__contacts-card-img{
    width: 50px;
}

.rector__contacts-card-title{
    font-size: 18px;
}

.rector__contacts-card{
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 4px 10px 0px rgb(119 119 119 / 10%);
    padding: 20px;
    border: 1px solid #ccc;
    min-height: 100%;
    border-radius: 10px;
}


/*redesign leadership pages*/



/* intl students start*/

/* Roboto — header.php-де жүктеледі (файл ортасындағы @import-ты браузер елемейтін) */


.intl{
  font-family: 'Roboto', sans-serif;
  background-color: #FDFDFE;
}
.intl-banner{
  padding: 30px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 13px 17px rgb(125 143 179 / 15%);
    box-shadow: 0 13px 17px rgb(125 143 179 / 15%);
}

.intl-banner__info{
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/uploads/2022/02/9267.png);
  background-size: auto 400px;
  background-position: right;
  background-repeat: no-repeat;
  /* opacity: 0.7; */
  padding: 70px 0;
}

.intl-banner__slider{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.intl-banner__slider-text{
  font-size: 50px;
  font-weight: 700;
  line-height: 1em;
}

/*
.intl-banner__info, .intl-banner__slider{
  position: relative;
}*/

.intl-banner__slider-img{
  height: 400px;
  padding: 30px 0;
  position: relative;

}

.intl-banner__slider-page_title{
  width: 400px;
  font-weight: 800;
  color: #292C33;
  font-family: 'Roboto', sans-serif;
}

.intl-banner__slider-img img {
  /* position: absolute; */
  /* right: 0; */
  /* bottom: 0; */
  width: 100%;
  max-width: 450px;
  height: 400px;
  /* margin-right: 150px; */
}

.intl-banner__info-list{
  font-family: 'Roboto', sans-serif;
  display: flex;
  flex-direction: column;
  line-height: 34px;
  margin-top: 40px;
}

.intl-banner__info-block{
  display: flex;
}

.intl-banner__info-card-title{
  font-size: 20px;
  font-weight: 400;
}

.intl-banner__info-card-desc{
  font-size: 40px;
  margin-bottom: 5px;
  color: #0052a5;
}

.intl-banner__info-title{
  font-size: 20px;
  font-weight: 500px;
  margin-bottom: 15px;
}

.intl-banner__info-card{
  background-color: #fff;
  margin-right: 20px;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);
}

.intl-banner__info{
  -webkit-box-shadow: 6px 64px 64px var(--teaserShadowColor);
  box-shadow: 6px 64px 64px var(--teaserShadowColor);
}

.intl-content__text{
  font-size: 20px;
  text-align: justify;
}

.intl-content__contacts{
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #eee;

}

.intl-content__contacts-items{
  font-size: 18px;
  color: #64748b;
  margin-bottom: 10px;
}

.intl-content__contacts-items span{
  margin-bottom: 5px;
  font-size: 20px;
    color: #292C33;
    font-weight: 600;
}

.intl-content__contacts-title{
  font-size: 24px;
  color: #0052a5;
    font-weight: 600;
    margin-bottom: 15px;
}

.intl-reviews{
  /*background-color: #fff;*/
}

.reviews-card{
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 123 255 / 15%);

}

.reviews-img img{
  width: 100%;
  border-radius: 50%;
}

.reviews-text{
  font-size: 16px;
  color: #64748b;
  text-align: justify;
}

.reviews-speciality, .reviews-country{
  font-size: 18px;
}

.reviews-full-name{
  font-size: 20px;
}

.intl-annually-items{
  /*background-color: #f9f9f9;
  border: 1px solid #eee;*/
  padding: 30px 0;
  border-radius: 10px;
}

.intl-annually-items{
  width: 280px;
}

.intl-annually-block-title{
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 15px;
}

.intl-block-title{
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 15px;
}

.intl-annually-title{
  margin-bottom: 5px;
    font-weight: 600;
    font-size: 61px;
    line-height: 1;
    color: #0052a5;
}

.intl-annually-desc{
  color: #424347;
}

.intl-video-text{
  text-align: justify;
  font-size: 20px;
}

.swiper-reviews-js{
  padding-bottom: 20px;
}



.intl-youtube {
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
  z-index: 100;
  -webkit-box-shadow: -14px -14px 0px 0px rgba(23, 109, 234, 1);
  -moz-box-shadow: -14px -14px 0px 0px rgba(23, 109, 234, 1);
  box-shadow: -14px -14px 0px 0px rgba(59, 130, 196, 1);  
}

.intl-youtube .play {
  background: url('https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
  background-position: 0 -50px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  height: 50px;
  width: 69px;
  transition: none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

.intl-youtube:hover .play {
  background-position: 0 0;
}

.intl-youtube-bg{
  margin-left: 14px;
}

.intl-blocks__card {
  border: 1px solid #eee;
  padding: 30px;
  border-radius: 10px;  
}
.intl-blocks-btn {
  transition: 0.8s;
  margin-bottom: 10px;
}
.intl-blocks-title {
  line-height: 1.3;
  font-size: 18px;
  font-weight: 600;
}
.intl-blocks-icon {
  margin-left: 10px;
}

.intl-blocks-icon svg{
  color: #0052a5;
}

.intl-blocks__card:hover svg {
  transition: .15s;
  -webkit-transform: translate(8px,-8px);
  transform: translate(8px,-8px);
}

.intl-blocks-text {
  font-size: 16px;
  font-weight: 400;
  color: #64748b;  
}

.intl-nav-mytabs {
  width: 100%;
}
 
.intl-nav-mytabs a {
  text-align: center;
  position: relative;
  top: 4px;
  padding: 10px 25px;
  border-radius: 2px 2px 0 0;
  /*background: white;*/
  color: black;
  opacity: 0.7;
  transition: all 0.1s ease-in-out;
}
 
.intl-nav-mytabs a.active, 
.intl-nav-mytabs a:hover {
  opacity: 1;
  top: 0;
  border-bottom: 2px solid #3b82c4;
}
 
.intl-mytab-content {
  position: relative;
  z-index: 2;
  padding: 25px 0;  
  width: 100%;
  text-align: justify;
  font-size: 20px;
}

.intl-accordion #accordion .card{
  margin-bottom: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
}

.intl-accordion #accordion .card-body{
  font-size: 20px;
  text-align: justify;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}

.intl-accordion #accordion svg{
  fill: #3b82c4 !important;
  width: 40px !important;
  height: 40px !important;
}

.intl-accordion #accordion .card-header{
  transition: 0.15s;
  background-color: inherit;
  padding: 1.5rem 1.5rem;
  display: flex;
  justify-content: space-between;
  border: none;
  align-items: center;
}

.intl-accordion #accordion .card-header:hover svg {
  transition: .15s;
  -webkit-transform: translate(0px,5px);
  transform: translate(0px,5px);
}

.intl-accordion #accordion .card-link-title{
  font-size: 20px;
}
/* intl students end*/



.military__new-bg{
width: 100%;
background-size: cover;
z-index: 3;
background-image: url(https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/ty-kto-voen.png);
overflow: hidden;
/* background-size: cover; */
position: relative;
background-repeat: no-repeat;
vertical-align: middle;
background-position-y: center;
}

.military__new-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, .4);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.military__bottom{
  padding: 5px 0;
  background-color: #0052a5;

}

  .military__bottom-two {
    width: 100%;
    background-repeat: repeat-x;
    background-size: 30px 30px;
    background-image: url(https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/vector-star-icon.png);
    
    height: 30px;
    /* padding-top: 20px; */
    background-repeat: space;
    background-position: initial;
}

.military-global{
  padding: 30px 0 0 0;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.military-global__title{
  line-height: 65px;
  font-size: 60px;
    font-weight: 700;
    margin-bottom: 70px;
}

.military-post__title{
  font-size: 24px;
}


.military-block{
  font-size: 18px;
  text-align: justify;
}

.military-block__title{
  font-weight: 700;
}


.military-global-edu__program .press__title {
  font-size: 18px;
  -webkit-line-clamp: 3;
}

.military-global-edu__program .press__items {
  margin-bottom: 0px;
  padding: 20px 30px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e9e9e9;
}

.military__contacts{
  font-size: 18px;
  border: 1px solid #e9e9e9;
  padding: 30px;
  min-height: 210px;
}

.military__name{
  font-size: 20px;
  font-weight: 700;
}

.military-global-content{
  font-size: 18px;
  text-align: justify;
}

.military-global-pps .school__img div {
  border: 1px solid #eee;
}

.military-global-pps .school__img div{
  border-radius: 0;
}

.military-global-pps .school__people{
  text-align: left;
}

.military-global-edu__program #accordion .panel-title a:before{
  display: none;
}

.military-global-edu__program #accordion .panel-title a{
  padding: 20px 25px;
}

.military-global-edu__program #accordion .panel-body {
  margin-top: 20px;
  padding: 0;
}

.military-global-accordion img{
  width: 30px;
}

.military-global-accordion{
  font-size: 24px;
}

.military-global-edu__program .press__items-header{
  height: auto;
}

@media (max-width:1333px){
  .social-media{
    display: none !important;
  }
}

@media (max-width:992px){
  .military-global__img{
    display: none;
   }
   .military-global__title {
    padding-top: 50px;
  }

  .military__contacts {
    min-height: 230px;
}

.military-global-pps .school__name {
  font-size: 18px;
}

.military-global-pps .school__position {
  font-size: 18px;
}
}

@media (max-width:768px){

  
  

  .military-global__title {
    /*width: 50%;*/
    line-height: 40px;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 45px;
  }

  .military-global-content, .military-block {
    text-align: left;
}

.container_content ul li:before,
.news-page__text ul li:before,
.military-post ul li:before{
  margin-left: 0px;
}

.container_content ul li,
.news-page__text ul li,
.container_content ol,
.news-page__text ol{
  margin-left: 0px;
}

.military-post__title{
  font-size: 20px !important;
}


.military-global-edu__program .press__title {
  font-size: 18px;
  -webkit-line-clamp: 10;
}
.military-global-edu__program  .panel-body {
  padding: 14px 0px;
}
/*

.school .school__img{
  margin: 0;
  min-height: 300px;
  width: 100%;
  padding-top: 0;
}

.school .school__name {
  font-size: 18px;
}

.school .school__position {
  font-size: 18px;
}

.school .school__people{
  text-align: left;
}
.school .school__img div {
  border-radius: 0;
}*/


.military-global-pps .school__img{
  margin: 0;
  min-height: 300px;
  width: 100%;
  padding-top: 0;
}



.military-global-pps .school__img{
  margin: 0;
  min-height: 300px;
  width: 100%;
  padding-top: 0;
}

.military-global-pps .school__name {
  font-size: 18px;
}

.military-global-pps .school__position {
  font-size: 18px;
}

.military-global-pps .school__people{
  text-align: left;
}
.military-global-pps .school__img div {
  border-radius: 0;
}

.military__contacts {
  min-height: auto;
}
}

@media (max-width:576px){
  
}

.contact-card::after{
  display: none;
}


.direction__title{
  font-size: 20px;
}


.consult-block__zoom-new::before{
  color: #0052a5 !important;
}
.consult-block__zoom-new{
  background-color: #f9f9f9 !important;
}

.admission__banner-title-bottom-text{
  font-size: 24px !important;
}

.admission__contacts-text {
  text-align: justify !important;
}

.admission__contacts-block{
  text-align: justify !important;
}

.admission__contacts-block-header {
  font-weight: 700 !important;
}

.admission__contacts-text-title {
  font-weight: 700 !important;
}

/* ============================================================
   RECTOR Q&A SECTION — REDESIGN (.rector__main-question)
   ============================================================ */

.rector__main-question {
  background: #fff;
  padding: 70px 0 80px;
}

/* Section title */
.rector__main-question .new-leadership__title {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #0A1628 !important;
  margin-bottom: 36px !important;
  margin-top: 0 !important;
  letter-spacing: -0.5px;
}

/* Outer wrapper — remove old shadow/padding */
.rector__main-question .rector__inner.container_shadow {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ---- TABS ---- */
.rector__main-question .nav-justified {
  margin-bottom: 28px;
}

.rector__main-question .nav-tabs {
  border: none !important;
  background: #E2EAF4;
  display: inline-flex;
  padding: 5px;
  border-radius: 50px;
  gap: 4px;
}

.rector__main-question .nav-tabs .nav-item.nav-link {
  border: none !important;
  border-radius: 50px !important;
  padding: 9px 26px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #5a6a80 !important;
  background: transparent !important;
  transition: all 0.22s ease !important;
  white-space: nowrap;
}

.rector__main-question .nav-tabs .nav-item.nav-link.active {
  background: #fff !important;
  color: #0052A5 !important;
  box-shadow: 0 2px 10px rgba(0, 82, 165, 0.14) !important;
  border-bottom: none !important;
}

.rector__main-question .nav-tabs .nav-item.nav-link:hover:not(.active) {
  color: #0052a5 !important;
}

/* ---- CARDS ---- */
.rector__main-question .card {
  border: none !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 2px 10px rgba(0,82,165,0.05) !important;
  overflow: hidden;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.rector__main-question .card:hover {
  box-shadow: 0 6px 24px rgba(0, 82, 165, 0.13) !important;
  transform: translateY(-2px);
}

.rector__main-question .card-header {
  background: #fff !important;
  border-bottom: none !important;
  padding: 22px 28px !important;
}

/* Question row: title + date */
.rector__main-question .rector__question-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 10px;
}

.rector__main-question .rector__question-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0A1628 !important;
  line-height: 1.5;
}

.rector__main-question .rector__question-date {
  display: inline-block;
  background: #EEF4FF;
  color: #0052A5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 3px 10px;
  border-radius: 50px;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Question text preview */
.rector__main-question .rector__question-text {
  font-size: 15px;
  color: #555;
  line-height: 1.65;
}

/* Toggle button */
.rector__main-question .rector__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0052a5 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer;
  transition: color 0.18s ease;
}

.rector__main-question .rector__btn::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052a5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.22s ease;
}

.rector__main-question .rector__btn:hover {
  color: #0052A5 !important;
}

/* Expanded card body */
.rector__main-question .card-body {
  background: #F0F6FF !important;
  border-top: 2px solid #DDEEFF !important;
  padding: 20px 28px 24px !important;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 767px) {
  .rector__main-question {
    padding: 50px 0 60px;
  }

  .rector__main-question .new-leadership__title {
    font-size: 26px !important;
  }

  .rector__main-question .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    border-radius: 14px;
  }

  .rector__main-question .card-header {
    padding: 18px 18px !important;
  }

  .rector__main-question .card-body {
    padding: 16px 18px 20px !important;
  }

  .rector__main-question .rector__question-inner {
    flex-direction: column;
    gap: 6px;
  }
}


/* ============================================================
   PAGE-STRUCTURE REDESIGN — page-structure.php
   ============================================================ */

/* ---------- HERO ---------- */
.str-hero {
    position: relative;
    min-height: 340px;
    overflow: hidden;
}

.str-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,40,100,0.85) 0%, rgba(0, 82, 165,0.68) 100%);
    z-index: 1;
}

.str-hero__content {
    position: relative;
    z-index: 2;
    padding-top: 90px;
    padding-bottom: 80px;
}

.str-hero__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-bottom: 18px;
}

.str-hero__title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 28px;
    max-width: 660px;
}

.str-hero__line {
    width: 56px;
    height: 4px;
    background: rgba(255,255,255,0.55);
    border-radius: 2px;
}

/* ---------- SECTION WRAPPERS ---------- */
.str-section {
    padding: 72px 0;
    background: #fff;
}

.str-section--gray {
    background: #F5F8FC;
}

.str-section__header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 44px;
}

.str-section__accent {
    display: block;
    width: 5px;
    height: 42px;
    background: linear-gradient(180deg, #0052a5 0%, #0052a5 100%);
    border-radius: 4px;
    flex-shrink: 0;
}

.str-section__title {
    font-size: 30px;
    font-weight: 800;
    color: #0A1628;
    margin: 0;
    line-height: 1.2;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
    .str-hero__title     { font-size: 40px; }
    .str-section__title  { font-size: 26px; }
}

@media (max-width: 900px) {
    .str-hero__title         { font-size: 32px; }
    .str-section__title      { font-size: 22px; }
    .str-hero__content       { padding-top: 70px; padding-bottom: 60px; }
}

@media (max-width: 600px) {
    .str-hero__title         { font-size: 26px; }
    .str-hero__content       { padding-top: 55px; padding-bottom: 50px; }
    .str-section            { padding: 50px 0; }
    .str-section__title      { font-size: 20px; }
    .str-section__header     { margin-bottom: 30px; }
}


/* ============================================================
   PAGE-STRUCTURE COMPACT — page-structure.php (strc-*)
   ============================================================ */
/* h1/h2 font-size !important — style.css (≤992px) h1/h2 өлшемін !important-пен бекітеді */
/* Фон суреті 4376×1100 — биіктік аз болса, тек жоғарғы бөлігі көрінеді */
.strc-hero {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center;
}

.strc-hero .strc-hero__content {
    position: relative;
    z-index: 2;
    padding-top: 56px;
    padding-bottom: 40px;
}

.strc-hero__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.88);
    margin-bottom: 10px;
}

.strc-hero__title {
    font-size: 38px !important;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 24px;
}

/* Anchor nav */
.strc-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.strc-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 50px;
    background: rgba(10,22,40,0.38);
    border: 1px solid rgba(255,255,255,0.28);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.strc-nav__link:hover,
.strc-nav__link:focus-visible {
    background: #fff;
    color: #0052A5;
    text-decoration: none;
}

.strc-nav__count {
    min-width: 20px;
    padding: 3px 6px;
    border-radius: 50px;
    background: rgba(255,255,255,0.25);
    font-size: 11px;
    text-align: center;
}

.strc-nav__link:hover .strc-nav__count { background: #EEF5FF; }

/* Sections */
.strc-block {
    padding: 36px 0;
    background: #fff;
    scroll-margin-top: 150px;
}

.strc-block + .strc-block { border-top: 1px solid #edf1f6; }

.strc-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.strc-head__title {
    font-size: 24px !important;
    font-weight: 800;
    color: #0A1628;
    margin: 0;
    line-height: 1.2;
}

.strc-head__count {
    padding: 4px 10px;
    border-radius: 50px;
    background: #EEF5FF;
    color: #0052A5;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

/* Rector */
.strc-rector {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 24px;
    border-radius: 14px;
    background: linear-gradient(135deg, #F5F9FF 0%, #fff 70%);
    border: 1px solid #e3ebf6;
}

.strc-rector__photo {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: top center;
    border-radius: 10px;
    display: block;
    box-shadow: 0 10px 30px rgba(0,60,160,0.14);
}

.strc-badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    background: #0052A5;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    line-height: 1.2;
}

.strc-rector__name {
    font-size: 28px !important;
    font-weight: 800;
    color: #0A1628;
    line-height: 1.2;
    margin: 10px 0 14px;
}

.strc-rector__bio {
    --strc-lines: 6;
    font-size: 15px;
    line-height: 1.75;
    color: #4a5568;
}

/* Collapsible text (JS қосады .strc-collapse--clamped) */
.strc-collapse > :last-child { margin-bottom: 0; }

.strc-collapse--clamped {
    max-height: calc(var(--strc-lines, 4) * 1.75em);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 60%, transparent);
    mask-image: linear-gradient(#000 60%, transparent);
}

.strc-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 4px 0;
    background: none;
    border: none;
    color: #0052A5;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.strc-toggle:hover { color: #003b78; text-decoration: underline; }

.strc-toggle svg { transition: transform 0.2s ease; flex-shrink: 0; }

.strc-toggle:hover svg { transform: translateX(3px); }

/* Bio modal (<dialog>) */
.strc-modal-open { overflow: hidden; }

.strc-modal {
    width: min(760px, calc(100% - 32px));
    max-height: calc(100vh - 64px);
    padding: 0;
    border: none;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 64px rgba(10, 22, 40,0.3);
    overflow: hidden;
}

/* «Университет басшылығы» (page-structure.php) — кең терезе (2026-10-19); вакансия модалі (.vac-modal) 760px күйінде */
#strc-modal { width: min(1040px, calc(100% - 32px)); }

.strc-modal[open] {
    display: flex;
    flex-direction: column;
    animation: strc-modal-in 0.22s ease;
}

.strc-modal::backdrop {
    background: rgba(10,22,40,0.6);
    backdrop-filter: blur(2px);
}

@keyframes strc-modal-in {
    from { opacity: 0; transform: translateY(12px) scale(0.98); }
    to   { opacity: 1; transform: none; }
}

.strc-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #EEF5FF;
    color: #0052A5;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.strc-modal__close:hover { background: #0052a5; color: #fff; }

.strc-modal__head {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 64px 20px 24px;
    background: linear-gradient(135deg, #F5F9FF 0%, #fff 70%);
    border-bottom: 1px solid #e3ebf6;
}

.strc-modal__photo {
    flex: 0 0 96px;
    width: 96px;
    height: 120px;
    object-fit: cover;
    object-position: top center;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,60,160,0.14);
}

.strc-modal__name {
    font-size: 22px !important;
    font-weight: 800;
    color: #0A1628;
    line-height: 1.25;
    margin: 8px 0 0;
}

.strc-modal__badge[hidden] + .strc-modal__name { margin-top: 0; }

.strc-modal__body {
    padding: 20px 24px 26px;
    overflow-y: auto;
    overscroll-behavior: contain;
    font-size: 15px;
    line-height: 1.8;
    color: #4a5568;
    text-align: justify;
}

.strc-modal__body > :last-child { margin-bottom: 0; }

/* Reception days block (post content) — info panel in modal */
.strc-modal__meta {
    padding: 14px 24px 16px;
    background: #F5F9FF;
    border-bottom: 1px solid #e3ebf6;
}

.strc-modal__meta .container,
.strc-modal__meta .leadership-rector-contacts__innernew {
    max-width: none;
    padding: 0;
}

.strc-modal__meta .leadership-rector-contact__items-title {
    margin: 0 0 10px !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #0052A5;
}

.strc-modal__meta .row {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr;
    margin: 0 !important;
    background: #fff;
    border: 1px solid #dbe6f3;
    border-radius: 12px;
    overflow: hidden;
}

.strc-modal__meta .row > [class*="col-"] {
    width: auto;
    max-width: none;
    padding: 12px 16px;
    margin: 0 !important;
}

.strc-modal__meta .row > [class*="col-"] + [class*="col-"] { border-left: 1px solid #e6edf6; }

.strc-modal__meta .rector__contacts-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.strc-modal__meta .rector__contacts-card-img {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 9px;
    box-sizing: border-box;
    background: #EEF5FF;
    border-radius: 10px;
}

.strc-modal__meta .rector__contacts-card-title {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #0A1628;
}

.strc-meta-label {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #5a6a80;
}

/* Info panel (Күні / Уақыты / Орны) — page-rektor.php */
.strc-info {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr;
    background: #fff;
    border: 1px solid #dbe6f3;
    border-radius: 12px;
    overflow: hidden;
}

.strc-info__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.strc-info__item + .strc-info__item { border-left: 1px solid #e6edf6; }

.strc-info__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 9px;
    box-sizing: border-box;
    background: #EEF5FF;
    border-radius: 10px;
}

.strc-info__label {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #5a6a80;
}

.strc-info__value {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: #0A1628;
}

/* Ректор карточкасының ішінде бағандар тар — 860px-тен бастап тізімге айналады */
@media (max-width: 860px) {
    .strc-info { grid-template-columns: 1fr; }
    .strc-info__item { padding: 10px 14px; }
    .strc-info__item + .strc-info__item { border-left: none; border-top: 1px solid #e6edf6; }
}

/* Person grids */
.strc-grid {
    display: grid;
    gap: 14px;
    align-items: start;
}

.strc-grid--detailed { grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr)); }
.strc-grid--compact  { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); align-items: stretch; }

/* Person card */
.strc-person {
    display: flex;
    gap: 14px;
    padding: 14px;
    background: #fff;
    border: 1px solid #e6ecf3;
    border-radius: 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.strc-person:hover {
    border-color: #b9d4ee;
    box-shadow: 0 6px 20px rgba(0, 82, 165,0.08);
}

.strc-person__photo {
    flex: 0 0 76px;
    width: 76px;
    height: 96px;
    border-radius: 8px;
    overflow: hidden;
    background: #edf2f7;
}

.strc-person--detailed .strc-person__photo {
    flex-basis: 110px;
    width: 110px;
    height: 138px;
}

.strc-person__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}

.strc-person__info { flex: 1; min-width: 0; }

.strc-person__name {
    font-size: 15px;
    font-weight: 700;
    color: #0A1628;
    line-height: 1.35;
    margin: 0 0 6px;
}

.strc-person--detailed .strc-person__name { font-size: 16.5px; }

.strc-person__position {
    font-size: 13px;
    line-height: 1.55;
    color: #5a6a80;
}

.strc-person__position > :last-child { margin-bottom: 0; }

.strc-person__text {
    --strc-lines: 4;
    font-size: 14px;
    line-height: 1.75;
    color: #4a5568;
}

@media (max-width: 768px) {
    .strc-hero__title    { font-size: 28px !important; }
    .strc-rector         { grid-template-columns: 130px minmax(0, 1fr); gap: 18px; padding: 16px; }
    .strc-rector__name   { font-size: 22px !important; }
    .strc-head__title    { font-size: 20px !important; }
    .strc-block          { padding: 28px 0; }
}

@media (max-width: 640px) {
    .strc-modal__meta .row { grid-template-columns: 1fr; }
    .strc-modal__meta .row > [class*="col-"] { padding: 10px 14px; }
    .strc-modal__meta .row > [class*="col-"] + [class*="col-"] { border-left: none; border-top: 1px solid #e6edf6; }
}

@media (max-width: 480px) {
    .strc-hero { min-height: 220px; }
    .strc-hero .strc-hero__content { padding-top: 40px; padding-bottom: 28px; }
    .strc-hero__title    { font-size: 24px !important; }
    .strc-rector         { grid-template-columns: 1fr; }
    .strc-rector__photo  { max-width: 200px; }
    .strc-person--detailed .strc-person__photo { flex-basis: 84px; width: 84px; height: 106px; }
    .strc-modal__head    { padding: 18px 56px 16px 18px; gap: 14px; }
    .strc-modal__photo   { flex-basis: 72px; width: 72px; height: 90px; }
    .strc-modal__name    { font-size: 18px !important; }
    .strc-modal__body    { padding: 16px 18px 20px; font-size: 14.5px; text-align: left; }
    .strc-modal__meta    { padding: 12px 18px 14px; }
}


/* ============================================================
   PAGE-HISTORY — HORIZONTAL TIMELINE
   ============================================================ */

.hist-section {
    padding: 56px 0 64px;
    background: #fff;
    overflow: hidden;
}

/* Scrollable outer track */
.hist-h-track {
    overflow-x: auto;
    overflow-y: visible;
    padding: 0 40px 32px;
    scrollbar-width: thin;
    scrollbar-color: #0052a5 #eef4ff;
    cursor: grab;
}

.hist-h-track:active { cursor: grabbing; }

.hist-h-track::-webkit-scrollbar       { height: 6px; }
.hist-h-track::-webkit-scrollbar-track { background: #eef4ff; border-radius: 3px; }
.hist-h-track::-webkit-scrollbar-thumb { background: #0052a5; border-radius: 3px; }

/* Inner flex row */
.hist-h-timeline {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    padding-bottom: 4px;
}

/* Horizontal axis line — sits at dot level (top area height = 80px) */
.hist-h-timeline::before {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0052a5, #0052a5);
    border-radius: 2px;
    z-index: 0;
}

/* Single item */
.hist-h-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 280px;
    flex-shrink: 0;
    padding: 0 16px;
    position: relative;
}

/* Year area — fixed height so dot aligns across all items */
.hist-h-item__top {
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 8px;
}

.hist-h-item__year {
    font-size: 30px;
    font-weight: 800;
    color: #0052a5;
    line-height: 1;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

/* Dot on the axis */
.hist-h-item__dot {
    width: 16px;
    height: 16px;
    background: #0052a5;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px #0052a5;
    flex-shrink: 0;
    z-index: 1;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hist-h-item:hover .hist-h-item__dot {
    transform: scale(1.4);
    box-shadow: 0 0 0 3px #0052a5, 0 0 12px rgba(0, 82, 165,0.4);
}

/* Card below the dot */
.hist-h-item__bottom {
    padding-top: 20px;
    width: 100%;
}

.hist-h-item__card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(10, 22, 40,0.09), 0 1px 4px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
    border-top: 3px solid #0052a5;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.hist-h-item:hover .hist-h-item__card {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 82, 165,0.14);
}

.hist-h-item__img {
    overflow: hidden;
    height: 160px;
}

.hist-h-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

.hist-h-item:hover .hist-h-item__img img {
    transform: scale(1.05);
}

.hist-h-item__text {
    padding: 16px 18px;
    font-size: 13px;
    line-height: 1.7;
    color: #4a5568;
}

.hist-h-item__text p { margin: 0; }

/* ---- DRAG-TO-SCROLL JS ---- */

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
    .hist-h-item  { width: 220px; padding: 0 10px; }
    .hist-h-track { padding: 0 16px 24px; }
}

@media (max-width: 480px) {
    .hist-section { padding: 40px 0 48px; }
    .hist-h-item  { width: 200px; }
    .hist-h-item__year   { font-size: 24px; }
    .hist-h-item__img    { height: 130px; }
    .hist-h-item__text   { padding: 12px 14px; font-size: 12px; }
}


/* ============================================================
   PAGE-REKTOR COMPACT — page-rektor.php (rb-* + strc-* компоненттері)
   ============================================================ */
.rb-welcome {
    font-size: 15px;
    line-height: 1.75;
    color: #4a5568;
}

.rb-welcome > :last-child { margin-bottom: 0; }

.rb-welcome .bold-700 {
    font-weight: 700;
    color: #0A1628;
    margin-bottom: 4px;
}

.rb-sign {
    margin-top: 12px;
    padding-left: 12px;
    border-left: 3px solid #0052a5;
    font-size: 14px;
    font-style: italic;
    color: #0A1628;
}

.rb-reception { margin-top: 20px; }

.rb-reception__title {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #0052A5;
}

/* ---------- FORM ---------- */
.rb-ask { background: #F5F8FC; }

.rb-form-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 28px;
    align-items: start;
    padding: 24px;
    background: #fff;
    border: 1px solid #e3ebf6;
    border-radius: 14px;
}

.rb-form-card > .rb-form:only-child { grid-column: 1 / -1; }

.rb-note {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: #FFF8E6;
    border: 1px solid #F5DFA6;
    border-radius: 12px;
}

.rb-note__icon { flex-shrink: 0; color: #B7791F; margin-top: 1px; }

.rb-note__title {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #7B4F0B;
}

.rb-note__text {
    font-size: 13.5px;
    line-height: 1.65;
    color: #5f4a1f;
}

.rb-note__text > :last-child { margin-bottom: 0; }

.rb-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.rb-field {
    display: block;
    margin: 0 0 14px;
}

.rb-field__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #334155;
}

.rb-field input,
.rb-field textarea {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #b9c8da;
    border-radius: 8px;
    background: #F8FAFD;
    font-family: inherit;
    font-size: 14.5px;
    color: #0A1628;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.rb-field textarea { resize: vertical; min-height: 120px; }

.rb-field input:focus,
.rb-field textarea:focus {
    outline: none;
    border-color: #0052a5;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 82, 165,0.15);
}

/* style.css: form input[type=text].error { border: unset !important } — спецификасы (0,2,2), сондықтан (0,3,1) */
.rb-form .rb-field input.error,
.rb-form .rb-field textarea.error { border: 1px solid #c53030 !important; background: #FFF7F7; }

.rb-field .err_msg {
    position: static; /* style.css .err_msg — absolute */
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #c53030;
}

.rb-form__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 4px;
}

.rb-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 1 260px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #5a6a80;
    cursor: pointer;
}

.rb-consent input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: #0052a5;
}

.rb-consent a { color: #0052A5; }

.rb-form__submit {
    padding: 11px 28px;
    border: none;
    border-radius: 50px;
    background: #0052a5;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, opacity 0.2s;
}

.rb-form__submit:hover:not(:disabled) { background: #0052A5; }

.rb-form__submit:disabled { opacity: 0.45; cursor: not-allowed; }

.rb-form.sending .rb-form__submit { opacity: 0.6; pointer-events: none; }

/* ---------- Q&A ---------- */
.rb-qa__search {
    position: relative;
    max-width: 420px;
    margin-bottom: 16px;
}

.rb-qa__search svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #7a8aa0;
    pointer-events: none;
}

.rb-qa__search input {
    width: 100%;
    padding: 10px 14px 10px 40px;
    border: 1px solid #cfdbe9;
    border-radius: 50px;
    font-family: inherit;
    font-size: 14px;
}

.rb-qa__search input:focus {
    outline: none;
    border-color: #0052a5;
    box-shadow: 0 0 0 3px rgba(0, 82, 165,0.15);
}

.rb-qa__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rb-q {
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #e6ecf3;
    border-radius: 12px;
    transition: border-color 0.2s;
}

.rb-q:hover { border-color: #b9d4ee; }

.rb-q[hidden] { display: none; }

.rb-q--faq {
    background: #F7FBFF;
    border-color: #cfe2f5;
}

.rb-q__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-bottom: 6px;
}

.rb-q__author {
    font-size: 14px;
    font-weight: 700;
    color: #0A1628;
}

.rb-q__date {
    font-size: 12px;
    color: #5a6a80;
}

.rb-q__badge {
    padding: 3px 8px;
    border-radius: 50px;
    background: #0052A5;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.rb-q__question {
    font-size: 14.5px;
    line-height: 1.65;
    color: #334155;
}

.rb-q__question > :last-child { margin-bottom: 0; }

.rb-q__answer { margin-top: 8px; }

.rb-q__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    color: #0052A5;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.rb-q__toggle::-webkit-details-marker { display: none; }

.rb-q__toggle:hover { color: #003b78; }

.rb-q__toggle svg { transition: transform 0.25s ease; }

.rb-q__toggle-hide,
.rb-q__answer[open] .rb-q__toggle-show { display: none; }

.rb-q__answer[open] .rb-q__toggle-hide { display: inline; }

.rb-q__answer[open] .rb-q__toggle svg { transform: rotate(180deg); }

.rb-q__answer-body {
    margin-top: 10px;
    padding: 14px 16px;
    background: #F5F9FF;
    border-left: 3px solid #0052a5;
    border-radius: 0 8px 8px 0;
    font-size: 14.5px;
    line-height: 1.75;
    color: #4a5568;
}

.rb-q__answer-body > :last-child { margin-bottom: 0; }

.rb-qa__more {
    display: block;
    margin: 16px auto 0;
    padding: 10px 26px;
    border: 1.5px solid #0052A5;
    border-radius: 50px;
    background: #fff;
    color: #0052A5;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.rb-qa__more:hover { background: #0052A5; color: #fff; }

.rb-qa__more[hidden] { display: none; }

.rb-qa__empty {
    margin: 0;
    padding: 24px;
    border: 1px dashed #cfdbe9;
    border-radius: 12px;
    text-align: center;
    color: #5a6a80;
}

.rb-qa__empty[hidden] { display: none; }

@media (max-width: 768px) {
    .rb-form-card { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
}

@media (max-width: 480px) {
    .rb-form__row { grid-template-columns: 1fr; gap: 0; }
    .rb-form__submit { width: 100%; }
    .rb-q { padding: 14px; }
}


/* ============================================================
   PAGE-SCIENTIFIC-PROJECTS — INTRO BLOCK
   ============================================================ */

.sciproj-intro {
    padding: 48px 0 0;
    background: #fff;
}

.sciproj-intro__body {
    max-width: 860px;
    font-size: 15.5px;
    line-height: 1.85;
    color: #4a5568;
}

.sciproj-intro__body p        { margin-bottom: 14px; }
.sciproj-intro__body p:last-child { margin-bottom: 0; }
.sciproj-intro__body h2,
.sciproj-intro__body h3       { color: #0A1628; font-weight: 700; margin-bottom: 10px; }
.sciproj-intro__body a        { color: #0052a5; text-decoration: underline; }

/* Если после intro идёт eduproc-section — убрать задвоение фона */
.sciproj-intro + .eduproc-section {
    padding-top: 36px;
}

@media (max-width: 768px) {
    .sciproj-intro { padding: 36px 0 0; }
}


/* ============================================================
   PAGE-EDUPROC REDESIGN
   ============================================================ */

.eduproc-section {
    padding: 56px 0 72px;
    background: #F4F7FB;
}

.eduproc-inner {
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(10, 22, 40,0.08), 0 1px 4px rgba(0,0,0,0.04);
    overflow: hidden;
    min-height: 480px;
}

/* ---------- LEFT NAV ---------- */
.eduproc-nav {
    width: 270px;
    flex-shrink: 0;
    background: #F8FAFC;
    border-right: 1px solid #e2e8f0;
    padding: 12px 0;
}

.eduproc-nav .nav-link {
    display: block;
    padding: 11px 20px 11px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #4a5568;
    border: none;
    border-radius: 0;
    border-left: 3px solid transparent;
    text-align: left;
    line-height: 1.45;
    white-space: normal;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    background: transparent;
}

.eduproc-nav .nav-link:hover {
    background: #EEF5FF;
    color: #0052a5;
    border-left-color: rgba(0, 82, 165,0.35);
}

.eduproc-nav .nav-link.active {
    background: #fff;
    color: #0052a5;
    font-weight: 700;
    border-left-color: #0052a5;
}

/* ---------- RIGHT CONTENT ---------- */
.eduproc-content {
    flex: 1;
    padding: 40px 44px;
    min-width: 0;
}

.eduproc-pane__title {
    font-size: 22px;
    font-weight: 800;
    color: #0A1628;
    margin: 0 0 24px;
    padding-bottom: 18px;
    border-bottom: 2px solid #e2e8f0;
    line-height: 1.3;
}

.eduproc-pane__body {
    font-size: 15px;
    line-height: 1.8;
    color: #4a5568;
}

.eduproc-pane__body p        { margin-bottom: 14px; }
.eduproc-pane__body h2,
.eduproc-pane__body h3,
.eduproc-pane__body h4       { color: #0A1628; margin-top: 24px; margin-bottom: 10px; font-weight: 700; }
.eduproc-pane__body ul,
.eduproc-pane__body ol       { padding-left: 22px; margin-bottom: 14px; }
.eduproc-pane__body li       { margin-bottom: 6px; }
.eduproc-pane__body table    { width: 100%; border-collapse: collapse; margin-bottom: 18px; font-size: 14px; }
.eduproc-pane__body table th { background: #F4F7FB; color: #0A1628; font-weight: 700; padding: 10px 12px; border: 1px solid #e2e8f0; text-align: left; }
.eduproc-pane__body table td { padding: 9px 12px; border: 1px solid #e2e8f0; color: #4a5568; }
.eduproc-pane__body table tr:nth-child(even) td { background: #fafbfd; }
.eduproc-pane__body a        { color: #0052a5; text-decoration: underline; }
.eduproc-pane__body a:hover  { color: #003b78; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .eduproc-inner  { flex-direction: column; }
    .eduproc-nav    { width: 100%; border-right: none; border-bottom: 1px solid #e2e8f0; padding: 8px 0; }
    .eduproc-nav .nav-link { border-left: none; border-bottom: 2px solid transparent; padding: 10px 16px; display: inline-block; }
    .eduproc-nav .nav-link.active { border-bottom-color: #0052a5; background: #EEF5FF; }
    .eduproc-nav .nav { flex-direction: row !important; flex-wrap: wrap; }
    .eduproc-content { padding: 28px 24px; }
}

@media (max-width: 540px) {
    .eduproc-section    { padding: 40px 0 52px; }
    .eduproc-content    { padding: 20px 18px; }
    .eduproc-pane__title { font-size: 18px; }
}


/* ============================================================
   PAGE-PROJECT-CATALOG REDESIGN
   ============================================================ */

.projcat-section {
    padding: 56px 0 72px;
    background: #F4F7FB;
}

.projcat-inner {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 28px;
    align-items: start;
}

/* ---------- SIDEBAR ---------- */
.projcat-sidebar {
    position: sticky;
    top: 24px;
}

.projcat-search {
    background: #fff;
    border-radius: 14px;
    padding: 20px 20px 22px;
    box-shadow: 0 2px 10px rgba(10, 22, 40,0.07);
    border: 1px solid #e8edf4;
    margin-bottom: 16px;
}

.projcat-search__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 10px;
}

.projcat-search__box {
    position: relative;
}

.projcat-search__icon {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
}

.projcat-search__input {
    width: 100%;
    padding: 9px 12px 9px 36px;
    background: #F4F7FB;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #2d3748;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.projcat-search__input:focus {
    border-color: #0052a5;
    box-shadow: 0 0 0 3px rgba(0, 82, 165,0.1);
    background: #fff;
}

.projcat-info {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(10, 22, 40,0.07);
    border: 1px solid #e8edf4;
    border-left: 4px solid #0052a5;
}

.projcat-info__title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #0052a5;
    margin-bottom: 12px;
}

.projcat-info__body {
    font-size: 14px;
    line-height: 1.7;
    color: #4a5568;
}

.projcat-info__body p      { margin-bottom: 10px; }
.projcat-info__body ul     { padding-left: 18px; margin-bottom: 10px; }
.projcat-info__body li     { margin-bottom: 4px; }
.projcat-info__body a      { color: #0052a5; }

/* ---------- CONTENT — ACCORDION ---------- */
.projcat-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.projcat-group {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 6px rgba(10, 22, 40,0.06);
    border: 1px solid #e8edf4;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.projcat-group:hover {
    box-shadow: 0 4px 16px rgba(0, 82, 165,0.10);
}

.projcat-group__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    user-select: none;
    transition: background 0.18s ease;
    border-bottom: 1px solid transparent;
}

.projcat-group__header:hover {
    background: #F8FAFC;
}

.projcat-group__header.is-open {
    background: #EEF5FF;
    border-bottom-color: #dce8f7;
}

.projcat-group__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    font-weight: 600;
    color: #0A1628;
    line-height: 1.4;
}

.projcat-group__header.is-open .projcat-group__title {
    color: #0052a5;
}

.projcat-group__header.is-open svg:first-child {
    stroke: #0052a5;
}

.projcat-group__right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.projcat-group__badge {
    background: #F4F7FB;
    color: #0052a5;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #dce8f7;
}

.projcat-group__header.is-open .projcat-group__badge {
    background: #0052a5;
    color: #fff;
    border-color: #0052a5;
}

.projcat-group__chevron {
    color: #64748b;
    transition: transform 0.22s ease;
    flex-shrink: 0;
}

.projcat-group__header.is-open .projcat-group__chevron {
    transform: rotate(180deg);
    color: #0052a5;
}

.projcat-group__body {
    display: none;
    padding: 4px 0 8px;
}

/* ---------- PROJECT LIST ---------- */
.projcat-list {
    list-style: none;
    padding: 0 12px;
    margin: 0;
}

.projcat-item {
    border-radius: 8px;
    transition: background 0.15s ease;
}

.projcat-item:hover {
    background: #F4F7FB;
}

.projcat-item__link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    text-decoration: none;
}

.projcat-item__title {
    font-size: 14px;
    color: #2d3748;
    line-height: 1.5;
    transition: color 0.15s ease;
}

.projcat-item__title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 9px;
    border-radius: 50%;
    background: #0052a5;
    vertical-align: middle;
    flex-shrink: 0;
}

.projcat-item:hover .projcat-item__title {
    color: #0052a5;
}

.projcat-item__new {
    flex-shrink: 0;
    background: #dc2626;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 7px;
    border-radius: 20px;
}

/* ---------- EMPTY STATE ---------- */
.projcat-empty {
    text-align: center;
    padding: 48px 24px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e8edf4;
    color: #64748b;
}

.projcat-empty svg  { margin-bottom: 16px; opacity: 0.4; }
.projcat-empty h3   { font-size: 18px; font-weight: 700; color: #4a5568; margin-bottom: 8px; }
.projcat-empty p    { font-size: 14px; color: #64748b; margin: 0; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 960px) {
    .projcat-inner { grid-template-columns: 260px 1fr; gap: 20px; }
}

@media (max-width: 768px) {
    .projcat-section   { padding: 40px 0 56px; }
    .projcat-inner     { grid-template-columns: 1fr; }
    .projcat-sidebar   { position: static; }
}

@media (max-width: 480px) {
    .projcat-group__header { padding: 14px 16px; }
    .projcat-group__title  { font-size: 13.5px; }
    .projcat-list          { padding: 0 8px; }
}


/* ============================================================
   PAGE-PUBLICATIONS-WKAU
   ============================================================ */

/* ---------- HERO STATS (inside str-hero) ---------- */
.pub-hero-stats {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
    position: relative;
    z-index: 2;
}

.pub-hero-stat {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 8px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    backdrop-filter: blur(4px);
}

.pub-hero-stat i        { opacity: 0.8; font-size: 14px; }
.pub-hero-stat strong   { font-size: 18px; font-weight: 800; margin-right: 2px; }

/* ---------- MAIN SECTION ---------- */
.pub-section {
    padding: 48px 0 72px;
    background: #F4F7FB;
}

/* ---------- TABS ---------- */
.pub-tabs-bar {
    display: inline-flex;
    gap: 4px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(10, 22, 40,0.07);
    padding: 5px;
    margin-bottom: 24px;
}

.pub-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border: none;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    background: transparent;
    cursor: pointer;
    outline: none;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.pub-tab-btn:hover {
    background: #EEF5FF;
    color: #0052a5;
}

.pub-tab-btn.active {
    background: #0052a5;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 82, 165,0.28);
}

.pub-tab-count {
    background: rgba(255,255,255,0.22);
    border-radius: 20px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 700;
}

.pub-tab-btn:not(.active) .pub-tab-count {
    background: #EEF5FF;
    color: #0052a5;
}

/* ---------- TAB CONTENT ---------- */
.pub-tab-content         { display: none; }
.pub-tab-content.active  { display: block; }

/* ---------- ACCORDION ---------- */
.pub-accordion { display: flex; flex-direction: column; gap: 10px; }

.pub-acc-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 6px rgba(10, 22, 40,0.06);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

.pub-acc-item.open {
    box-shadow: 0 4px 20px rgba(0, 82, 165,0.10);
    border-color: rgba(0, 82, 165,0.25);
}

.pub-acc-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    cursor: pointer;
    user-select: none;
    transition: background 0.18s ease;
}

.pub-acc-header:hover { background: #f8fafc; }

.pub-acc-item.open .pub-acc-header {
    background: #EEF5FF;
    border-bottom: 1px solid #dce8f7;
}

.pub-acc-chevron {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #EEF5FF;
    color: #0052a5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
    transition: transform 0.25s ease, background 0.2s ease;
}

.pub-acc-item.open .pub-acc-chevron {
    transform: rotate(90deg);
    background: #0052a5;
    color: #fff;
}

.pub-acc-year {
    font-size: 20px;
    font-weight: 800;
    color: #0A1628;
    flex: 1;
}

.pub-acc-item.open .pub-acc-year { color: #0052a5; }

.pub-acc-badge {
    background: #EEF5FF;
    color: #0052A5;
    border-radius: 20px;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #dce8f7;
}

.pub-acc-item.open .pub-acc-badge {
    background: #0052a5;
    color: #fff;
    border-color: transparent;
}

/* ---------- ACCORDION BODY ---------- */
.pub-acc-body { display: none; padding: 20px; }
.pub-acc-item.open .pub-acc-body { display: block; }

/* ---------- SEARCH ---------- */
.pub-search-wrap {
    position: relative;
    margin-bottom: 16px;
    max-width: 400px;
}

.pub-search-wrap i {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 13px;
    pointer-events: none;
}

.pub-search-input {
    width: 100%;
    padding: 9px 14px 9px 38px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    color: #2d3748;
    background: #F4F7FB;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.pub-search-input:focus {
    border-color: #0052a5;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 82, 165,0.10);
}

/* ---------- TABLE ---------- */
.pub-table-wrap {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.pub-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #2d3748;
    background: #fff;
}

.pub-table thead th {
    background: #0052a5;
    color: #fff;
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 11px 10px;
    border: none;
    text-align: center;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 2;
}

.pub-table thead th:first-child { text-align: center; }

/* Тақырыптағы сұрыптау батырмасы (page-publications-wkau.php, 2026-10-27): ⇅ белгісі әрдайым бірдей */
.pub-table .pub-sort {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    line-height: 1.3;
    border-radius: 4px;
}
.pub-table .pub-sort:hover { text-decoration: underline; text-underline-offset: 3px; }
.pub-table .pub-sort:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.pub-table .pub-sort-ico { flex: none; font-size: 11px; opacity: .55; }
.pub-table .pub-sort-ico::before { content: "⇅"; } /* бағыт белгісі (▲/▼) көрсетілмейді — пайдаланушы талабы */

.pub-table tbody tr {
    border-bottom: 1px solid #edf2f7;
    transition: background 0.12s ease;
}
.pub-table tbody tr:last-child     { border-bottom: none; }
.pub-table tbody tr:hover          { background: #EEF5FF; }
.pub-table tbody tr:nth-child(even){ background: #fafbfd; }
.pub-table tbody tr:nth-child(even):hover { background: #EEF5FF; }

.pub-table td {
    padding: 10px;
    vertical-align: middle;
    word-break: break-word;
}

.pub-table td:nth-child(1) { text-align: center; width: 4%;  color: #64748b; font-weight: 600; }
.pub-table td:nth-child(2) { width: 18%; }
.pub-table td:nth-child(3) { width: 20%; }
.pub-table td:nth-child(4) { width: 14%; }
.pub-table td:nth-child(5) { width: 9%; text-align: center; }
.pub-table td:nth-child(6) { width: 5%; text-align: center; }
.pub-table td:nth-child(7) { width: 14%; max-width: 150px; }
.pub-table td:nth-child(8) { width: 6%;  text-align: center; }
.pub-table thead th:nth-child(6) { white-space: normal; line-height: 1.3; }

/* ---------- CELL CONTENT ---------- */
.pub-title-link {
    color: #0052A5;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    transition: color 0.15s ease;
}
.pub-title-link:hover { color: #0052a5; }
.pub-title-link:hover::after { content: ' ↗'; font-size: 10px; opacity: 0.7; }

.pub-authors     { font-size: 12.5px; line-height: 1.5; color: #4a5568; }
.pub-journal-name{ font-style: italic; font-size: 12.5px; color: #555; }

.pub-percentile {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    min-width: 50px;
    text-align: center;
}
.pub-percentile.high   { background: #d1fae5; color: #065f46; border: 1px solid #6ee7b7; }
.pub-percentile.medium { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.pub-percentile.low    { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.pub-percentile.none   { background: #f1f5f9; color: #64748b; border: 1px solid #cbd5e1; }

.pub-citations {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #1e40af;
}
.pub-citations i { font-size: 10px; opacity: 0.7; }

.pub-topics      { display: flex; flex-wrap: wrap; gap: 4px; }
.pub-topic-tag {
    background: #EEF5FF;
    border: 1px solid #c3d8f0;
    color: #0052A5;
    border-radius: 4px;
    padding: 2px 7px;
    font-size: 11px;
    line-height: 1.4;
    word-break: break-word;
}

.pub-copy-btn {
    width: 32px;
    height: 32px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    border-radius: 7px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    outline: none;
    transition: all 0.18s ease;
}
.pub-copy-btn:hover  { border-color: #0052a5; color: #0052a5; background: #EEF5FF; }
.pub-copy-btn.copied { border-color: #10b981; color: #10b981; background: #d1fae5; }

/* ---------- EMPTY ---------- */
.pub-empty {
    text-align: center;
    padding: 48px 20px;
    color: #64748b;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.pub-empty i   { font-size: 36px; margin-bottom: 12px; opacity: 0.4; display: block; }
.pub-empty p   { font-size: 15px; margin: 0; color: #64748b; }

/* ---------- MODAL ---------- */
.pub-modal-content {
    border: none !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important;
}

.pub-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #0052a5, #0052a5);
    border: none;
}

.pub-modal-title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
.pub-modal-title i { opacity: 0.8; }

.pub-modal-close {
    color: #fff;
    opacity: 0.8;
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    transition: opacity 0.15s;
}
.pub-modal-close:hover { opacity: 1; }

.pub-modal-body {
    padding: 20px 22px !important;
    font-size: 14px;
    line-height: 1.7;
    color: #2d3748;
    overflow-y: auto;
    max-height: 360px;
}

.pub-modal-pub-title {
    font-size: 15px;
    font-weight: 700;
    color: #0052A5;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
    .pub-section     { padding: 36px 0 56px; }
    .pub-tabs-bar    { width: 100%; display: flex; }
    .pub-tab-btn     { flex: 1; justify-content: center; padding: 10px 10px; font-size: 12.5px; }
    /* 375px-те «Конференция материалдарында» + сан батырмадан шығып, бет көлденең жылжитын (2026-10-21) */
    .pub-tab-btn     { min-width: 0; gap: 6px; padding: 10px 8px; }
    .pub-tab-count   { flex-shrink: 0; }
    .pub-acc-year    { font-size: 17px; }
    .pub-hero-stats  { gap: 10px; margin-top: 18px; }
    .pub-hero-stat   { font-size: 13px; padding: 7px 14px; }
    .pub-hero-stat strong { font-size: 16px; }
}


/* ============================================================
   PAGE-RANKING REDESIGN
   ============================================================ */

.rnk-section {
    padding: 56px 0 72px;
    background: #F4F7FB;
}

.rnk-section .str-section__header {
    margin-top: 48px;
}

.rnk-section .str-section__header:first-child {
    margin-top: 0;
}

/* ---------- INTERNATIONAL CARD ---------- */
.rnk-int-card {
    display: flex;
    gap: 36px;
    align-items: stretch;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(10, 22, 40,0.08), 0 1px 4px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 56px;
}

.rnk-int-card__visual {
    width: 340px;
    flex-shrink: 0;
    overflow: hidden;
    background: #edf2f7;
}

.rnk-int-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.rnk-int-card__body {
    flex: 1;
    padding: 36px 40px 36px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rnk-int-card__logo {
    height: 40px;
    width: auto;
    object-fit: contain;
    margin-bottom: 14px;
}

.rnk-int-card__agency {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 24px;
    line-height: 1.5;
}

/* ---------- RANK ROWS ---------- */
.rnk-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.rnk-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #F4F7FB;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    gap: 16px;
}

.rnk-row__label {
    font-size: 14px;
    color: #2d3748;
    line-height: 1.4;
    flex: 1;
}

.rnk-row__num {
    font-size: 28px;
    font-weight: 800;
    color: #0052a5;
    flex-shrink: 0;
    line-height: 1;
}

/* ---------- LINK ---------- */
.rnk-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #0052a5;
    text-decoration: none;
    padding: 8px 16px;
    border: 1.5px solid #c3d8f0;
    border-radius: 20px;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    align-self: flex-start;
    margin-top: 4px;
}

.rnk-link:hover {
    background: #0052a5;
    color: #fff;
    border-color: #0052a5;
    text-decoration: none;
}

/* ---------- NATIONAL GRID ---------- */
.rnk-national-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 56px;
}

.rnk-agency-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(10, 22, 40,0.07), 0 1px 4px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 28px 30px 24px;
    display: flex;
    flex-direction: column;
}

.rnk-agency-card__logo {
    height: 44px;
    width: auto;
    object-fit: contain;
    margin-bottom: 14px;
    align-self: flex-start;
}

.rnk-agency-card__name {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #0052a5;
    margin: 0 0 6px;
}

.rnk-agency-card__title {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.55;
    margin: 0 0 20px;
}

/* ---------- YEAR GRID ---------- */
.rnk-years {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.rnk-year-item {
    flex: 1;
    min-width: 80px;
    background: #F4F7FB;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 12px 14px;
    text-align: center;
}

.rnk-year-item__year {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 6px;
    letter-spacing: 0.3px;
}

.rnk-year-item__num {
    font-size: 26px;
    font-weight: 800;
    color: #0052a5;
    line-height: 1;
}

.rnk-year-item__num span {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

/* ---------- OP SECTION (IAAR / Atameken) ---------- */
.rnk-op-row {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(10, 22, 40,0.07);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 32px 36px;
    margin-bottom: 24px;
}

.rnk-op-logo-col {
    width: 120px;
    flex-shrink: 0;
    padding-top: 8px;
}

.rnk-op-logo-col img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.rnk-op-data-col {
    flex: 1;
    min-width: 0;
}

.rnk-op-subtitle {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
    margin: 0 0 20px;
}

/* ---------- ACCORDION (rnk) ---------- */
.rnk-accordion {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rnk-acc-item {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.rnk-acc-item:hover {
    box-shadow: 0 2px 8px rgba(0, 82, 165,0.08);
}

.rnk-acc-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: #F8FAFC;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #0A1628;
    font-family: inherit;
    transition: background 0.18s ease;
}

.rnk-acc-header:hover {
    background: #EEF5FF;
    color: #0052a5;
}

.rnk-acc-header.is-open {
    background: #EEF5FF;
    color: #0052a5;
    border-bottom: 1px solid #dce8f7;
}

.rnk-acc-header span:first-child {
    flex: 1;
}

/* Chevron icon */
.rnk-acc-icon {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.22s ease;
}
.rnk-acc-header.is-open .rnk-acc-icon {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230052a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E");
}

.rnk-acc-badge {
    background: #e2e8f0;
    color: #4a5568;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 20px;
    flex-shrink: 0;
}

.rnk-acc-header.is-open .rnk-acc-badge {
    background: #0052a5;
    color: #fff;
}

.rnk-acc-chevron {
    color: #64748b;
    flex-shrink: 0;
    transition: transform 0.22s ease, color 0.18s ease;
}

.rnk-acc-header.is-open .rnk-acc-chevron {
    transform: rotate(180deg);
    color: #0052a5;
}

.rnk-acc-body {
    display: none;
    padding: 8px 20px;
    background: #fff;
}

/* Compact edu rows inside accordion */
.rnk-acc-body .edu__name-items {
    border-bottom: 1px solid #f0f4f8;
}
.rnk-acc-body .edu__name-items:last-child {
    border-bottom: none;
}
.rnk-acc-body .edu__name-body {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    gap: 0;
}
.rnk-acc-body .edu__code {
    flex: 0 0 84px;
    font-size: 14px !important;
    font-weight: 700;
    color: #fff;
    background: #0052a5;
    padding: 7px 10px !important;
    text-align: center;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.3 !important;
}
.rnk-acc-body .edu__name-title {
    flex: 1;
    font-size: 15px !important;
    padding: 8px 16px !important;
    border: none !important;
    color: #0A1628;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
}
.rnk-acc-body .edu__name-items a:hover .edu__name-title {
    color: #0052a5;
    background: #f5f9ff;
}

/* press__items (military) inside accordion */
.rnk-acc-body .col-12.mb-4 {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
.rnk-acc-body .press__items.pps__card {
    padding: 7px 14px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #f0f4f8 !important;
    background: #fff;
}
.rnk-acc-body .press__items.pps__card:hover {
    background: #f5f9ff !important;
}
.rnk-acc-body .press__title {
    font-size: 13px !important;
    font-weight: 500;
    color: #0A1628;
    line-height: 1.4;
}

/* ---------- RANKING TABLE ---------- */
.rnk-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #2d3748;
}

.rnk-table thead th {
    background: #0052a5;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 9px 10px;
    border: none;
    text-align: left;
}

.rnk-table thead th:first-child { text-align: center; width: 4%; }

.rnk-table tbody tr {
    border-bottom: 1px solid #edf2f7;
    transition: background 0.12s ease;
}

.rnk-table tbody tr:last-child  { border-bottom: none; }
.rnk-table tbody tr:hover       { background: #EEF5FF; }
.rnk-table tbody tr:nth-child(even) { background: #fafbfd; }
.rnk-table tbody tr:nth-child(even):hover { background: #EEF5FF; }

.rnk-table td {
    padding: 9px 10px;
    vertical-align: middle;
}

.rnk-table td:first-child {
    text-align: center;
    color: #64748b;
    font-weight: 600;
    font-size: 12px;
}

/* ---------- PLACE BADGE ---------- */
.rnk-place-badge {
    display: inline-block;
    background: #EEF5FF;
    color: #0052A5;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    border: 1px solid #c3d8f0;
    min-width: 36px;
    text-align: center;
}

.rnk-place-badge--na {
    background: #f1f5f9;
    color: #64748b;
    border-color: #cbd5e1;
}

/* ---------- FOOTNOTE ---------- */
.rnk-footnote {
    font-size: 12px;
    color: #64748b;
    font-style: italic;
    margin: 12px 0 14px;
    line-height: 1.6;
}

/* ---------- PROFESSOR GRID ---------- */
.rnk-prof-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.rnk-prof-card {
    background: #fff;
    border-radius: 14px;
    padding: 28px 30px;
    box-shadow: 0 2px 12px rgba(10, 22, 40,0.07);
    border: 1px solid rgba(0,0,0,0.05);
    border-top: 4px solid #0052a5;
    display: flex;
    align-items: center;
    gap: 24px;
}

.rnk-prof-card__name {
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    color: #0A1628;
    line-height: 1.35;
}

.rnk-prof-card__place {
    font-size: 40px;
    font-weight: 800;
    color: #0052a5;
    line-height: 1;
    flex-shrink: 0;
}

.rnk-prof-card__place span {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
    .rnk-int-card__visual { width: 260px; }
}

@media (max-width: 900px) {
    .rnk-int-card      { flex-direction: column; }
    .rnk-int-card__visual { width: 100%; height: 220px; }
    .rnk-int-card__body   { padding: 28px 28px 28px; }
    .rnk-op-row        { flex-direction: column; gap: 20px; }
    .rnk-op-logo-col   { width: 100px; padding-top: 0; }
}

@media (max-width: 768px) {
    .rnk-section       { padding: 40px 0 56px; }
    .rnk-national-grid { grid-template-columns: 1fr; }
    .rnk-prof-grid     { grid-template-columns: 1fr; }
    .rnk-op-row        { padding: 24px 20px; }
}

@media (max-width: 540px) {
    .rnk-int-card__body { padding: 20px; }
    .rnk-agency-card    { padding: 20px; }
    .rnk-years          { gap: 8px; }
    .rnk-year-item__num { font-size: 22px; }
    .rnk-prof-card      { flex-direction: column; align-items: flex-start; gap: 12px; }
    .rnk-prof-card__place { font-size: 32px; }
    .rnk-acc-body       { padding: 12px; }
}


/* ============================================================
   PAGE-TDM — 17 Sustainable Development Goals
   ============================================================ */

/* ---------- INTRO ---------- */
.tdm-intro {
    padding: 48px 0 0;
    background: #fff;
}

.tdm-intro__body {
    font-size: 15.5px;
    line-height: 1.85;
    color: #4a5568;
    text-align: justify;
    overflow: clip;
}

.tdm-intro__body p        { margin-bottom: 14px; }
.tdm-intro__body p:last-child { margin-bottom: 0; }
.tdm-intro__body h2,
.tdm-intro__body h3       { color: #0A1628; font-weight: 700; margin-bottom: 10px; }
.tdm-intro__body a        { color: #0052a5; text-decoration: underline; }

.tdm-intro__body img,
.tdm-intro__body .wp-block-image,
.tdm-intro__body figure {
    float: left;
    margin: 4px 28px 16px 0 !important;
    max-width: 340px;
    height: auto;
    border-radius: 8px;
}

.tdm-intro__body .wp-block-image img,
.tdm-intro__body figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

@media (max-width: 600px) {
    .tdm-intro__body img,
    .tdm-intro__body .wp-block-image,
    .tdm-intro__body figure {
        float: none;
        max-width: 100%;
        margin: 0 0 16px 0 !important;
    }
}

/* ---------- SECTION ---------- */
.tdm-section {
    padding: 48px 0 72px;
    background: #F4F7FB;
}

.tdm-intro + .tdm-section {
    padding-top: 36px;
}

/* ---------- GRID ---------- */
.tdm-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

/* ---------- CARD (3D flip) ---------- */
.tdm-card {
    aspect-ratio: 1 / 1;
    perspective: 600px;
    border-radius: 10px;
    cursor: pointer;
}

.tdm-card__inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.10);
}

.tdm-card:hover .tdm-card__inner {
    transform: rotateY(180deg);
    box-shadow: 0 10px 32px rgba(0,0,0,0.20);
}

.tdm-card__front,
.tdm-card__back {
    position: absolute;
    inset: 0;
    border-radius: 10px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
}

.tdm-card__front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tdm-card__back {
    background: var(--sdg-color);
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tdm-card__link {
    display: inline-block;
    background: rgba(255,255,255,0.22);
    border: 2px solid rgba(255,255,255,0.7);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 10px 24px;
    border-radius: 30px;
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
    backdrop-filter: blur(4px);
}

.tdm-card__link:hover {
    background: rgba(255,255,255,0.38);
    color: #fff;
    text-decoration: none;
    transform: scale(1.05);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
    .tdm-grid { grid-template-columns: repeat(5, 1fr); }
}

@media (max-width: 860px) {
    .tdm-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 640px) {
    .tdm-grid   { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .tdm-section { padding: 36px 0 56px; }
    .tdm-card__num { font-size: 26px; }
}

@media (max-width: 420px) {
    .tdm-grid { grid-template-columns: repeat(2, 1fr); }
}


/* ============================================================
   PAGE-MISSION-NEW COMPACT — page-mission-new.php (msn-* + strc-* компоненттері)
   ============================================================ */

/* ---------- MISSION + VISION ---------- */
.msn-statements__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 18px;
}

.msn-statement {
    position: relative;
    padding: 28px 30px 30px;
    border-radius: 16px;
    overflow: hidden;
}

.msn-statement--mission {
    background: linear-gradient(135deg, #0052A5 0%, #0052a5 100%);
    color: #fff;
}

.msn-statement--vision {
    background: #F5F9FF;
    border: 1px solid #dbe6f3;
    color: #0A1628;
}

/* Декоративті үлкен тырнақша */
.msn-statement::after {
    content: '\201D';
    position: absolute;
    right: 20px;
    bottom: -40px;
    font-family: Georgia, serif;
    font-size: 180px;
    line-height: 1;
    opacity: 0.12;
    pointer-events: none;
}

.msn-statement__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.msn-statement__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
}

.msn-statement--mission .msn-statement__icon { background: rgba(255,255,255,0.18); color: #fff; }
.msn-statement--vision  .msn-statement__icon { background: #0052a5; color: #fff; }

.msn-statement__title {
    margin: 0;
    font-size: 14px !important; /* style.css (≤992px) h2 !important */
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: inherit;
}

.msn-statement--mission .msn-statement__title { color: rgba(255,255,255,0.85); }
.msn-statement--vision  .msn-statement__title { color: #0052A5; }

.msn-statement__text {
    position: relative;
    z-index: 1;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.6;
}

.msn-statement__text > :last-child { margin-bottom: 0; }

/* ---------- VALUES ---------- */
.msn-values-block { background: #F5F8FC; }

.msn-values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 14px;
}

.msn-value {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #e3ebf6;
    border-radius: 12px;
}

.msn-value__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    height: 52px;
    background: #EEF5FF;
    border-radius: 12px;
}

.msn-value__icon img { width: 32px; height: 32px; }

.msn-value__text {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #0A1628;
}

/* ---------- STRATEGY: DIRECTIONS + TOOLS ---------- */
.msn-dirs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: 14px;
}

.msn-dir {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 24px;
    border-radius: 14px;
    color: #fff;
}

.msn-dir--blue { background: linear-gradient(135deg, #0052A5 0%, #0052a5 100%); }
.msn-dir--dark { background: linear-gradient(135deg, #0A1628 0%, #1e3a5f 100%); }

.msn-dir__num {
    flex-shrink: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    opacity: 0.35;
}

.msn-dir__text {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
}

.msn-tools {
    margin-top: 14px;
    padding: 20px 22px 22px;
    background: #F5F9FF;
    border: 1px solid #dbe6f3;
    border-radius: 14px;
}

.msn-tools__title {
    margin: 0 0 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0052A5;
}

.msn-tools__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); /* 6 құрал → 3+3 */
    gap: 10px;
}

.msn-tool {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #e3ebf6;
    border-radius: 10px;
}

.msn-tool__num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    height: 32px;
    border-radius: 8px;
    background: #EEF5FF;
    color: #0052a5;
    font-size: 13px;
    font-weight: 800;
}

.msn-tool__text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #0A1628;
}

@media (max-width: 600px) {
    .msn-statement      { padding: 22px 20px 24px; }
    .msn-statement__text { font-size: 17px; }
    .msn-dir            { padding: 18px 18px; gap: 14px; }
    .msn-dir__num       { font-size: 32px; }
    .msn-dir__text      { font-size: 15.5px; }
    .msn-tools          { padding: 16px; }
}


/* ============================================================
   PAGE-SHABLON — универсальный шаблон с the_content()
   ============================================================ */

.shbl-section {
    padding: 56px 0 72px;
    background: #fff;
    border-top: 1px solid #e2e8f0;
}

.shbl-body {
    font-size: 15.5px;
    line-height: 1.85;
    color: #4a5568;
    text-align: left; /* бұрын: justify — тар экранда сөз арасы алшақтайды */
}

.shbl-body p              { margin-bottom: 16px; }
.shbl-body p:last-child   { margin-bottom: 0; }
.shbl-body h1,
.shbl-body h2,
.shbl-body h3,
.shbl-body h4             { color: #0A1628; font-weight: 700; margin: 28px 0 12px; line-height: 1.3; }
.shbl-body h1             { font-size: 30px; }
.shbl-body h2             { font-size: 26px; }
.shbl-body h3             { font-size: 21px; }
.shbl-body h4             { font-size: 17px; }
.shbl-body ul,
.shbl-body ol             { padding-left: 0; margin-bottom: 16px; }

/* ============================================================
   ГЛОБАЛЬНЫЕ СТИЛИ КОНТЕНТА — списки и файлы
   Применяется ко всем основным обёрткам контента на сайте
   ============================================================ */

/* Маркированный список */
.container_content ul,
.entry-content ul,
.news-page__text ul,
.school__text ul,
.shbl-body ul             { list-style: none !important; padding-left: 0; margin-bottom: 16px; }

.container_content ul > li,
.entry-content ul > li,
.news-page__text ul > li,
.school__text ul > li,
.shbl-body ul > li        { display: block !important; position: relative; padding-left: 22px; margin-bottom: 8px; }

.container_content ul > li::before,
.entry-content ul > li::before,
.news-page__text ul > li::before,
.school__text ul > li::before,
.shbl-body ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 9px;
    height: 9px;
    background: #0052a5;
    border-radius: 50%;
}
/* Вложенный 2-й уровень — обводка */
.container_content ul ul,
.entry-content ul ul,
.news-page__text ul ul,
.school__text ul ul,
.shbl-body ul ul          { list-style: none !important; margin-top: 6px; margin-bottom: 4px; padding-left: 16px; }

.container_content ul ul > li::before,
.entry-content ul ul > li::before,
.news-page__text ul ul > li::before,
.school__text ul ul > li::before,
.shbl-body ul ul > li::before {
    width: 7px;
    height: 7px;
    background: transparent;
    border: 2px solid #0052a5;
    top: 8px;
}
/* Вложенный 3-й уровень — квадрат */
.container_content ul ul ul,
.entry-content ul ul ul,
.news-page__text ul ul ul,
.school__text ul ul ul,
.shbl-body ul ul ul       { list-style: none !important; padding-left: 16px; }

.container_content ul ul ul > li::before,
.entry-content ul ul ul > li::before,
.news-page__text ul ul ul > li::before,
.school__text ul ul ul > li::before,
.shbl-body ul ul ul > li::before {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #0052a5;
    border: none;
    top: 8px;
}

/* Нумерованный список */
.container_content ol,
.entry-content ol,
.news-page__text ol,
.school__text ol,
.shbl-body ol             { list-style: none !important; counter-reset: content-ol; padding-left: 0; margin-bottom: 16px; }

.container_content ol > li,
.entry-content ol > li,
.news-page__text ol > li,
.school__text ol > li,
.shbl-body ol > li        { display: block !important; position: relative; padding-left: 34px; margin-bottom: 8px; counter-increment: content-ol; }

.container_content ol > li::before,
.entry-content ol > li::before,
.news-page__text ol > li::before,
.school__text ol > li::before,
.shbl-body ol > li::before {
    content: counter(content-ol);
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    background: #0052a5;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}
.shbl-body a              { color: #0052a5; text-decoration: underline; }
.shbl-body a:hover        { color: #003b78; }
.shbl-body strong         { color: #0A1628; }
.shbl-body blockquote     { border-left: 4px solid #0052a5; padding: 12px 20px; margin: 20px 0; background: #EEF5FF; border-radius: 0 8px 8px 0; color: #2d3748; font-style: italic; }
.shbl-body table          { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 14px; }
.shbl-body table th       { background: #0052a5; color: #fff; font-weight: 700; padding: 10px 12px; border: 1px solid #0069a3; text-align: left; }
.shbl-body table td       { padding: 9px 12px; border: 1px solid #e2e8f0; }
.shbl-body table tr:nth-child(even) td { background: #f8fafc; }
.shbl-body img            { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }

@media (max-width: 768px) {
    .shbl-section { padding: 40px 0 56px; }
    .shbl-body    { font-size: 15px; }
}

/* --- Сброс: Gutenberg layout-блоки используют ul/li для сеток/галерей — не трогаем --- */
.wp-block-gallery > li,
.blocks-gallery-grid > li,
.wp-block-social-links > li,
.wp-block-navigation > li,
.wp-block-page-list > li,
.wp-block-categories > li,
.wp-block-archives > li,
.nav > li {
    display: revert !important;
    position: static !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.wp-block-gallery > li::before,
.blocks-gallery-grid > li::before,
.wp-block-social-links > li::before,
.wp-block-navigation > li::before,
.wp-block-page-list > li::before,
.wp-block-categories > li::before,
.wp-block-archives > li::before,
.nav > li::before {
    content: none !important;
    display: none !important;
}

/* --- wp-block-file (file cards) — глобально для всех контентных обёрток --- */
.content-files-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0;
    align-items: stretch;
}
.container_content .wp-block-file,
.entry-content .wp-block-file,
.news-page__text .wp-block-file,
.school__text .wp-block-file,
.shbl-body .wp-block-file,
.zng-pane .wp-block-file,
.tdm-intro__body .wp-block-file {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 0 0 calc(20% - 13px);
    min-width: 140px;
    padding: 28px 16px 20px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin: 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07) !important;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative !important;
}
.container_content .wp-block-file:hover,
.entry-content .wp-block-file:hover,
.news-page__text .wp-block-file:hover,
.school__text .wp-block-file:hover,
.shbl-body .wp-block-file:hover,
.zng-pane .wp-block-file:hover,
.tdm-intro__body .wp-block-file:hover {
    box-shadow: 0 6px 20px rgba(0, 82, 165,0.15) !important;
    transform: translateY(-3px);
}
.container_content .wp-block-file::before,
.entry-content .wp-block-file::before,
.news-page__text .wp-block-file::before,
.school__text .wp-block-file::before,
.shbl-body .wp-block-file::before,
.zng-pane .wp-block-file::before,
.tdm-intro__body .wp-block-file::before {
    content: "" !important;
    position: static !important;
    width: 60px !important;
    height: 60px !important;
    top: auto !important;
    left: auto !important;
    background-image: url("https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/document.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 14px !important;
    flex-shrink: 0;
}
.container_content .wp-block-file a:not(.wp-block-file__button),
.entry-content .wp-block-file a:not(.wp-block-file__button),
.news-page__text .wp-block-file a:not(.wp-block-file__button),
.school__text .wp-block-file a:not(.wp-block-file__button),
.shbl-body .wp-block-file a:not(.wp-block-file__button),
.zng-pane .wp-block-file a:not(.wp-block-file__button),
.tdm-intro__body .wp-block-file a:not(.wp-block-file__button) {
    color: #0a1628 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    word-break: break-word;
    flex: 1;
    margin-bottom: 12px !important;
}
.container_content .wp-block-file a:not(.wp-block-file__button):hover,
.entry-content .wp-block-file a:not(.wp-block-file__button):hover,
.news-page__text .wp-block-file a:not(.wp-block-file__button):hover,
.school__text .wp-block-file a:not(.wp-block-file__button):hover,
.shbl-body .wp-block-file a:not(.wp-block-file__button):hover,
.zng-pane .wp-block-file a:not(.wp-block-file__button):hover,
.tdm-intro__body .wp-block-file a:not(.wp-block-file__button):hover { color: #0052a5 !important; }

body .container_content .wp-block-file .wp-block-file__button,
body .entry-content .wp-block-file .wp-block-file__button,
body .news-page__text .wp-block-file .wp-block-file__button,
body .school__text .wp-block-file .wp-block-file__button,
body .shbl-body .wp-block-file .wp-block-file__button,
body .zng-pane .wp-block-file .wp-block-file__button,
body .tdm-intro__body .wp-block-file .wp-block-file__button {
    display: inline-block !important;
    background: #0052a5 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 7px 18px !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: background 0.2s;
    align-self: center;
}
body .container_content .wp-block-file .wp-block-file__button:hover,
body .entry-content .wp-block-file .wp-block-file__button:hover,
body .news-page__text .wp-block-file .wp-block-file__button:hover,
body .school__text .wp-block-file .wp-block-file__button:hover,
body .shbl-body .wp-block-file .wp-block-file__button:hover,
body .zng-pane .wp-block-file .wp-block-file__button:hover,
body .tdm-intro__body .wp-block-file .wp-block-file__button:hover {
    background: #003b78 !important;
    color: #fff !important;
}

@media (max-width: 992px) {
    .container_content .wp-block-file,
    .entry-content .wp-block-file,
    .news-page__text .wp-block-file,
    .school__text .wp-block-file,
    .shbl-body .wp-block-file,
    .zng-pane .wp-block-file,
    .tdm-intro__body .wp-block-file { flex: 0 0 calc(25% - 12px); }
}
@media (max-width: 768px) {
    .container_content .wp-block-file,
    .entry-content .wp-block-file,
    .news-page__text .wp-block-file,
    .school__text .wp-block-file,
    .shbl-body .wp-block-file,
    .zng-pane .wp-block-file,
    .tdm-intro__body .wp-block-file { flex: 0 0 calc(33.333% - 11px); }
}
@media (max-width: 576px) {
    .container_content .wp-block-file,
    .entry-content .wp-block-file,
    .news-page__text .wp-block-file,
    .school__text .wp-block-file,
    .shbl-body .wp-block-file,
    .zng-pane .wp-block-file,
    .tdm-intro__body .wp-block-file { flex: 0 0 calc(50% - 8px); }
}

.tdm-intro__body .wp-block-file {
    float: left !important;
    display: flex !important;
    width: calc(25% - 12px) !important;
    margin: 0 12px 12px 0 !important;
}
.tdm-intro__body::after {
    content: '';
    display: block;
    clear: both;
}
/* Файл карточкаларынан (float) кейінгі бағандар/сызық/тақырып жаңа жолдан басталады — бұрын видео бағандары
   карточканың жанына сығылатын (37586 «Аштықты жою», 2026-10-22). Телефонда карточка 25% емес, 2/1 бағанға. */
.tdm-intro__body > :is(.wp-block-columns, .wp-block-group, .wp-block-separator, hr, h2, h3, h4, .wp-block-heading, .wp-block-gallery, .wp-block-table, .wp-block-embed) { clear: both; }
@media (max-width: 767px) {
    .tdm-intro__body .wp-block-file { width: calc(50% - 12px) !important; }
}
@media (max-width: 420px) {
    .tdm-intro__body .wp-block-file { width: 100% !important; margin-right: 0 !important; }
}

/* --- wp-block-gallery: сброс float/max-width от figure-правила --- */
.tdm-intro__body .wp-block-gallery,
.tdm-intro__body .blocks-gallery-grid {
    float: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 16px 0 24px !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    height: auto !important;
    border-radius: 0 !important;
}
.tdm-intro__body .wp-block-gallery figure,
.tdm-intro__body .wp-block-gallery .blocks-gallery-item,
.tdm-intro__body .blocks-gallery-grid li,
.tdm-intro__body .blocks-gallery-grid figure {
    float: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 1 1 calc(33.333% - 6px);
    min-width: 120px;
    height: auto !important;
    border-radius: 8px;
    overflow: hidden;
}
.tdm-intro__body .wp-block-gallery figure img,
.tdm-intro__body .blocks-gallery-grid figure img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ============================================================
   PAGE-KOSYMSHA-BILIM-BERU — Қосымша білім беру (курсы)
   ============================================================ */

/* Hero */
.kbb-hero__desc {
    color: rgba(255,255,255,0.88);
    font-size: 16px;
    margin-top: 16px;
    max-width: 640px;
    line-height: 1.6;
}

/* Section */
.kbb-section {
    padding: 64px 0 72px;
    background: #fff;
}
.kbb-section--gray {
    background: #F4F7FB;
}

.kbb-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 36px;
}
.kbb-title-row {
    display: flex;
    align-items: center;
    gap: 14px;
}
.kbb-section__title {
    font-size: 26px;
    font-weight: 700;
    color: #0A1628;
    margin: 0 0 4px;
    line-height: 1.3;
}
.kbb-section__sub {
    font-size: 14px;
    color: #4a5568;
    margin: 0;
}
.kbb-all-link {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #0052a5;
    text-decoration: none;
    padding: 8px 20px;
    border: 2px solid #0052a5;
    border-radius: 8px;
    transition: background 0.18s, color 0.18s;
    flex-shrink: 0;
}
.kbb-all-link:hover {
    background: #0052a5;
    color: #fff;
    text-decoration: none;
}

/* Slider wrapper */
.kbb-slider-wrap {
    position: relative;
}
/* Swiper өзіне padding-bottom — пагинация слайдтарға кірмейді */
.kbb-swiper {
    padding-bottom: 52px !important;
}
.kbb-swiper .swiper-button-prev,
.kbb-swiper .swiper-button-next {
    top: auto;
    bottom: 8px;
    width: 36px;
    height: 36px;
    background: #0052a5;
    border-radius: 50%;
    color: #fff;
}
.kbb-swiper .swiper-button-prev {
    left: calc(50% - 48px);
    right: auto;
}
.kbb-swiper .swiper-button-next {
    left: calc(50% + 12px);
    right: auto;
}
.kbb-swiper .swiper-button-prev::after,
.kbb-swiper .swiper-button-next::after { font-size: 13px; font-weight: 700; }
.kbb-swiper .swiper-button-prev:hover,
.kbb-swiper .swiper-button-next:hover { background: #003b78; }

/* Мобильді: навигация батырмаларын жасыру */
@media (max-width: 575px) {
    .kbb-swiper {
        padding-bottom: 0 !important;
    }
    .kbb-swiper .swiper-button-prev,
    .kbb-swiper .swiper-button-next {
        display: none;
    }
}

/* Card */
.kbb-swiper .swiper-wrapper {
    align-items: stretch;
}
.kbb-swiper .swiper-slide {
    height: auto;
    display: flex;
}
.kbb-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}
.kbb-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0, 82, 165,0.18);
    text-decoration: none;
    color: inherit;
}

/* Thumbnail */
.kbb-card__thumb {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #e2e8f0;
}
.kbb-card__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}
.kbb-card__no-img {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #c3daf0 0%, #e8f4fd 100%);
}

/* Badge online/offline */
.kbb-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 20px;
    color: #fff;
}
.kbb-card__badge--online  { background: #22863a; }
.kbb-card__badge--offline { background: #0052a5; }
.kbb-card__badge--mook   { background: #0052a5; }
.kbb-card__badge--empl   { background: #7c3aed; }

/* Body */
.kbb-card__body {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.kbb-card__title {
    font-size: 14px;
    font-weight: 600;
    color: #0A1628;
    line-height: 1.4;
    margin: 0;
    flex: 1;
}
.kbb-card__meta {
    font-size: 12px;
    color: #64748b;
}

@media (max-width: 768px) {
    .kbb-section__header { flex-direction: column; align-items: flex-start; }
    .kbb-section__title  { font-size: 20px; }
    .kbb-section         { padding: 40px 0 48px; }
}

/* === Category archive: /kurstar/?course_tag=591|606 === */
.kbb-cat-section {
    padding: 48px 0 64px;
}
.kbb-cat-nav {
    margin-bottom: 32px;
}
.kbb-cat-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #0052a5;
    text-decoration: none;
    transition: color 0.2s;
}
.kbb-cat-back:hover { color: #003b78; text-decoration: none; }
.kbb-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.kbb-cat-grid .kbb-card {
    height: auto;
}
.kbb-card__hours {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #64748b;
    margin-top: auto;
}
.kbb-cat-empty {
    font-size: 18px;
    color: #64748b;
    text-align: center;
    padding: 60px 0;
}
/* Пагинация */
.kbb-cat-pagination {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}
.kbb-cat-pagination .page-numbers {
    display: inline-flex;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.kbb-cat-pagination .page-numbers li a,
.kbb-cat-pagination .page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0052a5;
    background: #f0f7fc;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.kbb-cat-pagination .page-numbers li a:hover { background: #0052a5; color: #fff; }
.kbb-cat-pagination .page-numbers li span.current { background: #0052a5; color: #fff; }
.kbb-cat-pagination .page-numbers li span.dots { background: transparent; color: #64748b; }

@media (max-width: 1199px) { .kbb-cat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .kbb-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
@media (max-width: 479px)  { .kbb-cat-grid { grid-template-columns: 1fr; } }


/* ============================================================
   PAGE-ZANGAR — Заңғар газеті (вертикальные вкладки)
   ============================================================ */

.zng-section {
    padding: 60px 0 80px;
    background: #F4F7FB;
}

.zng-layout {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* Sidebar: tab buttons */
.zng-sidebar {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.zng-btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 12px 18px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0A1628;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    line-height: 1.4;
}
.zng-btn:hover {
    background: #EEF5FF;
    border-color: #b3d4f0;
    color: #0052a5;
}
.zng-btn.is-active {
    background: #0052a5;
    border-color: #0052a5;
    color: #fff;
    font-weight: 600;
}

/* Content panes */
.zng-content {
    flex: 1;
    min-width: 0;
}

.zng-pane {
    display: none;
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.zng-pane.is-active {
    display: block;
}

/* Pane title */
.zng-pane__title {
    font-size: 20px;
    font-weight: 700;
    color: #0A1628;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #e2e8f0;
    line-height: 1.3;
}

/* Pane body text */
.zng-pane__body {
    font-size: 15px;
    line-height: 1.75;
    color: #2d3748;
    text-align: left; /* бұрын: justify — тар экранда сөз арасы алшақтайды */
}
.zng-pane__body p       { margin-bottom: 14px; }
.zng-pane__body img     { max-width: 100%; height: auto; border-radius: 6px; margin: 8px 0; }
.zng-pane__body a       { color: #0052a5; text-decoration: underline; }
.zng-pane__body a:hover { color: #003b78; }

/* Content inside pane — reset global list styles */
.zng-pane ul,
.zng-pane__body ul { list-style: disc !important; padding-left: 24px !important; }
.zng-pane ul > li,
.zng-pane__body ul > li { display: list-item !important; position: static !important; padding-left: 0 !important; }
.zng-pane ul > li::before,
.zng-pane__body ul > li::before { display: none !important; content: none !important; }
.zng-pane ol,
.zng-pane__body ol { list-style: decimal !important; padding-left: 24px !important; }
.zng-pane ol > li,
.zng-pane__body ol > li { display: list-item !important; position: static !important; padding-left: 0 !important; }
.zng-pane ol > li::before,
.zng-pane__body ol > li::before { display: none !important; content: none !important; }

@media (max-width: 768px) {
    .zng-layout { flex-direction: column; }
    .zng-sidebar { flex: none; width: 100%; flex-direction: row; flex-wrap: wrap; }
    .zng-btn { flex: 1 1 auto; text-align: center; }
    .zng-pane { padding: 20px 16px; }
}


/* ============================================================
   PAGE-UNIVERSITETKE-ALPYS-JYL — 60 лет университету
   ============================================================ */

/* ---------- HERO ---------- */
.alpys-hero .str-hero__content {
    padding-top: 70px;
    padding-bottom: 70px;
}

.alpys-hero__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.alpys-hero__text {
    flex: 1;
    min-width: 0;
}

.alpys-hero__logo {
    flex-shrink: 0;
    width: 200px;
}

.alpys-hero__logo img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 8px 24px rgba(0,0,0,0.30));
}

/* ---------- PPS SECTION ---------- */
.alpys-pps-section {
    padding: 56px 0 72px;
    background: #F4F7FB;
}

/* ---------- CARDS (override school__people inside this section) ---------- */
.alpys-pps-grid .school__people {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(10, 22, 40,0.07), 0 1px 3px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    height: 100%;
}

.alpys-pps-grid .school__people:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 82, 165,0.13);
}

.alpys-pps-grid .school__people a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.alpys-pps-grid .school__img {
    width: 100% !important;
    padding-top: 0 !important;
    position: static !important;
    overflow: hidden !important;
    border-radius: 10px 10px 0 0 !important;
    background: #edf2f7;
    margin-bottom: 0;
    aspect-ratio: 1 / 1;
    height: auto;
}

.alpys-pps-grid .school__img div {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.alpys-pps-grid .school__img img {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    min-height: unset !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    border-radius: 0 !important;
    transition: transform 0.4s ease;
}

.alpys-pps-grid .school__people:hover .school__img img {
    transform: scale(1.08);
}

.alpys-pps-grid .school__name {
    font-size: 13.5px;
    font-weight: 700;
    color: #0A1628;
    line-height: 1.4;
    padding: 12px 14px 5px;
    border-top: 3px solid #0052a5;
}

.alpys-pps-grid .school__position {
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
    padding: 0 14px 14px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .alpys-hero__logo { width: 150px; }
}

@media (max-width: 640px) {
    .alpys-hero__inner  { flex-direction: column-reverse; gap: 24px; align-items: flex-start; }
    .alpys-hero__logo   { width: 110px; }
    .alpys-pps-section  { padding: 40px 0 56px; }
}

/* ============================================================
   PAGE-GYLYMIBAGYT (gyb-*)
   ============================================================ */

.gyb-section {
    padding: 60px 0 80px;
    background: #F4F7FB;
}

/* Two columns */
.gyb-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
}

/* Column card wrapper */
.gyb-col {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
}

.gyb-col__title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #0052a5;
    padding: 16px 20px;
    line-height: 1.5;
}

/* Accordion inside gyb-col */
.gyb-col .rnk-accordion {
    gap: 0;
    padding: 8px 12px;
}
.gyb-col .rnk-acc-item {
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 6px;
    overflow: hidden;
}
.gyb-col .rnk-acc-item:last-child {
    margin-bottom: 0;
}
.gyb-col .rnk-acc-header {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 600;
    background: #F8FAFC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.gyb-col .rnk-acc-header:hover {
    background: #EEF5FF;
    color: #0052a5;
}
.gyb-col .rnk-acc-header.is-open {
    background: #EEF5FF;
    color: #0052a5;
    border-bottom: 1px solid #dce8f7;
}

/* Accordion body padding */
.gyb-acc-body {
    padding: 8px 12px !important;
}

/* Paragraph links (p > a) — same row style as ul li a */
.gyb-acc-body p {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f4f8;
}
.gyb-acc-body p:last-child {
    border-bottom: none;
}
.gyb-acc-body p > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 6px !important;
    text-decoration: none !important;
    color: #2d3748 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    transition: color 0.15s !important;
}
.gyb-acc-body p > a:hover {
    color: #0052a5 !important;
    text-decoration: none !important;
}
.gyb-acc-body p > a::before {
    content: "" !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
.gyb-acc-body p > a::after {
    content: "" !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    margin-left: auto !important;
    border-radius: 50% !important;
    background-color: #0052a5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px !important;
    background-position: center !important;
    transition: background-color 0.15s !important;
}
.gyb-acc-body p > a:hover::after {
    background-color: #0052a5 !important;
}

/* List of file links inside accordion body */
.gyb-acc-body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.gyb-acc-body ul li {
    display: block !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f4f8;
}
.gyb-acc-body ul li:last-child {
    border-bottom: none;
}
.gyb-acc-body ul li::before {
    display: none !important;
}
.gyb-acc-body ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 6px !important;
    text-decoration: none !important;
    color: #2d3748 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    transition: color 0.15s !important;
}
.gyb-acc-body ul li a:hover {
    color: #0052a5 !important;
    text-decoration: none !important;
}
/* Document icon — left */
.gyb-acc-body ul li a::before {
    content: "" !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
/* Download icon — right */
.gyb-acc-body ul li a::after {
    content: "" !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    margin-left: auto !important;
    border-radius: 50% !important;
    background-color: #0052a5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px !important;
    background-position: center !important;
    transition: background-color 0.15s !important;
}
.gyb-acc-body ul li a:hover::after {
    background-color: #0052a5 !important;
}

/* Files inside accordion body */
.gyb-acc-body .wp-block-file {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    flex: unset !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #f0f4f8 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: static !important;
    gap: 8px;
}
.gyb-acc-body .wp-block-file:last-child {
    border-bottom: none !important;
}
.gyb-acc-body .wp-block-file::before {
    content: "" !important;
    display: block !important;
    position: static !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
}
.gyb-acc-body .wp-block-file a:not(.wp-block-file__button) {
    font-size: 12px !important;
    color: #2d3748 !important;
    flex: 1;
    line-height: 1.4;
    text-decoration: none;
}
.gyb-acc-body .wp-block-file a:not(.wp-block-file__button):hover {
    color: #0052a5 !important;
}

/* Download button — icon style */
.gyb-acc-body .wp-block-file .wp-block-file__button,
body .gyb-acc-body .wp-block-file .wp-block-file__button {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #0052a5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    font-size: 0 !important;
    color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    transition: background-color 0.18s !important;
    margin-left: 8px !important;
}
.gyb-acc-body .wp-block-file .wp-block-file__button:hover,
body .gyb-acc-body .wp-block-file .wp-block-file__button:hover {
    background-color: #0052a5 !important;
}

@media (max-width: 768px) {
    .gyb-columns { grid-template-columns: 1fr; }
}


/* ============================================================
   PAGE-INSTITUTIONS (inst-*)
   ============================================================ */

/* Sticky anchor nav */
.inst-nav {
    background: #fff;
    border-bottom: 2px solid #e2e8f0;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 100;
}
.inst-nav__list {
    display: flex;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.inst-nav__list::-webkit-scrollbar { display: none; }
.inst-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 15px 24px;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    color: #64748b;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.15px;
    background: transparent;
    white-space: nowrap;
    transition: color .2s, border-color .2s;
    line-height: 1;
}
.inst-nav__link:hover {
    color: #0052a5;
    border-bottom-color: rgba(0, 82, 165,.35);
    text-decoration: none;
    background: none;
}
.inst-nav__link.is-active {
    color: #0052a5;
    border-bottom-color: #0052a5;
}

/* Intro / the_content section */
.inst-intro {
    padding: 48px 0 56px;
    background: #fff;
}
.inst-intro__body {
    text-align: left; /* бұрын: justify — тар экранда сөз арасы алшақтайды */
    font-size: 15px;
    line-height: 1.8;
    color: #2d3748;
}

/* Generic section */
.inst-section {
    padding: 60px 0 72px;
    background: #fff;
}
.inst-section--gray {
    background: #F4F7FB;
}
.inst-section .str-section__header {
    margin-bottom: 28px;
    /* бұрын padding-left: 24px (алынған тік сызықтан қалған) — тақырыптар «Байланыс» бөлімінен 24px ығысып тұратын */
}
/* бұрын .inst-section .str-section__title { font-size: 36px } — беттегі басқа бөлім тақырыптарымен (30px) бірдей болсын */

/* Education groups (Білім беру топтары) cards */
.inst-groups {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 24px;
}
.inst-group {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 200px;
    padding: 28px 24px 24px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(15,40,80,.05);
    color: #0A1628;
    text-decoration: none;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.inst-group::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0052a5, #0052a5);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}
.inst-group:hover {
    transform: translateY(-4px);
    border-color: #c9d9ef;
    box-shadow: 0 14px 32px rgba(15,40,80,.12);
    color: #0A1628;
    text-decoration: none;
}
.inst-group:hover::before { transform: scaleX(1); }
.inst-group__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #EEF5FF;
    color: #0052a5;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    transition: background .25s ease, color .25s ease;
}
.inst-group:hover .inst-group__num {
    background: linear-gradient(135deg, #0052a5, #0052a5);
    color: #fff;
}
.inst-group__title {
    flex: 1;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}
.inst-group__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px solid #edf2f7;
    color: #0052a5;
    font-size: 14px;
    font-weight: 600;
}
.inst-group__arrow { transition: transform .25s ease; }
.inst-group:hover .inst-group__arrow { transform: translateX(4px); }

/* Contacts wrapper */
#inst-contact {
    display: block;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .inst-nav__list {
        flex-wrap: wrap;
        overflow-x: unset;
    }
    .inst-nav__link {
        flex: 1 0 calc(50% - 1px);
        padding: 10px 12px;
        font-size: 13px;
        white-space: normal;
        text-align: center;
        justify-content: center;
        border-bottom: 2px solid #e2e8f0;
    }
    .inst-nav__link.is-active {
        border-bottom-color: #0052a5;
        background: #f0f5ff;
    }
    .inst-intro     { padding: 32px 0 40px; }
    .inst-section   { padding: 40px 0 52px; }
    /* .inst-section .str-section__header { padding-left: 12px } алынды — тақырыптар бір сызықта */
    /* .inst-section .str-section__title { 26px } алынды — бөлімнің басқа тақырыптарымен бірдей (дизайн аудиті 2026-10-07) */
    .inst-groups { grid-template-columns: 1fr; gap: 16px; }
    .inst-group  { min-height: 0; padding: 20px; }
    .inst-group__num { width: 40px; height: 40px; font-size: 16px; }
    .inst-group__title { font-size: 16px; }
}

/* ============================================================
   PAGE-MILITARY (mil-*)
   ============================================================ */

/* Hero — two-column: text left, image right */
.mil-hero {
    position: relative;
    min-height: 340px;
    display: flex;
    align-items: center;
}
.mil-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-top: 56px;
    padding-bottom: 56px;
}
.mil-hero__text {
    flex: 1;
    min-width: 0;
}
.mil-hero__img {
    flex: 0 0 auto;
    width: 260px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.mil-hero__img img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
    filter: drop-shadow(0 4px 24px rgba(0,0,0,0.35));
}

/* Specialty groups */
.mil-spec-group {
    margin-bottom: 36px;
}
.mil-spec-group:last-child {
    margin-bottom: 0;
}
.mil-spec-group__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: #0052a5;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 16px;
}
.mil-spec-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.mil-spec-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    text-decoration: none;
    color: #0A1628;
    transition: border-color 0.18s, box-shadow 0.18s, color 0.18s;
}
.mil-spec-card:hover {
    border-color: #0052a5;
    box-shadow: 0 4px 16px rgba(0, 82, 165,0.12);
    color: #0052a5;
    text-decoration: none;
}
.mil-spec-card__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    background: #EEF5FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0052a5;
    transition: background 0.18s;
}
.mil-spec-card:hover .mil-spec-card__icon {
    background: #0052a5;
    color: #fff;
}
.mil-spec-card__icon svg { width: 16px; height: 16px; }
.mil-spec-card__title {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}
.mil-spec-card__arrow {
    flex: 0 0 16px;
    color: #64748b;
    transition: color 0.18s;
}
.mil-spec-card:hover .mil-spec-card__arrow { color: #0052a5; }
.mil-spec-card__arrow svg { width: 16px; height: 16px; display: block; }

@media (max-width: 992px) {
    .mil-spec-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
    .mil-spec-cards { grid-template-columns: 1fr; }
}

/* Contact cards grid */
.mil-contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.mil-contact-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 22px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.mil-contact-card__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    background: #EEF5FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0052a5;
}
.mil-contact-card__icon svg {
    width: 22px;
    height: 22px;
}
.mil-contact-card__body {
    flex: 1;
    min-width: 0;
}
.mil-contact-card__name {
    font-size: 15px;
    font-weight: 700;
    color: #0A1628;
    margin-bottom: 4px;
}
.mil-contact-card__pos {
    font-size: 13px;
    color: #6b7a99;
    margin-bottom: 10px;
    line-height: 1.4;
}
.mil-contact-card__row {
    font-size: 14px;
    color: #2d3748;
    margin-top: 5px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.mil-contact-card__row a {
    color: #0052a5;
    text-decoration: none;
}
.mil-contact-card__row a:hover { text-decoration: underline; }
.mil-contact-card__label {
    font-weight: 600;
    color: #4a5568;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .mil-hero__img   { display: none; }
    .mil-hero__inner { padding-top: 40px; padding-bottom: 40px; }
    .mil-contacts    { grid-template-columns: 1fr; }
}

/* ============================================================
   PAGE-PARTNERS (prt-*)
   ============================================================ */

.prt-section {
    padding: 60px 0 80px;
    background: #f4f7fb;
}

.prt-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.prt-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 24px 16px 20px;
    text-decoration: none;
    color: #0A1628;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.prt-card:hover {
    border-color: #0052a5;
    box-shadow: 0 6px 24px rgba(0, 82, 165,0.14);
    transform: translateY(-3px);
    text-decoration: none;
}

.prt-card__logo {
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.prt-card__logo img {
    max-width: 100%;
    max-height: 72px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(20%);
    transition: filter 0.18s;
}
.prt-card:hover .prt-card__logo img {
    filter: grayscale(0%);
}

.prt-card__name {
    font-size: 13px;
    font-weight: 500;
    color: #4a5568;
    text-align: center;
    line-height: 1.45;
    transition: color 0.18s;
}
.prt-card:hover .prt-card__name {
    color: #0052a5;
}

@media (max-width: 1100px) {
    .prt-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .prt-grid    { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .prt-section { padding: 40px 0 52px; }
}
@media (max-width: 480px) {
    .prt-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════
   BREADCRUMBS — ұзын атауды бір жолға сыйдырып,
   соңына "..." қою (артық жол тасымалын болдырмау)
══════════════════════════════════════ */
.breadcrumbs__inner #breadcrumbs > span {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    max-width: 100%;
}
.breadcrumbs__inner #breadcrumbs .breadcrumb_last {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* «Басты бет» ешқашан сығылмайды/бөлінбейді (бұрын ұзын атауда «Басты / бет» болып екі жолға түсетін);
   ортаңғы буындар бір жолда, сыймаса «…» болып қысқарады және жолдың жартысынан аспайды */
.breadcrumbs__inner #breadcrumbs > span > span:not(.breadcrumb_last):not(.breadcrumb__separator) {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumbs__inner #breadcrumbs > span > span:first-child:not(.breadcrumb_last):not(.breadcrumb__separator) { /* жоғарыдағы ережеден күштірек болуы үшін сол :not()-тар */
    flex-shrink: 0;
    max-width: none;
    overflow: visible;
}
.breadcrumbs__inner #breadcrumbs .breadcrumb__separator {
    flex: none;
}
/* Оқытушы беттері (breadcrumbs.php → 'teacher', NavXT белгілеуі: элементтер .breadcrumbs__inner ішінде тікелей) — сол тәртіп */
.breadcrumbs__inner:has(> [property="itemListElement"]) {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
}
.breadcrumbs__inner > [property="itemListElement"] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumbs__inner > [property="itemListElement"]:first-child {
    flex-shrink: 0;
    max-width: none;
}
.breadcrumbs__inner > [property="itemListElement"]:last-child {
    flex: 1 1 auto;
    max-width: none;
}
.breadcrumbs__inner > .breadcrumb__separator {
    flex: none;
}

/* ══════════════════════════════════════
   BREADCRUMBS ON HERO — light / white mode
   CSS-only, no PHP changes needed.
   Works in Chrome 105+, Firefox 121+, Safari 15.4+
══════════════════════════════════════ */

/* Selector helper — list of hero-type sections */
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) {
    background: transparent;
    position: relative;
    z-index: 10;
    margin-bottom: -50px;
}

/* White links */
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) .breadcrumbs__inner a {
    color: rgba(255, 255, 255, .85) !important;
    text-decoration: none;
}
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) .breadcrumbs__inner a:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* White separators and current item */
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) .breadcrumbs__inner span {
    color: rgba(255, 255, 255, .85) !important;
}
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) .breadcrumbs__inner .breadcrumb_last,
section.breadcrumbs:has(+ :is(
    section[class*="-hero"],
    section.covid__bg,
    section.admission,
    section.ais4-banner
)) .breadcrumbs__inner #breadcrumbs .breadcrumb_last {
    color: rgba(255, 255, 255, .6) !important;
}

/* ══════════════════════════════════════
   BREADCRUMBS ON HERO — mobile fix
   On desktop the breadcrumbs overlap the hero by -50px (one-line text).
   On mobile text wraps → section grows taller than 50px → the excess
   sits ABOVE the hero on a white page background (white stripe) and the
   white link/span colours become invisible (white-on-white).
   Fix: disable the overlap on ≤768px and restore dark colours.
══════════════════════════════════════ */
@media (max-width: 768px) {
    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) {
        margin-bottom: 0;
        background: #fff;
    }

    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) .breadcrumbs__inner a {
        color: #0052a5 !important;
        text-decoration: none;
    }

    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) .breadcrumbs__inner a:hover {
        color: #0d4a8a !important;
        text-decoration: underline;
    }

    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) .breadcrumbs__inner span {
        color: #555 !important;
    }

    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) .breadcrumbs__inner .breadcrumb_last,
    section.breadcrumbs:has(+ :is(
        section[class*="-hero"],
        section.covid__bg,
        section.admission,
        section.ais4-banner
    )) .breadcrumbs__inner #breadcrumbs .breadcrumb_last {
        color: #64748b !important;
    }
}

/* ══════════════════════════════════════
   PAGE-GRADUATES (grd-*)
══════════════════════════════════════ */
.grd-section {
    padding: 60px 0 80px;
    background: #f8fafc;
}
.grd-extra {
    margin-top: 48px;
    border-top: 1px solid #e2e8f0;
    padding-top: 40px;
}
.grd-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.grd-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, transform .2s;
}
.grd-card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,.13);
    transform: translateY(-3px);
}
.grd-card__header {
    background: linear-gradient(150deg, #0052a5 0%, #3b82c4 100%);
    padding: 28px 16px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.grd-card__avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255,255,255,.35);
    flex-shrink: 0;
}
.grd-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
.grd-card__name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    line-height: 1.45;
}
.grd-card__body {
    padding: 16px 18px 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}
.grd-card__pos {
    font-size: 13px;
    font-weight: 600;
    color: #0052a5;
    line-height: 1.4;
}
.grd-card__desc {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.65;
}
@media (max-width: 1199px) { .grd-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .grd-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .grd-section { padding: 40px 0 56px; } }
@media (max-width: 479px)  { .grd-grid { grid-template-columns: 1fr; } }

/* ══════════════════════════════════════
   SINGLE POST / ARTICLE (art-*)
══════════════════════════════════════ */

/* ── Hero ── */
.art-hero {
    position: relative;
    overflow: hidden;
}
.art-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 48px;
    padding: 48px 0 56px;
    min-height: 300px;
}
.art-hero__text {
    flex: 1;
    min-width: 0;
    padding-left: 15px;
}
.art-hero__cat {
    display: inline-block;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,.3);
    margin-bottom: 18px;
    text-decoration: none;
    transition: background .2s;
}
.art-hero__cat:hover { background: rgba(255,255,255,.28); color: #fff; text-decoration: none; }
.art-hero__title {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 22px;
}
.art-hero__meta {
    display: flex;
    align-items: center;
    gap: 24px;
    color: rgba(255,255,255,.75);
    font-size: 14px;
}
.art-hero__date::before  { content: "📅\00a0"; }
.art-hero__views::before { content: "👁\00a0"; }
.art-hero__img {
    flex: 0 0 460px;
    max-width: 460px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 0 4px rgba(255,255,255,.14), 0 12px 36px rgba(0,0,0,.35); /* жұқа ашық жиек — фото қою көк фоннан ажырайды */
    cursor: zoom-in;
}
.art-hero__img img {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: var(--art-ar, 1.5); /* рамка — суреттің өз пропорциясы, 1.25–2.0 (single.php) */
    object-fit: var(--art-fit, cover); /* шектен тыс сурет — толық сыйғызылады (кең логотип/афиша кесілмейді) */
    /* Автоматты жақсарту: қараңғы фото жарықтатылады (--art-bright, single.php), бәріне — жұмсақ контраст пен түс */
    filter: brightness(var(--art-bright, 1)) contrast(1.06) saturate(1.12);
    display: block;
    transition: transform .35s ease;
}
/* Сыймаған бос жер — сол суреттің бұлыңғыр, үлкейтілген көшірмесі (single.php → --art-img) */
.art-hero__img { position: relative; isolation: isolate; background: #0b2f63; }
.art-hero__img::before {
    content: ""; position: absolute; inset: -24px; z-index: 0;
    background: var(--art-img, none) center / cover no-repeat;
    filter: blur(20px) brightness(.9) saturate(1.1);
}
.art-hero__img:hover img { transform: scale(1.04); }

/* ── Lightbox ── */
.art-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,.88);
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    padding: 24px;
}
.art-lightbox.is-open { display: flex; }
.art-lightbox__img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
    object-fit: contain;
    animation: artLbIn .2s ease;
}
.art-lightbox__close {
    position: fixed;
    top: 20px;
    right: 28px;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    opacity: .8;
    background: none;
    border: none;
    padding: 0;
    transition: opacity .2s;
}
.art-lightbox__close:hover { opacity: 1; }
@keyframes artLbIn {
    from { opacity: 0; transform: scale(.92); }
    to   { opacity: 1; transform: scale(1); }
}

/* ── Body ── */
.art-section {
    background: #f8fafc;
    padding: 48px 0 80px;
}
.art-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 32px;
    align-items: start;
}
.art-main {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 14px rgba(0,0,0,.07);
    overflow: hidden;
    min-width: 0;
}
.art-content {
    padding: 36px 44px 48px;
    font-size: 16px;
    line-height: 1.75;
    color: #1f2937;
}
.art-content h2, .art-content h3 { margin-top: 1.6em; margin-bottom: .6em; font-weight: 700; }
.art-content h2 { font-size: 22px; }
.art-content h3 { font-size: 18px; }
.art-content p  { margin-bottom: 1.1em; }
/* Жаңалық мәтіні екі жағынан тураланады — телефонда да (иесінің шешімі, 2026-10-08); редактордағы ортаға/оңға туралау сақталады;
   соңғы жол — солға. Ескерту: браузер қазақ сөздерін тасымалдамайды — тар экранда кей жолдарда сөз арасы кеңірек болады */
.art-content p:not([class*="has-text-align-"]):not([style*="text-align"]),
.art-content li { text-align: justify; text-align-last: left; hyphens: auto; }
/* Абзац шегінісі (қызыл жол) — жаңалық/хабарландыру мәтінінің кәдімгі абзацтары (иесінің шешімі, 2026-10-22).
   Тимейді: ортаға/оңға тураланған, бос, суреттен басталатын абзацтар; кесте, карточка, ескерту ішіндегілер (тікелей бала емес) */
.art-content > p:not([class*="has-text-align-"]):not([style*="text-align"]):not([align]):not(:empty):not(:has(> img:first-child, > a:first-child > img, > br:only-child)) { text-indent: 1.75em; }
@media (max-width: 767px) {
    .art-content > p:not([class*="has-text-align-"]):not([style*="text-align"]):not([align]):not(:empty):not(:has(> img:first-child, > a:first-child > img, > br:only-child)) { text-indent: 1.25em; }
}
.art-content img { max-width: 620px; width: 100%; height: auto; border-radius: 8px; margin: 24px 0; display: block; }
.art-content figure { margin: 24px 0; }
.art-content figure img { margin: 0; }
.art-content p { margin-bottom: 1.1em; }
.art-content p:has(img) { margin: 24px 0; }

/* ── Gallery blocks inside article ── */
.art-content .wp-block-gallery,
.art-content .blocks-gallery-grid {
    gap: 8px !important;
    margin: 24px 0 !important;
}
.art-content .wp-block-gallery .blocks-gallery-item,
.art-content .wp-block-gallery figure,
.art-content .blocks-gallery-grid li {
    margin: 0 !important;
}
.art-content .wp-block-gallery figure img,
.art-content .blocks-gallery-grid figure img {
    border-radius: 6px;
    margin: 0;
}
.art-sidebar {
    position: sticky;
    top: 100px;
}

/* ── Responsive ── */
@media (max-width: 1199px) {
    .art-layout { grid-template-columns: 1fr 280px; }
    .art-hero__img { flex: 0 0 380px; max-width: 380px; margin-right: 15px; } /* экранның оң шетіне жабыспасын (атаудың сол шегінісімен бірдей) */
}
@media (max-width: 991px) {
    .art-layout { grid-template-columns: 1fr; }
    .art-sidebar { position: static; }
    .art-hero__inner { flex-direction: column; align-items: flex-start; gap: 24px; }
    .art-hero__img { flex: none; max-width: 100%; width: 100%; }
    .art-hero__img { max-width: 560px; margin: 0 15px; width: calc(100% - 30px); } /* планшетте толық енге созылмасын; шегінісі атаумен бірдей (15px) */
    .art-hero__text { padding-right: 15px; }
    .art-hero__img img { object-fit: contain; }
    .art-hero__title { font-size: 24px; }
}
@media (max-width: 575px) {
    .art-hero__title { font-size: 20px; }
    .art-content { padding: 24px 20px 36px; font-size: 15px; }
    .art-hero__img { margin: 0 15px; width: calc(100% - 30px); border-radius: 12px; }
}

/* ══════════════════════════════════════
   SINGLE TEACHER (tchr-*)
══════════════════════════════════════ */

.tchr-hero {
    position: relative;
    overflow: hidden;
    padding: 48px 0 52px;
}
.tchr-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 48px;
}
.tchr-hero__avatar {
    flex: 0 0 190px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid rgba(255,255,255,.4);
    box-shadow: 0 8px 32px rgba(0,0,0,.25);
}
.tchr-hero__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
.tchr-hero__info { flex: 1; min-width: 0; }
.tchr-hero__name {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.25;
}
.tchr-hero__pos {
    color: rgba(255,255,255,.9);
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 12px;
}
.tchr-hero__dept {
    display: inline-block;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.3);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    padding: 4px 14px;
    border-radius: 40px;
    margin-bottom: 20px;
}
.tchr-hero__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.tchr-hero__contact {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.85);
    font-size: 14px;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap;
}
a.tchr-hero__contact:hover { color: #fff; text-decoration: none; }
.tchr-hero__contact svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ── Body ── */
.tchr-body { background: #f8fafc; padding: 40px 0 72px; }

/* ── Tabs nav ── */
.tchr-tabs-nav {
    display: flex;
    border-bottom: 2px solid #e2e8f0;
    overflow-x: auto;
    scrollbar-width: none;
    margin-bottom: 32px;
}
.tchr-tabs-nav::-webkit-scrollbar { display: none; }
.tchr-tab-btn {
    padding: 14px 22px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    white-space: nowrap;
    transition: color .2s, border-color .2s;
}
.tchr-tab-btn:hover { color: #0052a5; }
.tchr-tab-btn.is-active { color: #0052a5; border-bottom-color: #0052a5; }

/* ── Tab panes ── */
.tchr-tab-pane { display: none; }
.tchr-tab-pane.is-active { display: block; animation: tchrFadeIn .25s ease; }
@keyframes tchrFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Section titles ── */
.tchr-section-title {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e2e8f0;
}
.tchr-section-title--sm {
    font-size: 15px;
    margin-top: 28px;
    margin-bottom: 14px;
}

/* ── Content cards ── */
.tchr-card {
    background: #fff;
    border-radius: 12px;
    border-left: 4px solid #0052a5;
    padding: 24px 28px;
    margin-bottom: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    font-size: 15px;
    line-height: 1.75;
    color: #374151;
    overflow-wrap: break-word;
    word-break: break-word;
}
.tchr-card table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.tchr-card thead { background: linear-gradient(135deg, #0052a5, #3b82c4); color: #fff; }
.tchr-card th,
.tchr-card td { padding: 11px 14px; text-align: left; border-bottom: 1px solid #e2e8f0; font-size: 14px; }
.tchr-card tbody tr:nth-child(even) { background: #f8fafc; }
.tchr-card tbody tr:hover { background: #f1f5f9; }
.tchr-card ul { list-style: none; padding: 0; margin: .8em 0; }
.tchr-card li { position: relative; padding-left: 1.4em; margin-bottom: .55em; }
.tchr-card li::before { content: '•'; position: absolute; left: 0; color: #0052a5; }

/* ── Skills chips ── */
.tchr-skills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.tchr-skill {
    background: rgba(0, 82, 165,.08);
    color: #0052a5;
    border: 1px solid rgba(0, 82, 165,.2);
    padding: 5px 14px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .tchr-hero__inner { flex-direction: column; text-align: center; gap: 24px; }
    .tchr-hero__contacts { justify-content: center; flex-wrap: wrap; }
    .tchr-hero__name { font-size: 24px; }
    .tchr-tab-btn { padding: 12px 14px; font-size: 13px; }
    .tchr-card { padding: 18px 18px; }
}
@media (max-width: 480px) {
    .tchr-hero__avatar { flex: 0 0 140px; width: 140px; height: 140px; }
    .tchr-hero__name { font-size: 20px; }
}

/* ================================================================
   wp-block-button — красивые кнопки Gutenberg
   ================================================================ */

/* Обёртка одиночной кнопки */
.wp-block-button {
    display: inline-flex;
    line-height: 1;
    margin: 0;                    /* сброс возможных браузерных/блочных отступов */
}

/* Базовая кнопка (filled) */
.wp-block-button__link,
.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #0052a5 0%, #0069a6 100%);
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.3px;
    padding: 13px 30px;
    border-radius: 40px;
    border: 2px solid transparent;
    text-decoration: none !important;
    cursor: pointer;
    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.18s ease,
        border-color 0.25s ease;
    box-shadow: 0 4px 16px rgba(0, 82, 165, 0.30);
    position: relative;
    overflow: hidden;
}

/* Блик при наведении */
.wp-block-button__link::after,
.wp-element-button::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    transition: background 0.2s ease;
    border-radius: inherit;
}

.wp-block-button__link:hover::after,
.wp-element-button:hover::after {
    background: rgba(255, 255, 255, 0.10);
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    background: linear-gradient(135deg, #0093e0 0%, #0079bc 100%);
    box-shadow: 0 7px 22px rgba(0, 82, 165, 0.42);
    transform: translateY(-2px);
    color: #fff !important;
    text-decoration: none !important;
}

.wp-block-button__link:active,
.wp-element-button:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 82, 165, 0.28);
}

.wp-block-button__link:focus,
.wp-element-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 82, 165, 0.35), 0 4px 16px rgba(0, 82, 165, 0.25);
}

/* Outline (обводка) */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
    background: transparent;
    color: #0052a5 !important;
    border-color: #0052a5;
    box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
    background: #0052a5;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 82, 165, 0.35);
}

.wp-block-button.is-style-outline .wp-block-button__link::after,
.wp-block-button.is-style-outline .wp-element-button::after { display: none; }

/* Squared (без скруглений) */
.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-element-button {
    border-radius: 6px;
}

/* Акцентная — жёлтая (через custom class .is-style-accent) */
.wp-block-button.is-style-accent .wp-block-button__link,
.wp-block-button.is-style-accent .wp-element-button {
    background: linear-gradient(135deg, #f5c46b 0%, #d4aa10 100%);
    color: #1a1a1a !important;
    box-shadow: 0 4px 16px rgba(245, 196, 107, 0.35);
}

.wp-block-button.is-style-accent .wp-block-button__link:hover,
.wp-block-button.is-style-accent .wp-element-button:hover {
    background: linear-gradient(135deg, #f5ce2a 0%, #e0b812 100%);
    box-shadow: 0 7px 22px rgba(245, 196, 107, 0.45);
    color: #1a1a1a !important;
}

/* Группа кнопок */
.wp-block-buttons {
    --wp--style--block-gap: 12px; /* gap здесь = та же переменная, которую WP использует в width-расчётах */
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap);
    align-items: center;
    margin-block-start: 1.5em;
    margin-block-end: 0;
}

/* Кнопка внутри группы — сброс width:100% от WP core */
.wp-block-buttons > .wp-block-button {
    display: inline-flex;
    margin: 0;
}

.wp-block-buttons .wp-block-button__link,
.wp-block-buttons .wp-element-button {
    width: auto;
}

/* Кнопки с явной шириной должны растягивать ссылку на 100% своей ячейки */
.wp-block-buttons > .wp-block-button.wp-block-button__width-25,
.wp-block-buttons > .wp-block-button.wp-block-button__width-50,
.wp-block-buttons > .wp-block-button.wp-block-button__width-75,
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
    display: inline-flex;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-25 .wp-block-button__link,
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 .wp-block-button__link,
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 .wp-block-button__link,
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 .wp-block-button__link {
    width: 100%;
    justify-content: center;
}

.wp-block-buttons.is-vertical {
    flex-direction: column;
    align-items: flex-start;
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center;
}

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 576px) {
    .wp-block-button__link,
    .wp-element-button {
        font-size: 14px;
        padding: 11px 22px;
    }
}

/* ================================================================
   Accordion — единый стиль для core-блока и плагина wpab
   Цвета: #0083ca (primary), #005f96 (dark), #ECC31F (accent)
   ================================================================ */

/* ── Общие переменные ─────────────────────────────────────────── */
.wp-block-accordion,
.wpab-accordion {
    --acc-primary:      #0052a5;
    --acc-primary-dark: #003b78;
    --acc-border:       #dde6f0;
    --acc-border-open:  #0052a5;
    --acc-bg-hover:     rgba(0, 82, 165, 0.04);
    --acc-bg-open:      rgba(0, 82, 165, 0.05);
    --acc-shadow:       0 1px 4px rgba(0, 82, 165, 0.07);
    --acc-shadow-open:  0 4px 18px rgba(0, 82, 165, 0.14);
    --acc-radius:       10px;
    --acc-gap:          6px;
}

/* ================================================================
   1. WP CORE ACCORDION BLOCK  (.wp-block-accordion)
   ================================================================ */

.wp-block-accordion {
    display: flex;
    flex-direction: column;
    gap: var(--acc-gap);
    margin-block-start: 1.5em;
    margin-block-end: 0;
}

/* Элемент */
.wp-block-accordion-item {
    border: 1px solid var(--acc-border);
    border-left: 3px solid var(--acc-border);
    border-radius: var(--acc-radius);
    overflow: hidden;
    background: #fff;
    box-shadow: var(--acc-shadow);
    transition: border-left-color 0.25s ease, box-shadow 0.25s ease;
}

.wp-block-accordion-item.is-open {
    border-left-color: var(--acc-border-open);
    box-shadow: var(--acc-shadow-open);
}

/* Заголовок — сброс margin от H-тега */
.wp-block-accordion-heading {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
}

/* Кнопка-тогл */
.wp-block-accordion-heading__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 16px 20px;
    background: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #1a2c3d;
    line-height: 1.4;
    transition: background 0.2s, color 0.2s;
}

.wp-block-accordion-heading__toggle:hover {
    background: var(--acc-bg-hover);
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle {
    background: var(--acc-bg-open);
    color: var(--acc-primary);
    border-bottom: 1px solid rgba(0, 82, 165, 0.12);
}

/* Убираем underline из WP core на ховер */
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.wp-block-accordion-heading__toggle:focus-visible {
    outline: 2px solid var(--acc-primary);
    outline-offset: -2px;
}

.wp-block-accordion-heading__toggle-title {
    flex: 1;
}

/* Иконка «+» → «×» при открытии */
.wp-block-accordion-heading__toggle-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 82, 165, 0.08);
    border: 1.5px solid rgba(0, 82, 165, 0.22);
    color: var(--acc-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.3s ease;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
    background: var(--acc-primary);
    border-color: var(--acc-primary);
    color: #fff;
    transform: rotate(45deg);  /* «+» становится «×» */
}

/* Панель-контент */
.wp-block-accordion-panel {
    padding: 18px 20px 22px;
    font-size: 15px;
    line-height: 1.75;
    color: #3d4a5c;
}

.wp-block-accordion-panel > *:last-child { margin-bottom: 0; }

/* ================================================================
   2. ПЛАГИН WP ACCORDION BLOCK  (.wpab-accordion)
      Переопределяет стили плагина под цветовую схему темы
   ================================================================ */

.wpab-accordion {
    border: 1px solid var(--acc-border);
    border-left: 3px solid var(--acc-border);
    border-radius: var(--acc-radius);
    overflow: hidden;
    margin-bottom: var(--acc-gap);
    background: #fff;
    box-shadow: var(--acc-shadow);
    transition: border-left-color 0.25s ease, box-shadow 0.25s ease;
}

.wpab-accordion.wpab-open {
    border-left-color: var(--acc-border-open);
    box-shadow: var(--acc-shadow-open);
}

.wpab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 16px 20px;
    background: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #1a2c3d;
    line-height: 1.4;
    transition: background 0.2s, color 0.2s;
}

.wpab-header:hover                           { background: var(--acc-bg-hover); }

.wpab-accordion.wpab-open .wpab-header {
    background: var(--acc-bg-open);
    color: var(--acc-primary);
    border-bottom: 1px solid rgba(0, 82, 165, 0.12);
}

.wpab-header:focus-visible {
    outline: 2px solid var(--acc-primary);
    outline-offset: -2px;
}

.wpab-title { flex: 1; }

/* ── Иконка (все варианты) ──────────────────────── */
.wpab-icon {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0, 82, 165, 0.08);
    border: 1.5px solid rgba(0, 82, 165, 0.22);
    color: var(--acc-primary);
    transition: background 0.25s, border-color 0.25s, color 0.25s;
}

.wpab-accordion.wpab-open .wpab-icon {
    background: var(--acc-primary);
    border-color: var(--acc-primary);
    color: #fff;
}

/* Plus / Minus */
.wpab-icon--plus::before,
.wpab-icon--plus::after {
    content: '';
    position: absolute;
    background: currentColor;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.wpab-icon--plus::before { width: 12px; height: 2px; }
.wpab-icon--plus::after  { width: 2px;  height: 12px; }

.wpab-accordion.wpab-open .wpab-icon--plus::after {
    transform: rotate(90deg);
    opacity: 0;
}

/* Chevron */
.wpab-icon--chevron::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2.5px solid currentColor;
    border-bottom: 2.5px solid currentColor;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform 0.3s ease;
}
.wpab-accordion.wpab-open .wpab-icon--chevron::before {
    transform: rotate(-135deg) translate(-2px, -2px);
}

/* Arrow */
.wpab-icon--arrow::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2.5px solid currentColor;
    border-bottom: 2.5px solid currentColor;
    transform: rotate(45deg) translateY(-3px);
    transition: transform 0.3s ease;
}
.wpab-accordion.wpab-open .wpab-icon--arrow::before {
    transform: rotate(-135deg) translateY(-3px);
}

/* ── Тело ───────────────────────────────────────── */
.wpab-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease;
}
.wpab-accordion.wpab-open .wpab-body {
    max-height: 4000px;
    opacity: 1;
}

.wpab-body-inner {
    padding: 18px 20px 22px;
    font-size: 15px;
    line-height: 1.75;
    color: #3d4a5c;
}
.wpab-body-inner > *:last-child { margin-bottom: 0; }

/* ── Адаптив ────────────────────────────────────── */
@media (max-width: 600px) {
    .wp-block-accordion-heading__toggle,
    .wpab-header {
        padding: 13px 15px;
        font-size: 14px;
    }
    .wp-block-accordion-panel,
    .wpab-body-inner {
        padding: 14px 15px 18px;
        font-size: 14px;
    }
}

/* ================================================================
   Файлы внутри аккордеона — сетка 5 в строку
   ================================================================ */

/* Панель — grid-контейнер */
.wp-block-accordion-panel,
.wpab-body-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    align-items: start;
}

/* Все элементы кроме wp-block-file — полная ширина строки */
.wp-block-accordion-panel > *,
.wpab-body-inner > * {
    grid-column: 1 / -1;
}

/* Файлы — по одной ячейке (5 в строку) */
.wp-block-accordion-panel > .wp-block-file,
.wpab-body-inner > .wp-block-file {
    grid-column: span 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px 12px 16px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 82, 165, 0.07) !important;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative !important;
}

.wp-block-accordion-panel > .wp-block-file:hover,
.wpab-body-inner > .wp-block-file:hover {
    box-shadow: 0 6px 20px rgba(0, 82, 165, 0.15) !important;
    transform: translateY(-2px);
}

/* Иконка документа */
.wp-block-accordion-panel > .wp-block-file::before,
.wpab-body-inner > .wp-block-file::before {
    content: "" !important;
    position: static !important;
    width: 48px !important;
    height: 48px !important;
    top: auto !important;
    left: auto !important;
    background-image: url("https://new.wkatu.edu.kz/wp-content/themes/wkau-theme/assets/css/../images/document.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 10px !important;
    flex-shrink: 0;
}

/* Название файла */
.wp-block-accordion-panel > .wp-block-file a:not(.wp-block-file__button),
.wpab-body-inner > .wp-block-file a:not(.wp-block-file__button) {
    color: #0a1628 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    word-break: break-word;
    flex: 1;
    margin-bottom: 10px !important;
}

.wp-block-accordion-panel > .wp-block-file a:not(.wp-block-file__button):hover,
.wpab-body-inner > .wp-block-file a:not(.wp-block-file__button):hover {
    color: #0052a5 !important;
}

/* Кнопка «Скачать» */
body .wp-block-accordion-panel > .wp-block-file .wp-block-file__button,
body .wpab-body-inner > .wp-block-file .wp-block-file__button {
    display: inline-block !important;
    background: #0052a5 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 5px 14px !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: background 0.2s;
    align-self: center;
}

body .wp-block-accordion-panel > .wp-block-file .wp-block-file__button:hover,
body .wpab-body-inner > .wp-block-file .wp-block-file__button:hover {
    background: #003b78 !important;
    color: #fff !important;
}

/* ── Адаптив файлов в аккордеоне ──────────────── */
@media (max-width: 1200px) {
    .wp-block-accordion-panel,
    .wpab-body-inner {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 900px) {
    .wp-block-accordion-panel,
    .wpab-body-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 600px) {
    .wp-block-accordion-panel,
    .wpab-body-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 14px 15px 18px;
        font-size: 14px;
    }
}

/* ============================================================
   SINGLE COURSE — sc-* стильдер
   Тәртіп: Hero → Мазмұн → Кесте → Видео + Форма
   ============================================================ */

/* ── HERO ── */
.sc-hero {
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.sc-hero .str-hero__content {
    padding-top: 48px;
    padding-bottom: 56px;
}
.sc-hero__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}
.sc-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 18px;
    transition: color 0.2s;
}
.sc-back:hover { color: #fff; text-decoration: none; }
.sc-badges { margin-bottom: 14px; }
.sc-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 4px 12px;
    border-radius: 20px;
    color: #fff;
}
.sc-badge--online  { background: #22863a; }
.sc-badge--offline { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); }
.sc-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 22px;
}
.sc-meta { display: flex; flex-direction: column; gap: 10px; }
.sc-meta__item {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: rgba(255,255,255,0.72);
}
.sc-meta__item svg   { flex-shrink: 0; opacity: 0.65; }
.sc-meta__item strong { color: #fff; font-weight: 600; }

/* Hero видео */
.sc-hero .sc-video-wrap {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 36px rgba(0,0,0,0.3);
    line-height: 0;
    max-width: 100%;
}

/* ── МАЗМҰН (мәтін ғана) ── */
.sc-content {
    padding: 48px 0 40px;
    background: #fff;
}
.sc-content__inner {
    font-size: 15px;
    line-height: 1.75;
    color: #2d3748;
    max-width: 820px;
}
.sc-content__inner h2,
.sc-content__inner h3 { color: #0A1628; margin: 28px 0 10px; }
/* Кесте мен iframe бұл жерде жасырылады — JS жылжытады */
#sc-raw-content table { display: none; }
#sc-raw-content iframe,
#sc-raw-content .wp-block-embed { display: none; }

/* ── КЕСТЕ СЕКЦИЯСЫ (толық ені) ── */
.sc-table-section {
    background: #f7fafc;
    padding: 48px 0 56px;
}
.sc-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 24px;
}
.sc-table-wrap:last-child { margin-bottom: 0; }
.sc-table-wrap table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
}
.sc-table-wrap table td,
.sc-table-wrap table th {
    padding: 13px 18px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
    line-height: 1.5;
}
.sc-table-wrap table tr:last-child td,
.sc-table-wrap table tr:last-child th { border-bottom: none; }
.sc-table-wrap table th,
.sc-table-wrap table td:first-child {
    font-weight: 600;
    color: #0A1628;
    background: #f0f4f8;
    white-space: nowrap;
}
.sc-table-wrap table tbody tr:hover td { background: #f7fafc; }

/* ── ВИДЕО (ортада) + ФОРМА (астында, 1 жол) ── */
.sc-bottom {
    background: #f7fafc;
    padding: 56px 0 72px;
}

/* sc-video-wrap жалпы */
.sc-video-wrap {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    line-height: 0;
}
/* WordPress embed margin/padding хактарын жою */
.sc-video-wrap figure,
.sc-video-wrap .wp-block-embed {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
}
.sc-video-wrap .wp-block-embed__wrapper,
.sc-video-wrap .epyt-video-wrapper,
.sc-video-wrap .fluid-width-video-wrapper {
    position: static !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}
.sc-video-wrap iframe,
.sc-video-wrap .wp-block-embed__wrapper iframe {
    position: static !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    display: block;
    flex-shrink: 0;
    margin: 0 !important;
}
/* Inline форма (видео астында, 1 жол) */
.sc-inline-form-wrap {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    padding: 24px 28px 28px;
    margin-top: 8px;
}
.sc-inline-form-wrap__title {
    font-size: 18px;
    font-weight: 700;
    color: #0A1628;
    margin: 0 0 16px;
}
.sc-inline-form {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sc-inline-form__field {
    flex: 1;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.sc-inline-form__field--file { min-width: 160px; }
.sc-checkbox--bottom {
    display: inline-flex;
    margin-top: 14px;
}
.sc-inline-form__field--submit { flex: 0 0 auto; min-width: auto; align-self: flex-start; padding-top: 27px; }
.sc-inline-form__label {
    font-size: 11px;
    font-weight: 700;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}
/* sc-form__label (бұрынғы vertical форма үшін) */
.sc-form__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #4a5568;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sc-form__input {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    color: #2d3748;
    background: #f7fafc;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.sc-form__input:focus {
    outline: none;
    border-color: #0052a5;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 82, 165,0.1);
}
.sc-form__input.error { border-color: rgba(204,0,0,0.4) !important; }

/* Файл жүктеу */
.sc-file-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    cursor: pointer;
}
.sc-file-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    background: #edf2f7;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    transition: background 0.2s;
}
.sc-file-label:hover .sc-file-btn { background: #e2e8f0; }
.sc-file-name {
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.sc-file-hidden {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

/* Checkbox */
.sc-form__field--check { margin-top: 4px; }
.sc-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}
.sc-checkbox input { display: none; }
.sc-checkbox__box {
    width: 18px;
    min-width: 18px;
    height: 18px;
    border: 2px solid #cbd5e0;
    border-radius: 4px;
    margin-top: 1px;
    position: relative;
    transition: border-color 0.2s, background 0.2s;
}
.sc-checkbox input:checked ~ .sc-checkbox__box {
    background: #0052a5;
    border-color: #0052a5;
}
.sc-checkbox input:checked ~ .sc-checkbox__box::after {
    content: '';
    position: absolute;
    left: 4px; top: 1px;
    width: 6px; height: 10px;
    border: 2px solid #fff;
    border-top: none; border-left: none;
    transform: rotate(45deg);
}
.sc-checkbox__label { font-size: 13px; color: #4a5568; line-height: 1.4; }

/* Жіберу батырмасы */
.sc-submit {
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 11px 28px;
    background: #0052a5;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}
.sc-submit:hover { background: #003b78; transform: translateY(-1px); }

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
    .sc-hero__grid { grid-template-columns: 1fr; gap: 24px; }
    .sc-hero       { padding: 32px 0 40px; }
    .sc-title      { font-size: 26px; }
    .sc-inline-form    { flex-direction: column; }
    .sc-inline-form__field,
    .sc-inline-form__field--file,
    .sc-inline-form__field--check,
    .sc-inline-form__field--submit { min-width: 100%; flex: none; }
    .sc-submit         { width: 100%; }
}
@media (max-width: 575px) {
    .sc-hero            { padding: 24px 0 32px; }
    .sc-title           { font-size: 22px; }
    .sc-content         { padding: 32px 0 28px; }
    .sc-bottom          { padding: 36px 0 52px; }
    .sc-inline-form-wrap { padding: 16px; }
}


/* ============================================================
   PAGE-VACANCIES — page-vacancies.php (vac-*)
   Hero, модаль қабығы strc-* стильдерінен алынады
   ============================================================ */
.vac-hero__lead {
    max-width: 720px;
    margin: -12px 0 20px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,0.9);
}

.vac-hero__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 50px;
    background: rgba(10,22,40,0.38);
    border: 1px solid rgba(255,255,255,0.28);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.vac-block { background: #F5F9FF; }

.vac-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 16px;
}

/* Card — бүкіл карточка басылады (.vac-card__open::after) */
.vac-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 16px;
    background: #fff;
    border: 1px solid #e3ebf6;
    border-top: 3px solid #0052A5;
    border-radius: 12px;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.vac-card:hover {
    border-color: #b9d4ee;
    border-top-color: #0052A5;
    box-shadow: 0 10px 28px rgba(0, 82, 165,0.1);
    transform: translateY(-2px);
}

.vac-card:focus-within { outline: 2px solid #0052A5; outline-offset: 2px; }

.vac-card--closed,
.vac-card--closed:hover { border-top-color: #b8c4d4; }
.vac-card--closed .vac-card__title,
.vac-card--closed .vac-card__fact { color: #5a6a80; }

.vac-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 22px;
}

.vac-card__date {
    font-size: 12px;
    color: #5a6a80;
    white-space: nowrap;
}

.vac-badges { display: flex; flex-wrap: wrap; gap: 6px; }

.vac-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.2;
}

.vac-status--open   { background: #e6f6ec; color: #1d7a43; }
.vac-status--open::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.vac-status--closed { background: #edf1f6; color: #5a6a80; }
.vac-status--new    { background: #FEF3C7; color: #92400E; }

.vac-card__title {
    margin: 0;
    font-size: 17px !important;
    font-weight: 800;
    line-height: 1.35;
    color: #0A1628;
}

.vac-card__open {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.vac-card__open:focus { outline: none; }

.vac-card__open::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.vac-card__facts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vac-card__fact {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #4a5568;
}

.vac-card__fact svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: #0052A5;
}

.vac-card__fact--salary { font-weight: 700; color: #0A1628; }

.vac-card__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf1f6;
    font-size: 13px;
    font-weight: 700;
    color: #0052A5;
}

.vac-card__more svg { transition: transform 0.2s ease; }
.vac-card:hover .vac-card__more svg { transform: translateX(3px); }

/* Empty state */
.vac-empty {
    max-width: 520px;
    margin: 0 auto;
    padding: 40px 24px;
    text-align: center;
    background: #fff;
    border: 1px solid #e3ebf6;
    border-radius: 14px;
}

.vac-empty .vac-fact__icon { margin: 0 auto 14px; }
.vac-empty__title { margin: 0 0 6px; font-size: 20px !important; font-weight: 800; color: #0A1628; }
.vac-empty__text  { margin: 0; color: #5a6a80; }

/* Modal (қабығы — .strc-modal) */
.vac-modal__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.vac-modal__head {
    padding: 22px 64px 20px 24px;
    background: linear-gradient(135deg, #F5F9FF 0%, #fff 70%);
    border-bottom: 1px solid #e3ebf6;
}

.vac-modal__title {
    margin: 10px 0 16px;
    font-size: 22px !important;
    font-weight: 800;
    line-height: 1.25;
    color: #0A1628;
}

.vac-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    background: #fff;
    border: 1px solid #dbe6f3;
    border-radius: 12px;
    overflow: hidden;
}

.vac-fact {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.vac-fact + .vac-fact { border-left: 1px solid #e6edf6; }

.vac-fact__icon {
    display: flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    background: #EEF5FF;
    border-radius: 10px;
    color: #0052A5;
}

.vac-fact__icon svg { width: 100%; height: 100%; }

.vac-fact__label {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #5a6a80;
}

.vac-fact__value {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: #0A1628;
}

.vac-modal__body {
    flex: 1;
    min-height: 0;
    padding: 20px 24px 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.vac-section + .vac-section { margin-top: 20px; }

.vac-section__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    font-size: 16px !important;
    font-weight: 800;
    color: #0A1628;
}

.vac-section__title::before {
    content: "";
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: #0052A5;
}

.vac-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vac-list li {
    position: relative;
    margin: 0;
    padding: 6px 0 6px 22px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568;
}

.vac-list li + li { border-top: 1px dashed #e3ebf6; }

.vac-list li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 2px solid #0052A5;
    box-sizing: border-box;
}

.vac-list strong { color: #0A1628; font-weight: 700; }

.vac-content { font-size: 15px; line-height: 1.7; color: #4a5568; }
.vac-content > :last-child { margin-bottom: 0; }

.vac-modal__contact {
    padding: 14px 24px 16px;
    background: #F5F9FF;
    border-top: 1px solid #e3ebf6;
}

.vac-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 6px;
}

.vac-contact__item {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #0A1628;
    text-decoration: none;
}

.vac-contact__item svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    color: #0052A5;
}

a.vac-contact__item { color: #0052A5; }
a.vac-contact__item:hover { color: #003b78; text-decoration: underline; }

@media (max-width: 600px) {
    .vac-fact + .vac-fact { border-left: none; border-top: 1px solid #e6edf6; }
    .vac-modal__head    { padding: 18px 56px 16px 16px; }
    .vac-modal__title   { font-size: 19px !important; }
    .vac-modal__body    { padding: 16px; }
    .vac-modal__contact { padding: 12px 16px 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .vac-card, .vac-card__more svg { transition: none; }
    .vac-card:hover { transform: none; }
}

/* ============================================================
   ДИЗАЙН АУДИТІ 2026-10-07 — жалпы түзетулер
   Сақтық көшірмесі: _backups/2026-10-07-design-fixes/
   ============================================================ */

/* Мазмұндағы justify (редактор қойған) — телефонда сөз арасы алшақтайды; компьютерде екі жағынан (content-elements.css 1-бөлім) */
@media (max-width: 767px) {
    .has-text-align-justify,
    [style*="text-align: justify"],
    [style*="text-align:justify"] { text-align: left !important; }
}

/* (2026-10-19 алынды: .shbl-body мәтініне max-width 860px — оң жақта бос орын қалатын, иесі қабылдамады) */

/* «БАҚ біз туралы» (page-aboutus-all.php): беттерге бөлу — іздеу бетіндегімен бірдей */
.aboutus { padding: 40px 0 56px; }
.aboutus-pagination { margin-top: 28px; }
.aboutus-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none !important; }
.aboutus-pagination li { margin: 0; padding: 0 !important; }
.aboutus-pagination li::before { display: none !important; }
.aboutus-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: 10px; background: #fff; border: 1px solid #e3ebf6; color: #0052A5; font-weight: 600; text-decoration: none; }
.aboutus-pagination a.page-numbers:hover { border-color: #0052A5; }
.aboutus-pagination .page-numbers.current { background: #0052A5; border-color: #0052A5; color: #fff; }
.aboutus-pagination .page-numbers.dots { background: none; border: 0; min-width: 0; }

/* Вакансиялар: барлығы жабық болғандағы түсіндірме (тізімнің үстінде) */
.vac-empty--note { margin-bottom: 24px; padding: 22px 24px; }

/* «Жұмыс берушілерге» беті: вакансиялар бөлімі — «Вакансиялар» бетіне сілтеме */
.empl-vac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border: 1px solid #e3ebf6; border-radius: 14px; background: #fff; }
.empl-vac__text { margin: 0 !important; color: #0A1628; font-size: 16px; }
.empl-vac__btn { display: inline-flex; align-items: center; padding: 11px 18px; border-radius: 10px; background: #0052A5; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.empl-vac__btn:hover { background: #003B78; }

/* Scopus жарияланымдары (page-publications-wkau.php): 8 бағанды кесте тар экранда сығылып, сөздер ортасынан бөлінетін —
   енді кесте өз енін сақтап, ораманың ішінде көлденең айналады */
@media (max-width: 991px) {
    .pub-table { min-width: 900px; }
    .pub-table td { word-break: normal; overflow-wrap: break-word; }
    .pub-table-wrap { -webkit-overflow-scrolling: touch; box-shadow: inset -12px 0 10px -10px rgba(10,22,40,.18); }
}

/* Курс беті (single-course.php, 318 бет): «атауы → мәні» кестесі (2 баған) телефонда кесіліп, тек жасырын көлденең айналумен
   оқылатын — енді әр жол тік: атауы үстінде, мәні астында. 3+ бағанды кестелер бұрынғыдай айналады */
@media (max-width: 767px) {
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) { min-width: 0; }
    .sc-table-wrap table:not(:has(tr > :nth-child(3))),
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) tbody,
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) tr,
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) td,
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) th { display: block; width: 100% !important; }
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) tr { border-bottom: 1px solid #e2e8f0; }
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) tr:last-child { border-bottom: 0; }
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) td,
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) th { border-bottom: 0; padding: 10px 16px; }
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) td:first-child,
    .sc-table-wrap table:not(:has(tr > :nth-child(3))) th:first-child { white-space: normal; padding-bottom: 8px; }
}

/* Миссия (page-mission-new.php): үлкен безендіру тырнақшасы мәтіннің үстіне түсетін — енді мәтіннің астында, әлсізірек */
.msn-statement > * { position: relative; z-index: 1; }
.msn-statement::after { z-index: 0; opacity: .08; }

/* Файл карточкалары (wp-block-file): ені calc(20% - 13px) тар бөлімде ~155px-ке дейін кішірейіп, атауы 11 жолға созылып,
   сөздер ортасынан бөлінетін (сауалнама нәтижелері т.б.) — енді икемді ен, сөз тұтас ауысады */
:is(.container_content, .entry-content, .news-page__text, .school__text, .shbl-body, .zng-pane, .tdm-intro__body) .wp-block-file {
    flex: 1 1 190px;
    max-width: 260px;
}
:is(.container_content, .entry-content, .news-page__text, .school__text, .shbl-body, .zng-pane, .tdm-intro__body) .wp-block-file a:not(.wp-block-file__button) {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}
@media (max-width: 575px) {
    :is(.container_content, .entry-content, .news-page__text, .school__text, .shbl-body, .zng-pane, .tdm-intro__body) .wp-block-file {
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
        max-width: none;
    }
}

/* Серіктестер: телефонда бір баған ~15 000px бет беретін — екі баған */
@media (max-width: 480px) {
    .prt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .prt-card { padding: 16px 10px 14px; }
}

/* Рейтингтер: телефонда сертификат суреті (QS) 220px биіктікке кесілетін — сурет толық көрінеді */
@media (max-width: 900px) {
    .rnk-int-card__visual { height: auto; max-height: 340px; }
    .rnk-int-card__visual img { height: auto; max-height: 340px; object-fit: contain; }
}

/* Оқытушы профилі: бір ғана қойынды болса жолақ жасырылады (single-teachers.php → hidden; display:flex оны басып тастамасын) */
.tchr-tabs-nav[hidden] { display: none !important; }

/* Бір ғана пункті бар қойынды/навигация жолақтары «бітпеген» болып көрінетін (білім беру тобы беті, 5-институттың деңгейлері) —
   жалғыз пункт болса жолақ жасырылады */
.inst-nav:not(:has(.inst-nav__link + .inst-nav__link)),
.eprog-tabs:not(:has([data-target] ~ [data-target])) { display: none !important; }

/* «Тарих» (page-history.php): жолақ ең ұзын карточканың биіктігін алатын (601px), қысқа карточкалардың астында ~270px бос орын
   қалатын — карточкалар бір қатарда бірдей биіктікте */
.hist-h-timeline { align-items: stretch; }
.hist-h-item__bottom { flex: 1; display: flex; }
.hist-h-item__card { flex: 1; width: 100%; }

/* ===== Мәтін ішіндегі тізімдер — бірыңғай көрініс (2026-10-16) =====
   Бұрын әр блоктың өз ережесі болатын: кей блокта маркер мүлде жоқ (reset.css тізім маркерін алып тастайды —
   «Кедейлікті жою», жоба беттері, аккордеондар, ректор блогының жауаптары), кейінде нүкте пикселмен бекітілген (top: 7px) —
   қаріп үлкен блоктарда жолдан 2–8px жоғары тұратын, «Global partnership» бетінде «â€¢» (бұзылған «•») шығатын,
   екі цифрлы нөмір 22px дөңгелекке сыймайтын.
   Енді: редактордан келген тізімдер (класы жоқ ul/ol және .wp-block-list) барлық блокта бірдей; маркер бірінші жолдың
   ортасына туралады (жол биіктігі --wkau-li-lh арқылы); нөмір — сан ұзарса ені өседі; <ol start="5"> — main.js.
   Класы бар дизайн тізімдері өзгермейді; халықаралық қызметкерлер (.ist-bio, алтын нүкте), жүктеу тізімі (.rnk-acc-body),
   «Байланыс» телефондары (.admn-contact), кампус тізімі (.cs-acc__b), «Цифрлық университет» (.du2-eco__who), ЖТМ-17 жобалар каталогы (.tdm17-acc-inner — page-tdm-17.php),
   құрылым (.org-units) — өз дизайнында. */
@property --wkau-li-lh { syntax: '<length>'; inherits: true; initial-value: 26px; }

html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) :is(ul, ol):not([class]),
    :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flow-root !important; /* жанында float сурет болса — маркерлер суреттің үстіне емес, мәтінмен бірге оның жанына тұрады */
}
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) :is(ul, ol):not([class]),
    :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li {
    --wkau-li-lh: 1lh;
    position: relative !important;
    display: list-item !important;
    list-style: none !important;
    padding-left: 1.6em !important;
}
/* flow-root тізімде соңғы тармақтың астыңғы шегінісі тізімдікімен қосылмай, үстіне қосылатын (беттер 8–70px ұзарды) — алып тастаймыз */
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) :is(ul, ol):not([class]),
    :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li:last-child { margin-bottom: 0 !important; }
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) :is(ul, ol):not([class]),
    :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li:last-child > :last-child { margin-bottom: 0 !important; } /* соңғы тармақтағы <p> т.б. шегінісі де */
/* ul — көк нүкте */
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) ul:not([class]),
    ul:is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: .45em !important;
    top: calc(var(--wkau-li-lh) / 2 - 4px) !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #0052a5 !important;
    transform: none !important;
}
/* 2-деңгей — шеңбер, 3-деңгей — шаршы */
html body :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block, :not([class])) li > ul:is(.wp-block-list, :not([class])):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li::before {
    background: transparent !important;
    border: 2px solid #0052a5 !important;
}
html body :is(ul, ol):is(.wp-block-list, .block-editor-block-list__block, :not([class])) li li > ul:is(.wp-block-list, :not([class])):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li::before {
    background: #0052a5 !important;
    border: 0 !important;
    border-radius: 2px !important;
}
/* ol — нөмір көк «таблеткада»: бір цифр — дөңгелек, ұзын сан — ені өседі */
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) ol:not([class]),
    ol:is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) {
    counter-reset: wkau-ol;
}
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) ol:not([class]),
    ol:is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li {
    counter-increment: wkau-ol !important;
    padding-left: 2.3em !important;
}
html body :is(
    :is(.container_content, .entry-content, .news-page__text, .art-content, .school__text, .shbl-body, .page__text, .tchr-card,
        .military-block__content, .accordion-content-inner, .tdm-intro__body, .info-content, .zng-pane__body,
        .rb-q__answer-body, .eduproc-pane__body, .wp-block-column, .wp-block-group__inner-container, .card1, .card3,
        .mil-news__card, .wkau-global__partnership) ol:not([class]),
    ol:is(.wp-block-list, .block-editor-block-list__block)
):not(.ist-bio *, .rnk-acc-body *, .admn-contact *, .cs-acc__b *, .du2-eco__who *, .org-units *) > li::before {
    content: counter(wkau-ol) !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--wkau-li-lh) / 2 - 11px) !important;
    min-width: 22px !important;
    width: auto !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #0052a5 !important;
    color: #fff !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    transform: none !important;
}

/* ===== «Шыны» әсер — ортақ класс .wkau-glass (2026-10-19) =====
   Оқытушы профиліндегі баннер карточкасынан (teacher-profile.css → .tcp-hero__card): жартылай мөлдір ақ градиент, жұқа ақ жиек,
   артындағы фотоны бұлдырату. ТЕК қараңғы фото-баннерде — ақ фонда әсер көрінбейді; бір экранда 2–4 элементтен көп емес
   (backdrop-filter телефонда ауыр). Бұлдырату күші — --glass-blur (әдепкі 10px). Пішін (radius, padding) — беттің өз стилінде.
   Қолданылады: Қабылдау комиссиясы (page-admission-2026.php). */
.wkau-glass {
    border: 1px solid rgba(255, 255, 255, .22);
    background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05));
    -webkit-backdrop-filter: blur(var(--glass-blur, 10px));
    backdrop-filter: blur(var(--glass-blur, 10px));
}
a.wkau-glass:hover, button.wkau-glass:hover {
    border-color: rgba(245, 196, 107, .7);
    background: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .1));
}
/* backdrop-filter жоқ браузерде — бұлдыратусыз, тұтас қоюлау фон (мәтін оқылсын) */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .wkau-glass { background: rgba(10, 22, 40, .55); }
}
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) .wkau-glass {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    background: var(--bvi-site-bg) !important; border: 2px solid var(--bvi-site-color) !important; box-shadow: none !important;
}

/* ===== Study in Kazakhstan беті (page-study-in-kz.php, 2026-10-27) =====
   Көк градиент карточка: сол жақта мәтін + сары батырма, оң жақта ақ QR панелі. Мазмұн — ACF (sik_*). */
.sik-section {
    padding: 56px 0 72px;
    background: #F4F7FB;
}
.sik-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 48px;
    padding: 56px 64px;
    border-radius: 20px;
    background: linear-gradient(135deg, #002a57 0%, #003b78 45%, #0052a5 100%);
    color: #fff;
    overflow: hidden;
    box-shadow: 0 18px 48px rgba(0, 40, 90, .22);
}
/* Әшекей: оң жақ жоғарыда сары сәуле, сол жақ төменде жұқа шеңберлер */
.sik-card::before {
    content: "";
    position: absolute;
    top: -160px; right: -120px;
    width: 460px; height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245, 196, 107, .28) 0%, rgba(245, 196, 107, 0) 65%);
    pointer-events: none;
}
.sik-card::after {
    content: "";
    position: absolute;
    left: -90px; bottom: -150px;
    width: 340px; height: 340px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 0 0 40px rgba(255, 255, 255, .03), 0 0 0 80px rgba(255, 255, 255, .02);
    pointer-events: none;
}
.sik-card__body {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    text-align: left;
}
.sik-card__label {
    display: inline-block;
    padding: 6px 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5c46b, #e0a526);
    color: #1d2a44;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.sik-card__title {
    margin: 0 0 12px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.12;
    color: #fff;
}
.sik-card__tagline {
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    color: #f5c46b;
}
.sik-card__text {
    max-width: 560px;
    margin: 0 0 32px;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .86);
    text-align: left;
}
.sik-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5c46b, #e0a526);
    color: #1d2a44;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(224, 165, 38, .35);
    transition: transform .18s ease, box-shadow .18s ease;
}
.sik-card__btn:hover,
.sik-card__btn:focus-visible {
    color: #1d2a44;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(224, 165, 38, .45);
}
.sik-card__btn svg { transition: transform .18s ease; }
.sik-card__btn:hover svg { transform: translateX(4px); }
.sik-card__qr {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
.sik-qr {
    width: 250px;
    margin: 0;
    padding: 18px 18px 14px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .25);
    text-align: center;
}
.sik-qr a { display: block; }
.sik-qr__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.sik-qr__caption {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid #E0A526;
    color: #003b78;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
}
.sik-more {
    margin-top: 40px;
    padding: 36px 40px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 16px rgba(10, 22, 40, .08);
}
@media (max-width: 991px) {
    .sik-card { gap: 32px; padding: 44px 40px; }
    .sik-card__title { font-size: 36px; }
    .sik-qr { width: 210px; }
}
@media (max-width: 767px) {
    .sik-section { padding: 32px 0 48px; }
    .sik-card { flex-direction: column; align-items: stretch; gap: 28px; padding: 32px 22px; border-radius: 16px; }
    .sik-card__title { font-size: 30px; }
    .sik-card__tagline { font-size: 17px; }
    .sik-card__text { font-size: 15px; margin-bottom: 24px; }
    .sik-card__btn { width: 100%; justify-content: center; }
    .sik-card__qr { align-self: center; }
    .sik-qr { width: 200px; }
    .sik-more { padding: 24px 20px; }
}

/* ===== Cookie хабарламасы (inc/privacy.php, 2026-10-27) =====
   Төменгі сол жақта (оң жақта — «Сұрақ қою» мен «Қабылдау» батырмалары), компьютерде сол жақ сайдбардан кейін. Бір ғана «Жақсы» батырмасы. */
.wkau-cookie {
    position: fixed;
    left: calc(var(--sb-w, 0px) + 20px);
    bottom: 20px;
    z-index: 10050; /* «Қабылдау»/«Сұрақ қою» батырмаларынан (9998–9999) жоғары, ашық AI терезесінен (10060) төмен */
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 500px;
    padding: 10px 12px 10px 14px;
    border-left: 3px solid #E0A526;
    border-radius: 12px;
    background: #fff;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.45;
    box-shadow: 0 18px 44px -14px rgba(10, 22, 40, .38), 0 2px 8px rgba(10, 22, 40, .08);
    animation: wkauCookieIn .35s ease-out both;
}
.wkau-cookie[hidden] { display: none; }
.wkau-cookie__text { margin: 0; text-align: left; }
.wkau-cookie__text a { color: #0052A5; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.wkau-cookie__text a:hover { color: #003b78; }
.wkau-cookie__ok {
    flex-shrink: 0;
    padding: 7px 18px;
    border: 0;
    border-radius: 999px;
    background: #0052A5;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .18s ease;
}
.wkau-cookie__ok:hover { background: #003b78; }
.wkau-cookie__ok:focus-visible { outline: 3px solid rgba(245, 196, 107, .9); outline-offset: 2px; }
@keyframes wkauCookieIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wkau-cookie { animation: none; } }
@media (max-width: 575px) {
    .wkau-cookie { left: 6px; right: 6px; bottom: 6px; max-width: none; gap: 8px; padding: 7px 8px 7px 10px; font-size: 10.5px; line-height: 1.4; letter-spacing: -.01em; }
    .wkau-cookie__ok { padding: 6px 12px; }
}