/* Start:/local/components/project/slider.common/templates/.default/style.css?17649525433450*/
.my-common-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
    border-radius: 24px;
    margin-top: 24px;
    margin-bottom: 32px;
}

/* Соотношение 3:2 */
.my-common-slider::before {
    content: "";
    display: block;
    padding-top: 66.666%;   /* 2/3 × 100% */
}

/* ВАЖНО: позиционируем ТОЛЬКО слайды, а не все дочерние элементы! */
.my-common-slider__slide {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: 0;
}
.my-common-slider__slide.active {
    opacity: 1;
    z-index: 1;
}

.my-common-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === КРАСИВЫЕ СТРЕЛКИ === */
.my-common-slider__prev,
.my-common-slider__next {
    z-index: 10;
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.my-common-slider__prev:hover,
.my-common-slider__next:hover {
    background: rgba(255, 255, 255, 0.6);
}

.my-common-slider__prev  { left: 5px; }
.my-common-slider__next  { right: 5px; }

/* SVG-стрелки */
.my-common-slider__prev::before,
.my-common-slider__next::before {
    content: '';
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.my-common-slider__prev::before {
    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='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

.my-common-slider__next::before {
    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='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
}

/* Адаптив стрелок */
@media (max-width: 640px) {
    .my-common-slider__prev,
    .my-common-slider__next {
        width: 48px;
        height: 48px;
    }
    .my-common-slider__prev::before,
    .my-common-slider__next::before {
        width: 22px;
        height: 22px;
    }
    .my-common-slider__prev  { left: 12px; }
    .my-common-slider__next  { right: 12px; }
}

/* === ТОЧКИ === */
.my-common-slider__dots {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    pointer-events: none;
}

.my-common-slider__dots button {
    pointer-events: all;
    width: 11px;
    height: 11px;
    margin: 0 6px;
    padding: 0;
    background: #fff;
    opacity: 0.5;
    border: none;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.my-common-slider__dots button:hover,
.my-common-slider__dots button.active {
    opacity: 1;
}

@media (max-width: 640px) {
    .my-common-slider__dots { bottom: 14px; }
    .my-common-slider__dots button { width: 9px; height: 9px; }
    .my-common-slider__prev  { display: none; }
    .my-common-slider__next  { display: none;; }
}
/* End */
/* /local/components/project/slider.common/templates/.default/style.css?17649525433450 */