/* ============================================================
   mobile-explore.css
   Переключение desktop ↔ mobile + стили мобильной версии Explore
   ============================================================ */

/* По умолчанию: скрываем мобильный блок */
#explore-mobile { display: none !important; }

/* На мобильных (<=768px): меняем местами */
@media screen and (max-width: 768px) {
    .explore.pr[data-v-8f587831] { display: none !important; }
    #explore-mobile { display: block !important; }
}

/* ============================================================
   Section 1 — Hero (изображения + заголовок + кнопка)
   ============================================================ */
#explore-mobile[data-v-2a26a152] {
    padding-top: 10.66667vw;
}

.section1[data-v-2a26a152] {
    padding: 0 2.66667vw;
}

.section1 .img-row[data-v-2a26a152] img {
    border-radius: 2.13333vw;
    object-fit: cover;
}

.section1 .title[data-v-2a26a152] {
    color: #18181c;
    font-size: 6.93333vw;
    line-height: 9.06667vw;
    margin: 2.66667vw 0;
}

.section1 .text[data-v-2a26a152] {
    color: #545454;
    font-size: 3.46667vw;
    line-height: 5.33333vw;
    margin-bottom: 4vw;
    white-space: pre-line;
}

.section1 .btn[data-v-2a26a152] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #9e353f;
    border: 1px solid #9e353f;
    border-radius: 2.13333vw;
    color: #fff;
    font-family: Montserrat-SemiBold;
    font-size: 3.73333vw;
    height: 10.66667vw;
    width: 56vw;
    margin-bottom: 4vw;
    text-decoration: none;
}

/* ============================================================
   Section 2 — Подписка / Соцсети / Скроллинг изображений
   ============================================================ */
.section2[data-v-2a26a152] {
    padding: 8vw 0 0;
}

.section2 .text[data-v-2a26a152] {
    color: #545454;
    font-size: 3.46667vw;
    line-height: 5.33333vw;
    margin-bottom: 5.33333vw;
}

.section2 .icon-item[data-v-2a26a152] {
    margin: 0 4vw;
}

.section2 .icon-item img[data-v-2a26a152] {
    height: 10.66667vw;
    width: 10.66667vw;
}

.section2 .mb44[data-v-2a26a152] {
    margin-bottom: 5.33333vw;
}

/* ============================================================
   Скроллинг изображений (xh-img-play-container)
   data-v-319c1ce7
   ============================================================ */
#explore-mobile .xh-img-play-container .img-list[data-v-319c1ce7] {
    animation: scroll-319c1ce7 20s linear infinite;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
}

#explore-mobile .xh-img-play-container .img-list .item[data-v-319c1ce7] {
    margin-right: 2.13333vw;
}

#explore-mobile .xh-img-play-container .img-list .item a:active .mask[data-v-319c1ce7] {
    display: flex;
}

#explore-mobile .xh-img-play-container .img-list .item .mask[data-v-319c1ce7] {
    align-items: center;
    background-color: rgba(66, 66, 66, 0.8);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
}

#explore-mobile .xh-img-play-container .img-list .item .mask .icon[data-v-319c1ce7] {
    width: 5.33333vw;
    fill: #fff;
    height: 5.33333vw;
}

#explore-mobile .xh-img-play-container .img-list img[data-v-319c1ce7] {
    height: 53.33333vw;
    width: 53.33333vw;
}

@keyframes scroll-319c1ce7 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}