/* === Общие стили для всех анимаций === */
.animation_hearts,
.firework,
.butterflies,
.butterflies_2,
.babocki_mercanie,
.mercanie_v_niz,
.serdecki_v_verx,
.serdecki_v_verx_3,
.serdecki_v_verx_4,
.serdecki_v_niz,
.serdecki_mercanie,
.mercanie_zvezda,
.mercanie_zvezda2,
.mercanie_krujit,
.mercanie6,
.mercanie7,
.mercanie_8,
.mercanie_10,
.mercanie_11,
.mercanie_12,
.mercanie_zvezdi,
.mercanie_zvezdi3,
.padaut_zvezdi,
.krujki_v_verx,
.cveti_v_verx,
.cveti_v_verx2,
.zvezdi_v_levo,
.zvezdi_v_pravo,
.vspishki,
.konfeti_v_verx,
.serdecki_salut,
.serdecki_salut2,
.serdecki_salut3,
.cveti_v_niz,
.cveti_v_levo,
.cveti_v_niz2,
.mercanie_ne_sinxrono,
.konfeti_v_niz,
.puziri_lopaut,
.samoletiki,
.noti,
.sneg_1,
.sneg_2,
.sneg_3,
.sneg_4,
.sneg_5,
.sneg_6 {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
    display: none;              /* скрываем до клика */
    z-index: 10;                /* поверх картинки */
    pointer-events: none;       /* не мешает кликам */
    opacity: 0.8;               /* прозрачность как в рабочей теме */
}

/* === Индивидуальные картинки (пути) === */
.animation_hearts   { background-image: url("../animations/SERDECKI.gif"); }
.firework           { background-image: url("../animations/18055337.gif"); }
.butterflies        { background-image: url("../animations/9238782.gif"); }
.butterflies_2      { background-image: url("../animations/butterflies_2.gif"); }
.babocki_mercanie   { background-image: url("../animations/BABOCKI_MERCANIE.gif"); }
.mercanie_v_niz     { background-image: url("../animations/MERCANIE_V_NIZ.gif"); }
.serdecki_v_verx    { background-image: url("../animations/SERDECKI-V-VERX.gif"); }
.serdecki_v_verx_3  { background-image: url("../animations/SERDECKI-V-VERX-3.gif"); }
.serdecki_v_verx_4  { background-image: url("../animations/SERDECKI-V-VERX-4.gif"); }
.serdecki_v_niz     { background-image: url("../animations/SERDECKI-V-NIZ.gif"); }
.serdecki_mercanie  { background-image: url("../animations/SERDECKI-MERCANIE.gif"); }
.mercanie_zvezda    { background-image: url("../animations/MERCANIE-ZVEZDA.gif"); }
.mercanie_zvezda2   { background-image: url("../animations/MERCANIE-ZVEZDA2.gif"); }
.mercanie_krujit    { background-image: url("../animations/MERCANIE-KRUJIT.gif"); }
.mercanie6          { background-image: url("../animations/MERCANIE-6.gif"); }
.mercanie7          { background-image: url("../animations/MERCANIE-7.gif"); }
.mercanie_8         { background-image: url("../animations/MERCANIE-8.gif"); }
.mercanie_10        { background-image: url("../animations/MERCANIE-10.gif"); }
.mercanie_11        { background-image: url("../animations/MERCANIE-11.gif"); }
.mercanie_12        { background-image: url("../animations/MERCANIE-12.gif"); }
.mercanie_zvezdi    { background-image: url("../animations/MERCANIE-ZVEZDI.gif"); }
.mercanie_zvezdi3   { background-image: url("../animations/MERCANIE-ZVEZDI3.gif"); }

.padaut_zvezdi      { background-image: url("../animations/padaut_zvezdi.gif"); }
.krujki_v_verx      { background-image: url("../animations/KRUJKII-V-VERX-3.gif"); }
.cveti_v_verx       { background-image: url("../animations/CVETI-V-VERX.gif"); }
.cveti_v_verx2      { background-image: url("../animations/CVETI-V-VERX2.gif"); }
.zvezdi_v_levo      { background-image: url("../animations/ZVEZDI-V-LEVO.gif"); }
.zvezdi_v_pravo     { background-image: url("../animations/ZVEZDI-V-PRAVO.gif"); }
.vspishki           { background-image: url("../animations/VSPISHKI.gif"); }
.konfeti_v_verx     { background-image: url("../animations/KONFETI-V-VERX.gif"); }
.serdecki_salut     { background-image: url("../animations/SERDECKI-SALUT.gif"); }
.serdecki_salut2    { background-image: url("../animations/SERDECKI-SALUT2.gif"); }
.serdecki_salut3    { background-image: url("../animations/SERDECKI-SALUT3.gif"); }
.cveti_v_niz        { background-image: url("../animations/CVETI-V-NIZ.gif"); }
.cveti_v_levo       { background-image: url("../animations/CVETI-V-LEVO.gif"); }
.cveti_v_niz2       { background-image: url("../animations/CVETI-V-NIZ2.gif"); }
.mercanie_ne_sinxrono { background-image: url("../animations/MERCANIE-NE-SINXRONO.gif"); }
.konfeti_v_niz      { background-image: url("../animations/KONFETI-V-NIZ.gif"); }
.puziri_lopaut      { background-image: url("../animations/PUZIRI_LOPAUT.gif"); }
.samoletiki         { background-image: url("../animations/SAMOLETIKI.gif"); }
.noti               { background-image: url("../animations/noti.gif"); }
.sneg_1             { background-image: url("../animations/sneg_1.gif"); }
.sneg_2             { background-image: url("../animations/sneg_2.gif"); }
.sneg_3             { background-image: url("../animations/sneg_3.gif"); }
.sneg_4             { background-image: url("../animations/sneg_4.gif"); }
.sneg_5             { background-image: url("../animations/sneg_5.gif"); }
.sneg_6             { background-image: url("../animations/sneg_6.gif"); }

/* === Контейнер открытки === */
.pmv2-card-with-animations {
    position: relative;
    display: block;
    max-width: 800px;
    margin: 0 auto;
}

/* === Картинка открытки под анимацией === */
.pmv2-single-img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

/* === Обёртка-анимаций поверх картинки === */
.pmv2-animation-wrapper {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

/* === При включении анимации показываем все слои === */
.pmv2-postcard-media.pmv2-animations-on .pmv2-animation-wrapper > div {
  display: block !important;
}