/* =========================================================
МОБИЛЬНАЯ АДАПТАЦИЯ (чистая версия)
========================================================= */

/* ==============================
ОБЩИЙ КОНТЕЙНЕР
============================== */

@media (max-width: 1200px){
.container{
padding:30px 20px 50px;
}
}

@media (max-width: 992px){

.wrap{
background-attachment:scroll,scroll,scroll;
}

.content-body{
margin:30px auto;
padding:0 15px;
}

}

/* ==============================
HEADER
============================== */

@media (max-width:768px){

.header-container{
flex-direction:column;
align-items:center;
gap:15px;
padding:20px;
text-align:center;
}

.logo{
flex-direction:column;
min-width:auto;
}

.logo-img{
width:50px;
height:50px;
}

.logo h1{
font-size:18px;
}

.logo h2{
font-size:10px;
}

.user-block{
align-items:center;
text-align:center;
}

.auth-links-group{
justify-content:center;
}

}

/* ==============================
MENU
============================== */

@media (max-width:992px){

.menu-container{
width:100%;
max-width:100%;
padding:0;
margin:20px 0;
}

.menu-toggle{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
cursor:pointer;
padding:15px 0;
}

.menu-toggle span:not(.menu-text){
width:26px;
height:3px;
background:var(--primary-green);
border-radius:2px;
display:block;
}

.menu-text{
font-size:11px;
letter-spacing:2px;
color:var(--text-gray);
margin-top:8px;
text-align:center;
}
    
    
.main-menu{
display:none;
flex-direction:column;
width:100%;
}

.main-menu.active{
display:flex;
}

.main-menu > li{
width:100%;
border-top:1px solid var(--border);
}

.main-menu > li > a{
padding:15px;
}

.submenu{
position:static !important;
transform:none !important;
opacity:1;
visibility:visible;
display:none;
width:100%;
background:var(--surface-soft);
border:none;
box-shadow:none;
}

.has-children.active .submenu{
display:block;
}

.submenu a{
padding:12px 25px;
}

}

/* ==============================
SLIDER
============================== */

@media (max-width:768px){

.slide-box{
height:260px;
align-items:center;
text-align:center;
}

.slide-box h1{
margin:0 15px 10px;
font-size:24px;
letter-spacing:1px;
}

.slide-box h1 strong{
font-size:12px;
letter-spacing:3px;
}

.slide-box p{
margin:10px 20px;
font-size:14px;
max-width:90%;
border-left:none;
padding-left:0;
}

.slide-box::after{
background:linear-gradient(
180deg,
rgba(0,0,0,.7) 0%,
rgba(0,0,0,.45) 40%,
rgba(0,0,0,.2) 70%,
transparent 100%
);
}

}

/* ==============================
SIDEBAR LAYOUT
============================== */

@media (max-width:992px){

.sntu-content-layout{
grid-template-columns:1fr;
}

.sntu-sidebar, [data-theme="dark"] .sntu-sidebar{
width:100%;
border-left:none;
border-top:1px solid var(--border);
padding-left:0;
padding-top:20px;
}

}

/* ==============================
CARDS
============================== */

@media (max-width:768px){

.sntu-header{
padding:20px;
}

.sntu-header h1{
font-size:22px;
text-align:center;
}

.sntu-body{
padding:20px;
}

}

/* ==============================
TOP CONTROLS
============================== */

@media (max-width:768px){

.sntu-top-controls{
flex-direction:column;
align-items:stretch;
gap:10px;
width:100%;
}

.sntu-add-btn{
display:block;
width:100%;
max-width:100%;
box-sizing:border-box;
text-align:center;
}

}

/* ==============================
INFO GRID
============================== */

@media (max-width:768px){

.sntu-info-grid{
grid-template-columns:1fr;
}

}

/* ==============================
DOCUMENTS
============================== */

@media (max-width:768px){

.doc-item{
align-items:flex-start;
}

.doc-info{
gap:4px;
}

.doc-title{
font-size:14px;
}

}

/* ==============================
CONTACTS
============================== */

@media (max-width:768px){

.contact-line{
flex-direction:column;
align-items:flex-start;
gap:4px;
padding:10px 0;
border-bottom:1px solid var(--border);
}

.contact-line .divider{
display:none;
}

.phone{
font-size:15px;
}

.position{
font-size:13px;
}

}

/* ==============================
GALLERY
============================== */

@media (max-width:768px){

.vk-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:480px){

.vk-grid{
grid-template-columns:1fr;
}

}

/* ==============================
VK CAROUSEL
============================== */

@media (max-width:768px){

.vk-carousel{
max-width:100%;
}

}

/* ==============================
FOOTER
============================== */

@media (max-width:768px){

footer{
flex-direction:column;
text-align:center;
gap:8px;
padding:20px;
}

.copyright{
font-size:13px;
}

.powered-by{
font-size:11px;
}

}
/* ==============================
карусель 
============================== */
@media (max-width:768px){

.pl-carousel-2 .pl-grid{
grid-template-columns:1fr;
}

}

/* ==============================
страницы
============================== */
    @media (max-width:768px){

.catPages1,
.catPages2,
.paging-wrapper-bottom{

justify-content:flex-start;
padding:10px 15px;

}

}