/* ==========================================================================
   1. БИБЛИОТЕКА OWL CAROUSEL (Базовые стили)
   ========================================================================== */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

/* ==========================================================================
   2. СТРУКТУРА КАРУСЕЛИ (Аккуратно, без лишних flex на item)
   ========================================================================== */
#carousel {
    padding: 0 50px !important;
    box-sizing: border-box;
    position: relative !important;
}

#carousel .owl-stage-outer {
    padding-left: .3em;
    padding-bottom: 25px !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.owl-carousel .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.owl-carousel .owl-item {
    height: auto !important;
    display: flex !important;
    /* Убраны width/flex свойства, чтобы скрипт сам считал ширину */
}

.owl-carousel {
    max-height: none !important;
    height: auto !important;
    visibility: visible !important;
}

.carousel_block {
    height: 100%;
    width: 100%;
}

.bk_info_param {
    height: 100%;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* ==========================================================================
   3. ИКОНКА ВИДА СПОРТА (УМЕНЬШЕНА ДО 15px)
   ========================================================================== */
.bk_info_param p img[src*="/icons/"] {
    /* РАЗМЕР: Уменьшил до 15px (было 25px) */
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;

    /* ОТОБРАЖЕНИЕ */
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important; /* Центровка по тексту */

    /* СТИЛЬ */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;

    /* ВИДИМОСТЬ */
    opacity: 1 !important;
    visibility: visible !important;

    /* ОТСТУПЫ */
    margin: 0 !important;
    margin-right: 6px !important;  /* Небольшой отступ от текста */
    margin-bottom: 3px !important; /* Микро-коррекция по высоте */
}

/* Страховка для lazy load */
.bk_info_param p img.lazy,
.bk_info_param p img.lazy-loaded {
    opacity: 1 !important;
    background: transparent !important;
}

/* ==========================================================================
   4. ИКОНКА VS (МЕЧИ)
   ========================================================================== */
.bk_info_param img[src*="vs.png"] {
    position: static !important;
    transform: none !important;
    width: 55px !important;
    height: auto !important;
    min-width: 55px !important;
    margin: 35px auto 10px auto !important;
    display: block !important;
}

/* ==========================================================================
   5. ЛОГОТИПЫ КОМАНД И ТЕКСТ
   ========================================================================== */
.imgteam img {
    display: block;
    width: 100%;
}

.bk_info_param .grid-x {
    display: flex !important;
    align-items: center !important;
}

.bk_info_param .grid-x .cell:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
}

.bk_info_param .grid-x .cell:nth-child(2) a {
    margin: 0 !important;
    display: block !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.bk_info_param .grid-x .cell:nth-child(2) img {
    margin: 0 auto !important;
    display: block !important;
}

/* ==========================================================================
   6. НАВИГАЦИЯ (СТРЕЛКИ)
   ========================================================================== */
.owl-nav {
    position: static !important;
    margin: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

#carousel .owl-next,
#carousel .owl-prev {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    font-size: 0 !important;
    color: transparent !important;
    z-index: 50;
    cursor: pointer;
    opacity: 1 !important;
}

/* Отрисовка стрелок */
#carousel .owl-next::after,
#carousel .owl-prev::after {
    content: '' !important;
    display: block !important;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    opacity: 1 !important;
    visibility: visible !important;
}

#carousel .owl-prev::after { transform: rotate(-135deg); margin-left: 4px; }
#carousel .owl-next::after { transform: rotate(45deg); margin-right: 4px; }

#carousel .owl-next:hover, #carousel .owl-prev:hover { background: #f0f0f0 !important; border-color: #999; }
#carousel .owl-next:hover::after, #carousel .owl-prev:hover::after { border-color: #000 !important; }

#carousel .owl-prev { left: 5px !important; }
#carousel .owl-next { right: 5px !important; }

@media screen and (max-width: 600px) {
    #carousel { padding: 0 35px !important; }
    #carousel .owl-next, #carousel .owl-prev { width: 30px !important; height: 30px !important; width: 38px;
        height: 38px;}
    #carousel .owl-next::after, #carousel .owl-prev::after { width: 8px; height: 8px; }
}