/* ONYX PRICING V2.5.3 — REAL FINAL */

/*
 * V2.5.2 accidentally changed the orbital container
 * from absolute to relative, which pushed 99 ₽ downward.
 *
 * Restore the cinematic overlay composition.
 */

.hero-orbit{
    position:absolute!important;

    left:50%!important;
    top:50%!important;

    transform:
        translate(-50%,-50%)
        rotate(-11deg)!important;

    margin:0!important;
}


/*
 * Counter-rotate the whole new cosmic system so
 * its ellipses don't inherit the old -11deg visual tilt.
 * Individual planets remain horizontal because JS
 * still controls their own transform.
 */

.onyx-v252-orbit{
    transform:
        rotate(11deg);

    transform-origin:
        50% 50%;
}


/*
 * Price remains independently centered in hero-art.
 */

.hero-price{
    position:relative!important;
    z-index:20!important;

    margin:0!important;

    transform:none!important;

    pointer-events:none;
}


/*
 * Keep orbit behind price.
 */

.hero-orbit{
    z-index:5!important;
}

.onyx-v252-orbit{
    z-index:6!important;
}


/*
 * Planet labels themselves can sit visually
 * in front of orbit lines, but not disturb layout.
 */

.onyx-v252-planet{
    pointer-events:none!important;
}


/* Mobile */
@media(max-width:650px){

    .hero-orbit{
        left:50%!important;
        top:50%!important;
    }

}
