/* =========================
   Force Plans Above Domain (RTL)
   ========================= */

/* Ensure the main container can reorder its elements */
.opc-wrapper {
    display: flex;
    flex-direction: column;
}

/* Plans first */
.choose-plan-wrapper {
    order: 1 !important;
}

/* Domain after plans */
.choose-domain-container {  /* Corrected class name */
    order: 2 !important;
}

/* Correct margins to avoid RTL overlap */
.choose-plan-wrapper,
.choose-domain-container {
    margin-bottom: 20px;
}

/* Align text inside each section */
.choose-plan-wrapper h2,
.choose-domain-container h2 {
    text-align: right !important;
}

/* If there's a Slick Slider inside the plans */
#productBoxWgs {
    direction: ltr; /* Keep the slider in its original direction */
}