/* ==========================================================================
   ЧАСТЬ 1: ОРИГИНАЛЬНЫЕ СТИЛИ РАСШИРЕНИЯ (КАРТИНКА СНАРУЖИ И ЧЕТКИЙ ТЕКСТ)
   ========================================================================== */

.b3p_imgslider { display:none;margin: 0px auto 0px auto;text-align: center;}
.b3p_imgslider-direction-arrow, .b3p_imgslider-hilight {cursor:pointer}
.b3p_imgslider-direction-arrow {
    position:absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    font-size: 30px;
    z-index: 99 !important; /* Стрелки навигации всегда на самом верхнем слое */
}
.b3p_imgslider-caption{border-radius: 7px; text-align:justify!important;margin-left: 20px;margin-right: 20px;padding-top:4px!important;padding-bottom:4px!important;padding-right:4px!important;padding-left:4px!important}
.b3p_imgslider-hilight{border:2px solid #ccc!important;height:16px;width:16px;padding:0;background-color:transparent!important;color:#fff;display:inline-block;text-align:center;border-radius:50%}
.b3p_imgslider-content {height: 100%;}

/* overflow: visible выпускает картинку крутиться СНАРУЖИ блока */
.b3p_imgslider-display-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-height: 200px;
    margin-bottom: 5px;
    margin-top: 8px;
    overflow: visible !important; 
    z-index: 5 !important;
}

.b3p_imgslider-img {
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;
    border-radius: 10px;
    margin: auto;
    /* Картинка лежит на нужном слое, чтобы не проваливаться внутрь коробки */
    z-index: 10 !important;
    /* Аппаратное сглаживание: удерживает идеальную резкость всего сайта */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
    
@media only screen and (min-width: 896px){
	.b3p_imgslider-imgmiddle{ max-width: 100%; }
    .b3p_imgslider-img{ max-width: 98%; }
    .b3p_imgslider { max-width: 98%; }
}
@media only screen and (max-width: 895px){
    .b3p_imgslider-imgmiddle{ max-width: 90%; }
    .b3p_imgslider-img{ max-width: 88%; }
    .b3p_imgslider { max-width: 94%; }
}
@media only screen and (max-width: 740px){
    .b3p_imgslider-imgmiddle{ max-width: 90%; }
    .b3p_imgslider-img{ max-width: 88%; }
    .b3p_imgslider { max-width: 94%; }
}

@media only screen and (max-width: 450px){
    .b3p_imgslider-imgmiddle{ max-width: 100%; }
    .b3p_imgslider-img{ max-width: 98%; }
    .b3p_imgslider { max-width: 98%; }
}

@media only screen and (max-width: 356px){
    .b3p_imgslider-imgmiddle{ max-width: 100%; }
    .b3p_imgslider-img{ max-width: 98%; }
    .b3p_imgslider { max-width: 98%; }
}

.b3p_imgslider-center{text-align:center!important;}
.b3p_imgslider-left{left:0;padding-left:10px!important}
.b3p_imgslider-right{right:0;padding-right:10px!important}

/* Текстовые ссылки и постраничная навигация всегда выводятся ПОВЕРХ картинки */
.b3p_imgslider-display-topleft,
.b3p_imgslider-display-topright,
.b3p_imgslider-display-bottomleft,
.b3p_imgslider-display-bottomright,
.b3p_imgslider-display-topmiddle,
.b3p_imgslider-display-middle,
.b3p_imgslider-display-bottommiddle {
    z-index: 20 !important;
}

.b3p_imgslider-display-topleft{position:absolute;left:0;top:10px;margin-left: 10px;}
.b3p_imgslider-display-topright{position:absolute;right:0;top:10px;margin-right: 10px;}
.b3p_imgslider-display-bottomleft{position:absolute;left:0;bottom:10px;margin-left: 10px;}
.b3p_imgslider-display-bottomright{position:absolute;right:0;bottom:10px;margin-right: 10px;}

/* Стабилизация шрифтов навигации слайдера */
.b3p_imgslider-display-topmiddle{position:absolute;left:50%;top:10px;transform:translate(-50%,0%) translateZ(0);-webkit-transform:translate(-50%,0%) translateZ(0);-ms-transform:translate(-50%,0%)}
.b3p_imgslider-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);-webkit-transform:translate(-50%,-50%) translateZ(0);-ms-transform:translate(-50%,-50%)}
.b3p_imgslider-display-bottommiddle{position:absolute;left:50%;bottom:10px;transform:translate(-50%,0%) translateZ(0);-webkit-transform:translate(-50%,0%) translateZ(0);-ms-transform:translate(-50%,0%)}



@media only screen and (max-width: 960px) {
    /* 1. Намертво закрываем бока на уровне всей страницы сайта от секундных вылетов */
    html, body {
        overflow-x: clip !important; /* Убирает секундный боковой скролл при загрузке */
    }

    /* 2. Главная обёртка phpBB форума: возвращаем центрирование */
    #wrap {
        overflow-x: clip !important;    /* Дополнительный щит от бокового скролла слайдера */
        overflow-y: visible !important; /* Разрешает меню уведомлений свободно выпадать вниз */
        
        /* УБРАНЫ свойства width: 100% и max-width: 100%, которые прижимали сайт к краю.
           Вместо них возвращаем стандартное центрирование страниц phpBB */
        margin: 0 auto !important; 
        position: relative !important;
    }
}