body.rtl {
    direction: rtl;
}
body.rtl .hero-content {
    text-align: right;
}
/* =========================================================
   ZIVARA RTL
   ========================================================= */

html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] .header-inner,
html[dir="rtl"] .navigation,
html[dir="rtl"] .header-actions {
    direction: rtl;
}

html[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
}

html[dir="rtl"] .h2-hero-content {
    margin-left: 0;
    margin-right: 8%;
    text-align: right;
}

html[dir="rtl"] .h2-hero::after {
    background: linear-gradient(
        -90deg,
        rgba(25,18,15,.82),
        rgba(25,18,15,.35),
        rgba(25,18,15,.15)
    );
}

html[dir="rtl"] .h2-hero-small-image {
    right: auto;
    left: 8%;
}

html[dir="rtl"] .h2-statement {
    direction: rtl;
}

html[dir="rtl"] .h2-gold-edit {
    direction: rtl;
}

html[dir="rtl"] .h2-gold-content {
    margin-left: 0;
    margin-right: -45px;
}

html[dir="rtl"] .h2-diamond-edit {
    direction: rtl;
}

html[dir="rtl"] .h2-diamond-content {
    padding-left: 0;
    padding-right: 2%;
    text-align: right;
}

html[dir="rtl"] .h2-diamond-image {
    right: auto;
    left: 6%;
}

html[dir="rtl"] .h2-watch-edit,
html[dir="rtl"] .h2-time-story,
html[dir="rtl"] .h2-consultation,
html[dir="rtl"] .h2-showroom {
    direction: rtl;
}

html[dir="rtl"] .h2-silver-edit {
    direction: rtl;
}

html[dir="rtl"] .h2-difference {
    direction: rtl;
}

html[dir="rtl"] .h2-detail-story {
    direction: rtl;
}

html[dir="rtl"] .h2-detail-large span,
html[dir="rtl"] .h2-detail-small span {
    left: auto;
    right: 12px;
}

html[dir="rtl"] .h2-overlap {
    direction: rtl;
}

html[dir="rtl"] .h2-overlap-back {
    right: auto;
    left: 10%;
}

html[dir="rtl"] .h2-overlap-front {
    left: auto;
    right: 13%;
}

html[dir="rtl"] .h2-overlap-note {
    right: auto;
    left: 1%;
}

html[dir="rtl"] .h2-moments {
    direction: rtl;
}

html[dir="rtl"] .h2-consultation,
html[dir="rtl"] .h2-showroom {
    text-align: right;
}

@media (max-width: 900px) {

    html[dir="rtl"] .h2-hero-content {
        margin-right: 6%;
        margin-left: 6%;
    }

    html[dir="rtl"] .h2-gold-content {
        margin-right: 5%;
        margin-left: auto;
    }

    html[dir="rtl"] .h2-diamond-image {
        left: 6%;
        right: auto;
    }
}

@media (max-width: 600px) {

    html[dir="rtl"] .h2-hero-content {
        margin-right: 5%;
        margin-left: 5%;
    }

    html[dir="rtl"] .h2-hero-small-image {
        left: 5%;
        right: auto;
    }

    html[dir="rtl"] .h2-gold-content {
        margin-right: 2%;
        margin-left: auto;
    }

    html[dir="rtl"] .h2-diamond-image {
        left: 5%;
        right: auto;
    }

    html[dir="rtl"] .h2-overlap-back {
        left: 0;
        right: auto;
    }

    html[dir="rtl"] .h2-overlap-front {
        right: 2%;
        left: auto;
    }

    html[dir="rtl"] .h2-overlap-note {
        left: 0;
        right: auto;
    }
}
/* =========================================
   RTL HEADER - LOGO RIGHT
   ========================================= */

html.rtl-mode .header-inner {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
}

/* ZIVARA → RIGHT */
html.rtl-mode .logo {
    order: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* OTHER HEADER ITEMS → LEFT */
html.rtl-mode .header-actions {
    order: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}