.menu-link .zoria-menu-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-link .home {
    background-image: url('/assets/img/icon/menu/home.svg');  
}
.menu-link:hover .zoria-menu-icon.home,
.menu-link.active .zoria-menu-icon.home {
    background-image: url('/assets/img/icon/menu/home_active.svg');
}

.menu-item .numerology {
    background-image: url('/assets/img/icon/menu/numerology.svg');
}
.menu-link:hover .zoria-menu-icon.numerology,
.menu-link.active .zoria-menu-icon.numerology {
    background-image: url('/assets/img/icon/menu/numerology_active.svg');
}

.menu-item .horoscope {
    background-image: url('/assets/img/icon/menu/horoscope.svg');
}
.menu-link:hover .zoria-menu-icon.horoscope,
.menu-link.active .zoria-menu-icon.horoscope {
    background-image: url('/assets/img/icon/menu/horoscope_active.svg');
}

.menu-item .arcana {
    background-image: url('/assets/img/icon/menu/arcana.svg');
}
.menu-link:hover .zoria-menu-icon.arcana,
.menu-link.active .zoria-menu-icon.arcana {
    background-image: url('/assets/img/icon/menu/arcana_active.svg');
}

.menu-item .tarot {
    background-image: url('/assets/img/icon/menu/tarot.svg');
}
.menu-link:hover .zoria-menu-icon.tarot,
.menu-link.active .zoria-menu-icon.tarot {
    background-image: url('/assets/img/icon/menu/tarot_active.svg');
}

.menu-item .psychology {
    background-image: url('/assets/img/icon/menu/psychology.svg');
}
.menu-link:hover .zoria-menu-icon.psychology,
.menu-link.active .zoria-menu-icon.psychology {
    background-image: url('/assets/img/icon/menu/psychology_active.svg');
}

.menu-item .runes {
    background-image: url('/assets/img/icon/menu/runes.svg');
}
.menu-link:hover .zoria-menu-icon.runes,
.menu-link.active .zoria-menu-icon.runes {
    background-image: url('/assets/img/icon/menu/runes_active.svg');
}

.menu-item .magic {
    background-image: url('/assets/img/icon/menu/magic.svg');
}
.menu-link:hover .zoria-menu-icon.magic,
.menu-link.active .zoria-menu-icon.magic {
    background-image: url('/assets/img/icon/menu/magic_active.svg');
}

.menu-item .contacts {
    background-image: url('/assets/img/icon/menu/contacts.svg');
}
.menu-link:hover .zoria-menu-icon.contacts,
.menu-link.active .zoria-menu-icon.contacts {
    background-image: url('/assets/img/icon/menu/contacts_active.svg');
}

.bg-absolute-pay, .bg-absolute-about, .question-chat {
    position: relative;
    z-index: 2;
}
.bg-absolute-about::after,
.bg-absolute-pay::before,
.bg-absolute-pay::after,
.question-chat::after {
    content: "";
    position: absolute;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
.bg-absolute-about::after {
    right: 0;
    width: 54px;
    aspect-ratio: 1 / 1;
    background-image: url('/assets/img/icon/star.svg');
}
.bg-absolute-pay::before {
    right: 0;
    width: 200px;
    aspect-ratio: 1 / 1;
    background-image: url('/assets/img/icon/stars.svg');
}

@media (max-width: 778px) {
    .bg-absolute-pay::before {
        display: none;
    }
}

.lines-red::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    background: url(/assets/img/lines-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

.bg-line-img {
    position: relative;
    overflow: hidden;
  }
  
  /* Збираємо всі спільні властивості в один блок */
  .bg-line-img::before,
  .bg-line-img::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3vh;
    background: url('/assets/img/bg/bg-line.svg') no-repeat left/cover;
    z-index: 0;
  }
  
  /* Розставляємо лише те, що відрізняється */
  .bg-line-img::before {
    top: 0;
  }
  .bg-line-img::after {
    bottom: 0;
    transform: rotate(180deg);
  }