/* SD CATALOG CATEGORY REVEAL V136 */

/*
 * V136 replaces the 3D flip with a vertical wipe.
 * The front image is the mask: it disappears from top to bottom,
 * while the existing category content is already underneath it and is
 * revealed immediately behind the moving edge.
 */

.catalog-page .catalog-flip-card-v129{
    perspective:none!important;
}

.catalog-page .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.is-flipped-v129 .catalog-flip-inner-v129{
    transform:none!important;
    transform-style:flat!important;
    transition:none!important;
    will-change:auto!important;
}

@media (hover:hover) and (pointer:fine){
    .catalog-page .catalog-flip-card-v129:hover .catalog-flip-inner-v129{
        transform:none!important;
    }
}

.catalog-page .catalog-flip-face-v129{
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
}

/* Content side stays under the image at all times. */
.catalog-page .catalog-flip-back-v129{
    transform:none!important;
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Front side is the animated wipe layer. */
.catalog-page .catalog-flip-front-v129{
    z-index:4!important;
    transform:none!important;
    clip-path:inset(0 0 0 0)!important;
    -webkit-clip-path:inset(0 0 0 0)!important;
    transition:
        clip-path 1.5s cubic-bezier(.22,.74,.18,1),
        -webkit-clip-path 1.5s cubic-bezier(.22,.74,.18,1)
        !important;
    will-change:clip-path!important;
}

/* No zoom/turning: only the clean top-to-bottom reveal. */
.catalog-page .catalog-flip-front-image-v129{
    transform:scale(1.002)!important;
    transition:none!important;
}

/* Click/tap state. */
.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-front-v129{
    clip-path:inset(100% 0 0 0)!important;
    -webkit-clip-path:inset(100% 0 0 0)!important;
}

.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-front-action-v129{
    pointer-events:none!important;
}

/* Desktop hover uses the same wipe. Close can temporarily suppress hover. */
@media (hover:hover) and (pointer:fine){
    .catalog-page .catalog-flip-card-v129:not(.is-reveal-hover-suppressed-v136):hover .catalog-flip-front-v129{
        clip-path:inset(100% 0 0 0)!important;
        -webkit-clip-path:inset(100% 0 0 0)!important;
    }
}

/* Keep the reveal edge inside the phone radius too. */
@media(max-width:560px){
    .catalog-page .catalog-flip-front-v129,
    .catalog-page .catalog-flip-back-v129{
        border-radius:14px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .catalog-page .catalog-flip-front-v129{
        transition:none!important;
    }
}

/* SD_REVEAL_NO_FLIP_FINAL_START */

/*
 * Полностью убиваем старую 3D flip-анимацию V129/V130.
 * Одна логика для ВСЕХ карточек:
 * изображение уходит сверху вниз, содержимое остаётся неподвижным.
 */

.catalog-page .catalog-flip-card-v129,
.catalog-page .catalog-flip-card-v129.has-children-v129,
.catalog-page .catalog-flip-card-v129.is-leaf-v129 {
    perspective: none !important;
}

/* Никогда не вращаем внутреннюю карточку */
.catalog-page .catalog-flip-card-v129 .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129:hover .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.has-children-v129:hover .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.is-leaf-v129:hover .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.is-flipped-v129 .catalog-flip-inner-v129,
.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-inner-v129 {
    transform: none !important;
    -webkit-transform: none !important;
    transform-style: flat !important;
    transition: none !important;
}

/* Обратная сторона тоже всегда обычная, не зеркальная */
.catalog-page .catalog-flip-card-v129 .catalog-flip-back-v129,
.catalog-page .catalog-flip-card-v129:hover .catalog-flip-back-v129,
.catalog-page .catalog-flip-card-v129.is-flipped-v129 .catalog-flip-back-v129,
.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-back-v129 {
    transform: none !important;
    -webkit-transform: none !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
}

/* Дополнительная защита от зеркального текста */
.catalog-page .catalog-flip-back-content-v129,
.catalog-page .catalog-flip-back-head-v129,
.catalog-page .catalog-flip-tree-scroll-v129,
.catalog-page .catalog-flip-open-v129 {
    transform: none !important;
    -webkit-transform: none !important;
}

/* Лицевая картинка — единственный анимируемый слой */
.catalog-page .catalog-flip-front-v129 {
    transform: none !important;
    -webkit-transform: none !important;

    clip-path: inset(0 0 0 0) !important;
    -webkit-clip-path: inset(0 0 0 0) !important;

    transition:
        clip-path 1.5s cubic-bezier(.22,.74,.18,1),
        -webkit-clip-path 1.5s cubic-bezier(.22,.74,.18,1)
        !important;

    z-index: 4 !important;
}

/*
 * Поддерживаем и новый класс V136,
 * и старый is-flipped-v129 — если где-то старый JS ещё сработает,
 * он тоже запустит НЕ переворот, а нашу wipe-анимацию.
 */
.catalog-page .catalog-flip-card-v129.is-revealed-v136 .catalog-flip-front-v129,
.catalog-page .catalog-flip-card-v129.is-flipped-v129 .catalog-flip-front-v129 {
    clip-path: inset(100% 0 0 0) !important;
    -webkit-clip-path: inset(100% 0 0 0) !important;
}

/* ПК: наведение — абсолютно та же анимация */
@media (hover:hover) and (pointer:fine) {

    .catalog-page
    .catalog-flip-card-v129:not(.is-reveal-hover-suppressed-v136):hover
    .catalog-flip-inner-v129 {
        transform: none !important;
        -webkit-transform: none !important;
    }

    .catalog-page
    .catalog-flip-card-v129:not(.is-reveal-hover-suppressed-v136):hover
    .catalog-flip-front-v129 {
        clip-path: inset(100% 0 0 0) !important;
        -webkit-clip-path: inset(100% 0 0 0) !important;
    }
}

/* SD_REVEAL_NO_FLIP_FINAL_END */