/* =========================================================
   SOMNIVA
   RTL SUPPORT
========================================================= */


/* =========================================================
   GLOBAL RTL
========================================================= */

html[dir="rtl"],
body.somniva-rtl {

    direction: rtl;

}


html[dir="rtl"] body,
body.somniva-rtl {

    text-align: right;

}


/* =========================================================
   NAVBAR
========================================================= */

html[dir="rtl"] .somniva-navbar-inner,
body.somniva-rtl .somniva-navbar-inner {

    direction: ltr;   /* was: rtl */

}


/* =========================================================
   DESKTOP NAV
========================================================= */

html[dir="rtl"] .somniva-desktop-nav,
body.somniva-rtl .somniva-desktop-nav {

    direction: rtl;

}


html[dir="rtl"] .somniva-navbar-actions,
body.somniva-rtl .somniva-navbar-actions {

    direction: rtl;

}


/* =========================================================
   DESKTOP DROPDOWNS
========================================================= */

html[dir="rtl"] .somniva-dropdown-menu,
body.somniva-rtl .somniva-dropdown-menu {

    left: auto;
    right: 50%;

    transform:
        translate(50%, 10px);

}


html[dir="rtl"] .somniva-dropdown-menu.show,
body.somniva-rtl .somniva-dropdown-menu.show {

    transform:
        translate(50%, 0);

}


/* =========================================================
   HERO CONTENT
========================================================= */

html[dir="rtl"] .somniva-hero-content,
body.somniva-rtl .somniva-hero-content {

    text-align: right;

}


html[dir="rtl"] .somniva-hero-buttons,
body.somniva-rtl .somniva-hero-buttons {

    justify-content: flex-start;

}


html[dir="rtl"] .somniva-trust-item,
body.somniva-rtl .somniva-trust-item {

    direction: rtl;

}


/* =========================================================
   HERO ARROW
========================================================= */

html[dir="rtl"] .somniva-hero-btn-primary i,
body.somniva-rtl .somniva-hero-btn-primary i {

    transform:
        rotate(180deg);

}


/* =========================================================
   MOBILE MENU
========================================================= */

html[dir="rtl"] .somniva-mobile-menu,
body.somniva-rtl .somniva-mobile-menu {

    direction: rtl;

    text-align: right;

}


html[dir="rtl"] .somniva-mobile-link,
body.somniva-rtl .somniva-mobile-link {

    text-align: right;

}


/* =========================================================
   MOBILE ACTIVE STATE
========================================================= */

html[dir="rtl"] .somniva-mobile-link.active,
body.somniva-rtl .somniva-mobile-link.active {

    border-left: 0;

    border-right:
        4px solid
        var(--somniva-purple);

}


html[dir="rtl"] .somniva-mobile-sub-link.active,
body.somniva-rtl .somniva-mobile-sub-link.active {

    border-left: 0;

    border-right:
        3px solid
        var(--somniva-purple);

}


/* =========================================================
   MOBILE NAVBAR
========================================================= */

/*
   IMPORTANT:

   On RTL mobile we deliberately keep the controls
   on the LEFT and the Somniva logo on the RIGHT.

   flex-direction is therefore reversed from the normal
   visual arrangement.
*/

@media (max-width: 991px) {

    html[dir="rtl"] .somniva-navbar-inner,
body.somniva-rtl .somniva-navbar-inner {

    direction: ltr;   /* was: rtl */

}

    html[dir="rtl"] .somniva-logo,
    body.somniva-rtl .somniva-logo {

        order: 2;

        margin-left: auto;

        margin-right: 0;

    }


    html[dir="rtl"] .somniva-navbar-actions,
    body.somniva-rtl .somniva-navbar-actions {

        order: 1;

        margin-left: 0;

        margin-right: auto;

        display: flex;

        flex-direction: row;

        justify-content: flex-start;

        align-items: center;

    }


    /*
       Controls remain visually on the LEFT:
       hamburger → LTR → dark/light
    */

    html[dir="rtl"] .somniva-menu-button,
    body.somniva-rtl .somniva-menu-button {

        order: 1;

    }


    html[dir="rtl"] .somniva-rtl-button,
    body.somniva-rtl .somniva-rtl-button {

        order: 2;

    }


    html[dir="rtl"] .somniva-icon-button,
    body.somniva-rtl .somniva-icon-button {

        order: 3;

    }

}


/* =========================================================
   RTL MOBILE MENU HEADER
========================================================= */

@media (max-width: 991px) {

    html[dir="rtl"] .somniva-mobile-menu-header,
    body.somniva-rtl .somniva-mobile-menu-header {

        direction: rtl;

    }


    html[dir="rtl"] .somniva-mobile-close,
    body.somniva-rtl .somniva-mobile-close {

        margin-right: auto;

        margin-left: 0;

    }

}


/* =========================================================
   CARDS / LISTS
========================================================= */

html[dir="rtl"] .somniva-check-list,
body.somniva-rtl .somniva-check-list {

    text-align: right;

}


html[dir="rtl"] .somniva-check-list div,
body.somniva-rtl .somniva-check-list div {

    flex-direction: row-reverse;

}


/* =========================================================
   FOOTER
========================================================= */

html[dir="rtl"] .somniva-footer,
body.somniva-rtl .somniva-footer {

    text-align: right;

}


html[dir="rtl"] .somniva-socials,
body.somniva-rtl .somniva-socials {

    justify-content: flex-start;

}


/* =========================================================
   FORM
========================================================= */

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
body.somniva-rtl input,
body.somniva-rtl textarea,
body.somniva-rtl select {

    text-align: right;

}


/* =========================================================
   RTL MOBILE TYPOGRAPHY
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .somniva-hero-content,
    body.somniva-rtl .somniva-hero-content {

        text-align: center;

    }


    html[dir="rtl"] .somniva-hero-buttons,
    body.somniva-rtl .somniva-hero-buttons {

        justify-content: center;

    }

}


/* =========================================================
   RTL EXTRA SMALL
========================================================= */

@media (max-width: 480px) {

    html[dir="rtl"] .somniva-navbar-inner,
    body.somniva-rtl .somniva-navbar-inner {

        padding-left: 12px;
        padding-right: 12px;

    }

}
/* =========================================================
   SOMNIVA HOME 1
   NEW SECTIONS
   RTL ONLY
========================================================= */


/* =========================================================
   GENERAL RTL
========================================================= */

html[dir="rtl"] .svh1-section,
body.rtl .svh1-section {

    direction: rtl;
}


html[dir="rtl"] .svh1-mattress-copy,
body.rtl .svh1-mattress-copy,

html[dir="rtl"] .svh1-bedding-copy,
body.rtl .svh1-bedding-copy,

html[dir="rtl"] .svh1-tip-content,
body.rtl .svh1-tip-content {

    text-align: right;
}


html[dir="rtl"] .svh1-heading-center,
body.rtl .svh1-heading-center {

    text-align: center;
}


/* =========================================================
   TEXT LINK
========================================================= */

html[dir="rtl"] .svh1-text-link,
body.rtl .svh1-text-link {

    flex-direction: row-reverse;
}


/* =========================================================
   MATTRESS
========================================================= */

html[dir="rtl"] .svh1-mattress-copy,
body.rtl .svh1-mattress-copy {

    padding-right: 0;
    padding-left: 35px;
}


html[dir="rtl"] .svh1-mattress-slide,
body.rtl .svh1-mattress-slide {

    transform: translateX(-40px);
}


html[dir="rtl"] .svh1-mattress-slide.is-active,
body.rtl .svh1-mattress-slide.is-active {

    transform: translateX(0);
}


html[dir="rtl"] .svh1-progress-line,
body.rtl .svh1-progress-line {

    transform-origin: right;
}


/* =========================================================
   MATCH
========================================================= */

html[dir="rtl"] .svh1-match-types,
body.rtl .svh1-match-types {

    padding-right: 0;
    padding-left: 60px;
}


html[dir="rtl"] .svh1-match-sizes,
body.rtl .svh1-match-sizes {

    padding-left: 0;
    padding-right: 60px;
}


html[dir="rtl"] .svh1-match-option,
body.rtl .svh1-match-option {

    text-align: right;
}


html[dir="rtl"] .svh1-match-option::before,
body.rtl .svh1-match-option::before {

    left: auto;
    right: -20px;
}


/* =========================================================
   LAYERS
========================================================= */

html[dir="rtl"] .svh1-layer-item:hover,
body.rtl .svh1-layer-item:hover {

    padding-left: 0;
    padding-right: 10px;
}


/* =========================================================
   BEDDING
========================================================= */

html[dir="rtl"] .svh1-bedding-copy,
body.rtl .svh1-bedding-copy {

    padding-right: 0;
    padding-left: 25px;
}


html[dir="rtl"] .svh1-bedding-slide,
body.rtl .svh1-bedding-slide {

    transform: translateX(-40px);
}


html[dir="rtl"] .svh1-bedding-slide.is-active,
body.rtl .svh1-bedding-slide.is-active {

    transform: translateX(0);
}


/* =========================================================
   TIPS
========================================================= */

html[dir="rtl"] .svh1-tip-slide,
body.rtl .svh1-tip-slide {

    transform: translateX(-45px);
}


html[dir="rtl"] .svh1-tip-slide.is-active,
body.rtl .svh1-tip-slide.is-active {

    transform: translateX(0);
}


/* =========================================================
   DELIVERY
========================================================= */

html[dir="rtl"] .svh1-delivery-line::before,
body.rtl .svh1-delivery-line::before {

    transform-origin: right;
}


html[dir="rtl"] .svh1-delivery-traveller,
body.rtl .svh1-delivery-traveller {

    left: auto;
    right: 0;
}


html[dir="rtl"] .svh1-delivery-journey.is-visible
.svh1-delivery-traveller,
body.rtl .svh1-delivery-journey.is-visible
.svh1-delivery-traveller {

    left: auto;
    right: calc(100% - 34px);
}


html[dir="rtl"] .svh1-delivery-stage,
body.rtl .svh1-delivery-stage {

    text-align: center;
}


/* =========================================================
   CONTACT
========================================================= */

html[dir="rtl"] .svh1-contact-layout,
body.rtl .svh1-contact-layout {

    text-align: right;
}


html[dir="rtl"] .svh1-detail-line,
body.rtl .svh1-detail-line {

    grid-template-columns: 1fr 35px;
}


html[dir="rtl"] .svh1-detail-line > i,
body.rtl .svh1-detail-line > i {

    grid-column: 2;
    grid-row: 1;
}


html[dir="rtl"] .svh1-detail-line > div,
body.rtl .svh1-detail-line > div {

    grid-column: 1;
    grid-row: 1;
}


/* =========================================================
   FOOTER
========================================================= */

html[dir="rtl"] .svh1-footer,
body.rtl .svh1-footer {

    text-align: right;
}


html[dir="rtl"] .svh1-footer-bottom,
body.rtl .svh1-footer-bottom {

    flex-direction: row-reverse;
}


html[dir="rtl"] .svh1-footer-bottom div,
body.rtl .svh1-footer-bottom div {

    flex-direction: row-reverse;
}


/* =========================================================
   BACK TO TOP
========================================================= */

html[dir="rtl"] .svh1-back-top,
body.rtl .svh1-back-top {

    right: auto;
    left: 25px;
}


@media (max-width: 767px) {

    html[dir="rtl"] .svh1-mattress-copy,
    body.rtl .svh1-mattress-copy {

        padding-left: 0;
    }


    html[dir="rtl"] .svh1-bedding-copy,
    body.rtl .svh1-bedding-copy {

        padding-left: 0;
    }


    html[dir="rtl"] .svh1-delivery-stage,
    body.rtl .svh1-delivery-stage {

        text-align: right;
    }


    html[dir="rtl"] .svh1-back-top,
    body.rtl .svh1-back-top {

        left: 18px;
        right: auto;
    }


    html[dir="rtl"] .svh1-footer-bottom,
    body.rtl .svh1-footer-bottom {

        align-items: flex-start;
    }

}
/* =========================================================
   SOMNIVA
   SECTION 5 — SLEEP TIPS
   RTL ONLY
========================================================= */


html[dir="rtl"] .svh1-tips-heading,
body.somniva-rtl .svh1-tips-heading {

    text-align: center;
}


/* ---------------------------------------------------------
   DESKTOP RTL
--------------------------------------------------------- */

html[dir="rtl"] .svh1-tip-left,
body.somniva-rtl .svh1-tip-left {

    text-align: left;

    transform-origin: left center;
}


html[dir="rtl"] .svh1-tip-right,
body.somniva-rtl .svh1-tip-right {

    text-align: right;

    transform-origin: right center;
}


html[dir="rtl"] .svh1-tip-column-left,
body.somniva-rtl .svh1-tip-column-left {

    padding-right: 0;

    padding-left: 30px;
}


html[dir="rtl"] .svh1-tip-column-right,
body.somniva-rtl .svh1-tip-column-right {

    padding-left: 0;

    padding-right: 30px;
}


html[dir="rtl"] .svh1-tip-left .svh1-tip-meta,
body.somniva-rtl .svh1-tip-left .svh1-tip-meta {

    justify-content: flex-start;
}


html[dir="rtl"] .svh1-tip-right .svh1-tip-meta,
body.somniva-rtl .svh1-tip-right .svh1-tip-meta {

    justify-content: flex-end;
}


/* ---------------------------------------------------------
   RTL HOVER
--------------------------------------------------------- */

html[dir="rtl"] .svh1-tip-left:hover,
body.somniva-rtl .svh1-tip-left:hover {

    transform: translateX(-9px);
}


html[dir="rtl"] .svh1-tip-right:hover,
body.somniva-rtl .svh1-tip-right:hover {

    transform: translateX(9px);
}


/* ---------------------------------------------------------
   TABLET RTL
--------------------------------------------------------- */

@media (max-width: 991px) {

    html[dir="rtl"] .svh1-tip-column-left,
    body.somniva-rtl .svh1-tip-column-left {

        padding-left: 8px;
    }


    html[dir="rtl"] .svh1-tip-column-right,
    body.somniva-rtl .svh1-tip-column-right {

        padding-right: 8px;
    }


    html[dir="rtl"] .svh1-tip-left:hover,
    body.somniva-rtl .svh1-tip-left:hover {

        transform: translateX(-5px);
    }


    html[dir="rtl"] .svh1-tip-right:hover,
    body.somniva-rtl .svh1-tip-right:hover {

        transform: translateX(5px);
    }

}


/* ---------------------------------------------------------
   MOBILE RTL
--------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .svh1-tip-column-left,
    body.somniva-rtl .svh1-tip-column-left,

    html[dir="rtl"] .svh1-tip-column-right,
    body.somniva-rtl .svh1-tip-column-right {

        padding: 0;
    }


    html[dir="rtl"] .svh1-tip-item,
    body.somniva-rtl .svh1-tip-item {

        text-align: right;
    }


    html[dir="rtl"] .svh1-tip-left .svh1-tip-meta,
    body.somniva-rtl .svh1-tip-left .svh1-tip-meta,

    html[dir="rtl"] .svh1-tip-right .svh1-tip-meta,
    body.somniva-rtl .svh1-tip-right .svh1-tip-meta {

        justify-content: flex-end;
    }


    html[dir="rtl"] .svh1-tip-left:hover,
    body.somniva-rtl .svh1-tip-left:hover,

    html[dir="rtl"] .svh1-tip-right:hover,
    body.somniva-rtl .svh1-tip-right:hover {

        transform: translateX(4px);
    }

}

/* =========================================================
   SOMNIVA
   SECTION 8 — STORE VISIT
   RTL
========================================================= */


html[dir="rtl"] .svh1-visit-detail,
body.somniva-rtl .svh1-visit-detail {

    direction: rtl;
}


html[dir="rtl"] .svh1-input-wrap,
body.somniva-rtl .svh1-input-wrap {

    direction: rtl;
}


html[dir="rtl"] .svh1-input-wrap input,
html[dir="rtl"] .svh1-input-wrap select,
html[dir="rtl"] .svh1-input-wrap textarea,

body.somniva-rtl .svh1-input-wrap input,
body.somniva-rtl .svh1-input-wrap select,
body.somniva-rtl .svh1-input-wrap textarea {

    padding-left: 13px;

    padding-right: 0;

    text-align: right;
}


html[dir="rtl"] .svh1-visit-moon,
body.somniva-rtl .svh1-visit-moon {

    right: auto;

    left: -50px;
}


html[dir="rtl"] .svh1-visit-moon span,
body.somniva-rtl .svh1-visit-moon span {

    right: auto;

    left: 48px;
}


/* ---------------------------------------------------------
   RTL MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .svh1-visit-moon,
    body.somniva-rtl .svh1-visit-moon {

        left: -42px;
    }


    html[dir="rtl"] .svh1-visit-moon span,
    body.somniva-rtl .svh1-visit-moon span {

        left: 34px;
    }


    html[dir="rtl"] .svh1-form-submit,
    body.somniva-rtl .svh1-form-submit {

        align-items: flex-end;
    }

}
/* =========================================================
   SOMNIVA HOME 2
   RTL
========================================================= */


/* =========================================================
   GENERAL
========================================================= */

html[dir="rtl"] .svh2-page,
body[dir="rtl"] .svh2-page {
    direction: rtl;
}


/* =========================================================
   HERO
========================================================= */

html[dir="rtl"] .svh2-hero,
body[dir="rtl"] .svh2-hero {
    direction: rtl;
}

html[dir="rtl"] .svh2-hero-left .svh2-hero-number,
body[dir="rtl"] .svh2-hero-left .svh2-hero-number {
    left: auto;
    right: 35px;
}

html[dir="rtl"] .svh2-hero-right .svh2-hero-number,
body[dir="rtl"] .svh2-hero-right .svh2-hero-number {
    right: auto;
    left: 35px;
}

html[dir="rtl"] .svh2-hero-left .svh2-hero-word,
body[dir="rtl"] .svh2-hero-left .svh2-hero-word {
    left: auto;
    right: 28px;
}

html[dir="rtl"] .svh2-hero-right .svh2-hero-word,
body[dir="rtl"] .svh2-hero-right .svh2-hero-word {
    right: auto;
    left: 28px;
}

html[dir="rtl"] .svh2-hero-link i,
body[dir="rtl"] .svh2-hero-link i {
    transform: scaleX(-1);
}


/* =========================================================
   ARCHITECTURE
========================================================= */

html[dir="rtl"] .svh2-architecture,
body[dir="rtl"] .svh2-architecture {
    direction: rtl;
}

html[dir="rtl"] .svh2-choice-left,
body[dir="rtl"] .svh2-choice-left {
    text-align: left;
    align-items: flex-start;
}

html[dir="rtl"] .svh2-choice-right,
body[dir="rtl"] .svh2-choice-right {
    text-align: right;
    align-items: flex-end;
}

html[dir="rtl"] .svh2-architecture-word.svh2-from-left,
body[dir="rtl"] .svh2-architecture-word.svh2-from-left {
    text-align: left;
    align-items: flex-start;
}

html[dir="rtl"] .svh2-architecture-word.svh2-from-right,
body[dir="rtl"] .svh2-architecture-word.svh2-from-right {
    text-align: right;
    align-items: flex-end;
}

html[dir="rtl"] .svh2-choice-btn,
body[dir="rtl"] .svh2-choice-btn {
    flex-direction: row-reverse;
}


/* =========================================================
   COMFORT
========================================================= */

html[dir="rtl"] .svh2-comfort,
body[dir="rtl"] .svh2-comfort {
    direction: rtl;
}

html[dir="rtl"] .svh2-comfort-result a i,
body[dir="rtl"] .svh2-comfort-result a i {
    transform: scaleX(-1);
}

html[dir="rtl"] .svh2-choice-btn:hover,
html[dir="rtl"] .svh2-choice-btn.is-active,
body[dir="rtl"] .svh2-choice-btn:hover,
body[dir="rtl"] .svh2-choice-btn.is-active {
    padding-left: 5px;
    padding-right: 14px;
}


/* =========================================================
   BEDROOM
========================================================= */

html[dir="rtl"] .svh2-bedroom,
body[dir="rtl"] .svh2-bedroom {
    direction: rtl;
}

html[dir="rtl"] .svh2-bedroom-small span,
body[dir="rtl"] .svh2-bedroom-small span {
    left: auto;
    right: 22px;
}

html[dir="rtl"] .svh2-image-caption,
body[dir="rtl"] .svh2-image-caption {
    left: auto;
    right: 35px;
}


/* =========================================================
   LAYERS
========================================================= */

html[dir="rtl"] .svh2-layers,
body[dir="rtl"] .svh2-layers {
    direction: rtl;
}

html[dir="rtl"] .svh2-layer,
body[dir="rtl"] .svh2-layer {
    direction: rtl;
}

html[dir="rtl"] .svh2-layer-controls,
body[dir="rtl"] .svh2-layer-controls {
    flex-direction: row-reverse;
}

html[dir="rtl"] .svh2-layer-controls .svh2-layer-prev i,
body[dir="rtl"] .svh2-layer-controls .svh2-layer-prev i,
html[dir="rtl"] .svh2-layer-controls .svh2-layer-next i,
body[dir="rtl"] .svh2-layer-controls .svh2-layer-next i {
    transform: scaleX(-1);
}


/* =========================================================
   ACCESSORIES
========================================================= */

html[dir="rtl"] .svh2-accessories,
body[dir="rtl"] .svh2-accessories {
    direction: rtl;
}

html[dir="rtl"] .svh2-gallery-meta,
body[dir="rtl"] .svh2-gallery-meta {
    padding-right: 0;
    padding-left: 20px;
}

html[dir="rtl"] .svh2-gallery-controls,
body[dir="rtl"] .svh2-gallery-controls {
    direction: rtl;
}


/* =========================================================
   RITUAL
========================================================= */

html[dir="rtl"] .svh2-ritual,
body[dir="rtl"] .svh2-ritual {
    direction: rtl;
}


/* =========================================================
   DELIVERY
========================================================= */

html[dir="rtl"] .svh2-delivery,
body[dir="rtl"] .svh2-delivery {
    direction: rtl;
}

html[dir="rtl"] .svh2-delivery-step,
body[dir="rtl"] .svh2-delivery-step {
    direction: rtl;
}


/* =========================================================
   CONTACT
========================================================= */

html[dir="rtl"] .svh2-contact,
body[dir="rtl"] .svh2-contact {
    direction: rtl;
}

html[dir="rtl"] .svh2-contact-heading,
body[dir="rtl"] .svh2-contact-heading {
    padding-right: 0;
    padding-left: 15px;
}

html[dir="rtl"] .svh2-contact-form,
body[dir="rtl"] .svh2-contact-form {
    direction: rtl;
}

html[dir="rtl"] .svh2-contact-form input,
html[dir="rtl"] .svh2-contact-form textarea,
html[dir="rtl"] .svh2-contact-form select,
body[dir="rtl"] .svh2-contact-form input,
body[dir="rtl"] .svh2-contact-form textarea,
body[dir="rtl"] .svh2-contact-form select {
    text-align: right;
}

html[dir="rtl"] .svh2-submit i,
body[dir="rtl"] .svh2-submit i {
    transform: scaleX(-1);
}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .svh2-architecture-word.svh2-from-left,
    body[dir="rtl"] .svh2-architecture-word.svh2-from-left {
        text-align: right;
        align-items: flex-end;
    }

    html[dir="rtl"] .svh2-architecture-word.svh2-from-right,
    body[dir="rtl"] .svh2-architecture-word.svh2-from-right {
        text-align: left;
        align-items: flex-start;
    }

    html[dir="rtl"] .svh2-hero-left .svh2-hero-number,
    body[dir="rtl"] .svh2-hero-left .svh2-hero-number {
        right: 18px;
        left: auto;
    }

    html[dir="rtl"] .svh2-hero-right .svh2-hero-number,
    body[dir="rtl"] .svh2-hero-right .svh2-hero-number {
        left: 18px;
        right: auto;
    }

    html[dir="rtl"] .svh2-bedroom-small span,
    body[dir="rtl"] .svh2-bedroom-small span {
        right: 15px;
    }

    html[dir="rtl"] .svh2-image-caption,
    body[dir="rtl"] .svh2-image-caption {
        right: 20px;
    }

    html[dir="rtl"] .svh2-gallery-meta,
    body[dir="rtl"] .svh2-gallery-meta {
        padding-left: 0;
    }

    html[dir="rtl"] .svh2-delivery-line,
    body[dir="rtl"] .svh2-delivery-line {
        left: auto;
        right: 47px;
    }

    html[dir="rtl"] .svh2-delivery-step {
        padding-left: 0;
        padding-right: 125px;
        text-align: right;
        align-items: flex-end;
    }

    html[dir="rtl"] .svh2-delivery-step > span {
        left: auto;
        right: 0;
    }

    html[dir="rtl"] .svh2-delivery-step > i {
        left: auto;
        right: 36px;
    }

    html[dir="rtl"] .svh2-contact-heading {
        padding-left: 0;
    }

}

@media (max-width: 480px) {

    html[dir="rtl"] .svh2-delivery-step,
    body[dir="rtl"] .svh2-delivery-step {
        padding-right: 110px;
    }

}
/* =========================================================
   SOMNIVA HOME 2
   RTL — SECTIONS 02 + 03
========================================================= */

html[dir="rtl"] .svh2-reimagined .svh2-section-head,
html[dir="rtl"] .svh2-comfort .svh2-section-head {
    text-align: center;
}


/* =========================================================
   SECTION 02
========================================================= */

html[dir="rtl"] .svh2-layer-copy-left {
    text-align: left;
}

html[dir="rtl"] .svh2-layer-copy-right {
    text-align: right;
}

html[dir="rtl"] .svh2-layer-point {
    grid-template-columns: 1fr 42px;
}

html[dir="rtl"] .svh2-layer-point > span {
    grid-column: 2;
    grid-row: 1;
}

html[dir="rtl"] .svh2-layer-point > div {
    grid-column: 1;
    grid-row: 1;
}


/* connection lines */

html[dir="rtl"] .svh2-layer-copy-left .svh2-layer-point::after {
    right: auto;
    left: -45px;

    background:
        linear-gradient(
            90deg,
            var(--somniva-purple-light),
            rgba(101, 53, 138, 0)
        );
}

html[dir="rtl"] .svh2-layer-copy-right .svh2-layer-point::after {
    left: auto;
    right: -45px;

    transform: none;

    background:
        linear-gradient(
            90deg,
            var(--somniva-purple-light),
            rgba(101, 53, 138, 0)
        );
}


/* =========================================================
   SECTION 03
========================================================= */

html[dir="rtl"] .svh2-comfort-choice {
    text-align: right;
}

html[dir="rtl"] .svh2-comfort-result {
    text-align: center;
}


/* =========================================================
   MOBILE RTL
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .svh2-layer-copy-left,
    html[dir="rtl"] .svh2-layer-copy-right {
        text-align: right;
    }

    html[dir="rtl"] .svh2-layer-point {
        grid-template-columns: 42px 1fr;
    }

    html[dir="rtl"] .svh2-layer-point > span {
        grid-column: 1;
    }

    html[dir="rtl"] .svh2-layer-point > div {
        grid-column: 2;
    }

    html[dir="rtl"] .svh2-layer-copy-left .svh2-layer-point::after,
    html[dir="rtl"] .svh2-layer-copy-right .svh2-layer-point::after {
        display: none;
    }
}

/* =========================================================
   SOMNIVA PRODUCTS
   RTL ONLY
========================================================= */

html[dir="rtl"]
.somniva-products-page
.sv-products-banner-content {

    align-items: flex-start;

    text-align: right;
}


html[dir="rtl"]
.somniva-products-page
.sv-products-banner-overlay {

    background:
        linear-gradient(
            270deg,
            rgba(20, 12, 26, 0.82) 0%,
            rgba(20, 12, 26, 0.64) 38%,
            rgba(20, 12, 26, 0.18) 72%,
            rgba(20, 12, 26, 0.04) 100%
        );
}


html[dir="rtl"]
.somniva-products-page
.sv-product-badge {

    left: auto;
    right: 16px;
}


html[dir="rtl"]
.somniva-products-page
.sv-product-quick {

    right: auto;
    left: 16px;
}


html[dir="rtl"]
.somniva-products-page
.sv-product-meta {

    text-align: right;
}


html[dir="rtl"]
.somniva-products-page
.sv-product-meta i {

    margin-right: 0;
    margin-left: 3px;
}


html[dir="rtl"]
.somniva-products-page
.sv-product-add {

    text-align: right;
}


html[dir="rtl"]
.somniva-products-page
.sv-products-promo-details {

    padding-left: 0;
    padding-right: 35px;

    border-left: 0;

    border-right:
        1px solid
        var(--somniva-border);
}


html[dir="rtl"]
.somniva-products-page
.sv-products-sort-wrap {

    direction: rtl;
}


@media (max-width: 767px) {

    html[dir="rtl"]
    .somniva-products-page
    .sv-products-promo-details {

        padding-right: 0;

        border-right: 0;

        border-top:
            1px solid
            var(--somniva-border);
    }

}


@media (max-width: 425px) {

    html[dir="rtl"]
    .somniva-products-page
    .sv-products-banner-content {

        text-align: right;
    }

}

/* =========================================================
   SOMNIVA ACCESSORIES
   RTL ONLY
========================================================= */

html[dir="rtl"]
.somniva-accessories-page
.sva-intro-content {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-intro-copy {

    text-align:
        right;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-intro-image {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-layout {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-filter {

    text-align:
        right;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-radio {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-filter-note {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-result-bar {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-sort-wrap {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-card {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-badge {

    left:
        auto;

    right:
        16px;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-sale-band {

    left:
        -8%;

    right:
        auto;

    transform:
        rotate(7deg);

}


html[dir="rtl"]
.somniva-accessories-page
.sva-meta {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-meta i {

    margin-right:
        0;

    margin-left:
        3px;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-add {

    direction:
        rtl;

    text-align:
        right;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-promo {

    direction:
        rtl;

}


html[dir="rtl"]
.somniva-accessories-page
.sva-promo-details {

    padding-left:
        0;

    padding-right:
        35px;

    border-left:
        0;

    border-right:
        1px solid
        var(--somniva-border);

}


@media (max-width: 767px) {

    html[dir="rtl"]
    .somniva-accessories-page
    .sva-intro-copy {

        text-align:
            right;

    }


    html[dir="rtl"]
    .somniva-accessories-page
    .sva-promo-details {

        padding-right:
            0;

        border-right:
            0;

        border-top:
            1px solid
            var(--somniva-border);

    }

}


@media (max-width: 425px) {

    html[dir="rtl"]
    .somniva-accessories-page
    .sva-intro-copy h1 {

        text-align:
            right;

    }

}
/* =========================================================
   SOMNIVA CART PAGE
   RTL ONLY
========================================================= */

html[dir="rtl"]
.somniva-cart-page
.somniva-cart-banner-inner {

    text-align: center;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-heading {

    flex-direction: row-reverse;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-item {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-item-info {

    text-align: right;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-item-meta {

    justify-content: flex-start;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-item-controls {

    align-items: flex-start;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-navigation {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-summary {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-summary-row,
html[dir="rtl"]
.somniva-cart-page
.somniva-cart-total-row {

    flex-direction: row-reverse;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-complete {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-complete-copy {

    text-align: right;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-complete-links a {

    flex-direction: row-reverse;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-complete-links a:hover {

    padding-left: 4px;
    padding-right: 12px;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-services {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-service {

    direction: rtl;
}


html[dir="rtl"]
.somniva-cart-page
.somniva-cart-empty-actions {

    direction: rtl;
}


@media (max-width: 767px) {

    html[dir="rtl"]
    .somniva-cart-page
    .somniva-cart-heading {

        flex-direction: column;

        align-items: flex-start;
    }


    html[dir="rtl"]
    .somniva-cart-page
    .somniva-cart-item-controls {

        align-items: center;
    }

}


@media (max-width: 575px) {

    html[dir="rtl"]
    .somniva-cart-page
    .somniva-cart-item {

        text-align: right;
    }

}

/* =========================================================
   SOMNIVA CHECKOUT — RTL ONLY
========================================================= */

html[dir="rtl"] .somniva-checkout-page,
body.somniva-rtl .somniva-checkout-page {
    direction: rtl;
}

html[dir="rtl"] .somniva-checkout-page .sc-checkout-banner,
body.somniva-rtl .somniva-checkout-page .sc-checkout-banner {
    text-align: center;
}

html[dir="rtl"] .somniva-checkout-page .sc-section-heading,
body.somniva-rtl .somniva-checkout-page .sc-section-heading,

html[dir="rtl"] .somniva-checkout-page .sc-payment-option,
body.somniva-rtl .somniva-checkout-page .sc-payment-option {
    direction: rtl;
}

html[dir="rtl"] .somniva-checkout-page .sc-order-item,
body.somniva-rtl .somniva-checkout-page .sc-order-item {
    direction: rtl;
}

html[dir="rtl"] .somniva-checkout-page .sc-form-group,
body.somniva-rtl .somniva-checkout-page .sc-form-group {
    text-align: right;
}

html[dir="rtl"] .somniva-checkout-page .sc-form-group input,
body.somniva-rtl .somniva-checkout-page .sc-form-group input {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .somniva-checkout-page .sc-order-totals > div,
body.somniva-rtl .somniva-checkout-page .sc-order-totals > div {
    direction: rtl;
}

html[dir="rtl"] .somniva-checkout-page .sc-place-order i,
body.somniva-rtl .somniva-checkout-page .sc-place-order i {
    transform: rotate(180deg);
}

/* =========================================================
   SOMNIVA ORDER CONFIRMATION — RTL
   SCOPED ONLY
========================================================= */

html[dir="rtl"] .somniva-confirmation-page,
body.somniva-rtl .somniva-confirmation-page {
    direction: rtl;
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-confirmation-banner,
body.somniva-rtl
.somniva-confirmation-page
.soc-confirmation-banner {
    text-align: center;
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-status-timeline,
body.somniva-rtl
.somniva-confirmation-page
.soc-status-timeline {
    direction: rtl;
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-status-line.is-active,
body.somniva-rtl
.somniva-confirmation-page
.soc-status-line.is-active {
    background:
        linear-gradient(
            270deg,
            var(--somniva-purple),
            var(--somniva-border)
        );
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-info-list strong,
body.somniva-rtl
.somniva-confirmation-page
.soc-info-list strong {
    text-align: left;
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-product-row,
body.somniva-rtl
.somniva-confirmation-page
.soc-product-row {
    direction: rtl;
}


html[dir="rtl"]
.somniva-confirmation-page
.soc-summary-row,
body.somniva-rtl
.somniva-confirmation-page
.soc-summary-row,
html[dir="rtl"]
.somniva-confirmation-page
.soc-summary-total,
body.somniva-rtl
.somniva-confirmation-page
.soc-summary-total {
    direction: rtl;
}


@media (max-width: 575px) {

    html[dir="rtl"]
    .somniva-confirmation-page
    .soc-info-list strong,
    body.somniva-rtl
    .somniva-confirmation-page
    .soc-info-list strong {
        text-align: right;
    }

}

/* =========================================================
   SOMNIVA POLICY PAGE
   RTL ONLY
========================================================= */


/* ---------------------------------------------------------
   GENERAL
--------------------------------------------------------- */

html[dir="rtl"] .somniva-policy-page,
body.somniva-rtl .somniva-policy-page {

    direction: rtl;

    text-align: right;
}


/* ---------------------------------------------------------
   HERO
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-hero,
body.somniva-rtl
.somniva-policy-page
.sp-hero {

    text-align: center;
}


/* ---------------------------------------------------------
   PROMISE
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-section-intro,
body.somniva-rtl
.somniva-policy-page
.sp-section-intro {

    text-align: right;
}


/* ---------------------------------------------------------
   WAVE LABELS
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-wave-labels,
body.somniva-rtl
.somniva-policy-page
.sp-wave-labels {

    direction: rtl;
}


/* ---------------------------------------------------------
   TIMELINE
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-timeline,
body.somniva-rtl
.somniva-policy-page
.sp-timeline {

    direction: rtl;
}


/*
   Keep the progressive timeline visually centered.
   Text direction changes, but the actual timeline
   remains a visual vertical path.
*/

html[dir="rtl"]
.somniva-policy-page
.sp-timeline-left
.sp-timeline-content,
body.somniva-rtl
.somniva-policy-page
.sp-timeline-left
.sp-timeline-content {

    text-align: left;

    padding-right: 0;
    padding-left: 45px;
}


html[dir="rtl"]
.somniva-policy-page
.sp-timeline-right
.sp-timeline-content,
body.somniva-rtl
.somniva-policy-page
.sp-timeline-right
.sp-timeline-content {

    text-align: right;

    padding-left: 0;
    padding-right: 45px;
}


html[dir="rtl"]
.somniva-policy-page
.sp-timeline-left
.sp-timeline-content p,
body.somniva-rtl
.somniva-policy-page
.sp-timeline-left
.sp-timeline-content p {

    margin-right: auto;
    margin-left: 0;
}


html[dir="rtl"]
.somniva-policy-page
.sp-timeline-right
.sp-timeline-content p,
body.somniva-rtl
.somniva-policy-page
.sp-timeline-right
.sp-timeline-content p {

    margin-left: auto;
    margin-right: 0;
}


/* ---------------------------------------------------------
   CHECKLIST
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-check-row,
body.somniva-rtl
.somniva-policy-page
.sp-check-row {

    grid-template-columns:
        1fr 30px;

    text-align: right;
}


html[dir="rtl"]
.somniva-policy-page
.sp-check-row i,
body.somniva-rtl
.somniva-policy-page
.sp-check-row i {

    grid-column: 2;
}


html[dir="rtl"]
.somniva-policy-page
.sp-check-row span,
body.somniva-rtl
.somniva-policy-page
.sp-check-row span {

    grid-column: 1;
    grid-row: 1;
}


/* ---------------------------------------------------------
   IMAGE STORY
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-image-story-note,
body.somniva-rtl
.somniva-policy-page
.sp-image-story-note {

    flex-direction: row-reverse;
}


/* ---------------------------------------------------------
   FAQ
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-faq-question,
body.somniva-rtl
.somniva-policy-page
.sp-faq-question {

    text-align: right;
}


/* ---------------------------------------------------------
   FINAL
--------------------------------------------------------- */

html[dir="rtl"]
.somniva-policy-page
.sp-final,
body.somniva-rtl
.somniva-policy-page
.sp-final {

    text-align: center;
}


/* ---------------------------------------------------------
   MOBILE TIMELINE
--------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline,
    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline {

        padding-left: 0;
        padding-right: 52px;
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-svg,
    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-svg {

        left: auto;
        right: 26px;

        transform:
            translateX(50%);
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-item,
    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-item {

        padding-left: 0;
        padding-right: 20px;
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-left
    .sp-timeline-content,

    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-right
    .sp-timeline-content,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-left
    .sp-timeline-content,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-right
    .sp-timeline-content {

        padding:
            0 18px 0 0;

        text-align: right;
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-marker,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-marker {

        left: auto;

        right: 26px;

        transform:
            translate(
                50%,
                -50%
            );
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-item.is-visible
    .sp-timeline-marker,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-item.is-visible
    .sp-timeline-marker {

        transform:
            translate(
                50%,
                -50%
            )
            scale(1.08);
    }

}


@media (max-width: 480px) {

    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline {

        padding-right: 45px;
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-svg,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-svg {

        right: 22px;
    }


    html[dir="rtl"]
    .somniva-policy-page
    .sp-timeline-marker,

    body.somniva-rtl
    .somniva-policy-page
    .sp-timeline-marker {

        right: 22px;
    }

}

/* =========================================================
   SOMNIVA CONTACT PAGE — RTL ONLY
========================================================= */

html[dir="rtl"] .somniva-contact-page .sc-section,
body.somniva-rtl .somniva-contact-page .sc-section {
    direction: rtl;
}

html[dir="rtl"] .somniva-contact-page .sc-visit-note,
body.somniva-rtl .somniva-contact-page .sc-visit-note {
    flex-direction: row-reverse;
}

html[dir="rtl"] .somniva-contact-page .sc-form-field,
body.somniva-rtl .somniva-contact-page .sc-form-field {
    text-align: right;
}

html[dir="rtl"] .somniva-contact-page .sc-form-field input,
html[dir="rtl"] .somniva-contact-page .sc-form-field textarea,
html[dir="rtl"] .somniva-contact-page .sc-form-field select,
body.somniva-rtl .somniva-contact-page .sc-form-field input,
body.somniva-rtl .somniva-contact-page .sc-form-field textarea,
body.somniva-rtl .somniva-contact-page .sc-form-field select {
    text-align: right;
}

html[dir="rtl"] .somniva-contact-page .sc-contact-detail,
body.somniva-rtl .somniva-contact-page .sc-contact-detail {
    text-align: right;
}

html[dir="rtl"] .somniva-contact-page .sc-detail-number,
body.somniva-rtl .somniva-contact-page .sc-detail-number {
    right: auto;
    left: 30px;
}

html[dir="rtl"] .somniva-contact-page .sc-map-frame,
body.somniva-rtl .somniva-contact-page .sc-map-frame {
    border-right: 0;
    border-left: 1px solid var(--somniva-border);
}

html[dir="rtl"] .somniva-contact-page .sc-line-link,
body.somniva-rtl .somniva-contact-page .sc-line-link {
    flex-direction: row-reverse;
}

html[dir="rtl"] .somniva-contact-page .sc-pathway,
body.somniva-rtl .somniva-contact-page .sc-pathway {
    direction: rtl;
}

html[dir="rtl"] .somniva-contact-page .sc-pathway > i,
body.somniva-rtl .somniva-contact-page .sc-pathway > i {
    transform: scaleX(-1);
}

html[dir="rtl"] .somniva-contact-page .sc-final-actions,
body.somniva-rtl .somniva-contact-page .sc-final-actions {
    direction: rtl;
}


/* =========================================================
   RTL TABLET
========================================================= */

@media (max-width: 991px) {

    html[dir="rtl"] .somniva-contact-page .sc-map-frame,
    body.somniva-rtl .somniva-contact-page .sc-map-frame {
        border-left: 0;
        border-bottom: 1px solid var(--somniva-border);
    }

}

/* =========================================================
   SOMNIVA HOME DELIVERY — RTL ONLY
   PAGE SCOPED
========================================================= */

html[dir="rtl"] .somniva-home-delivery-page,
body.somniva-rtl.somniva-home-delivery-page {

    direction:
        rtl;

}


/* HERO */

html[dir="rtl"] .somniva-home-delivery-page .shd-hero-content,
body.somniva-rtl.somniva-home-delivery-page .shd-hero-content {

    direction:
        rtl;

}


/* PROMISE */

html[dir="rtl"] .somniva-home-delivery-page .shd-promise-line,
body.somniva-rtl.somniva-home-delivery-page .shd-promise-line {

    left:
        auto;

    right:
        20px;

}


html[dir="rtl"] .somniva-home-delivery-page .shd-promise-point,
body.somniva-rtl.somniva-home-delivery-page .shd-promise-point {

    text-align:
        right;

}


/* FORM */

html[dir="rtl"] .somniva-home-delivery-page .shd-field,
body.somniva-rtl.somniva-home-delivery-page .shd-field {

    text-align:
        right;

}


html[dir="rtl"] .somniva-home-delivery-page .shd-form-progress,
body.somniva-rtl.somniva-home-delivery-page .shd-form-progress {

    direction:
        rtl;

}


/* JOURNEY */

html[dir="rtl"] .somniva-home-delivery-page .shd-journey-step,
body.somniva-rtl.somniva-home-delivery-page .shd-journey-step {

    direction:
        rtl;

    text-align:
        right;

}


html[dir="rtl"] .somniva-home-delivery-page .shd-journey-step:nth-of-type(even),
body.somniva-rtl.somniva-home-delivery-page .shd-journey-step:nth-of-type(even) {

    direction:
        ltr;

}


html[dir="rtl"] .somniva-home-delivery-page .shd-journey-step:nth-of-type(even) > div,
body.somniva-rtl.somniva-home-delivery-page .shd-journey-step:nth-of-type(even) > div {

    direction:
        rtl;

    text-align:
        right;

}


/* FAQ */

html[dir="rtl"] .somniva-home-delivery-page .shd-faq-question,
body.somniva-rtl.somniva-home-delivery-page .shd-faq-question {

    text-align:
        right;

}


/* BUTTON ICONS */

html[dir="rtl"] .somniva-home-delivery-page
.shd-primary-button i,
body.somniva-rtl.somniva-home-delivery-page
.shd-primary-button i {

    transform:
        rotate(180deg);

}


/* BENEFITS */

html[dir="rtl"] .somniva-home-delivery-page .shd-benefit-card,
body.somniva-rtl.somniva-home-delivery-page .shd-benefit-card {

    text-align:
        right;

    align-items:
        flex-end;

}


html[dir="rtl"] .somniva-home-delivery-page .shd-benefit-index,
body.somniva-rtl.somniva-home-delivery-page .shd-benefit-index {

    right:
        auto;

    left:
        30px;

}


/* MOBILE JOURNEY */

@media (max-width: 767px) {

    html[dir="rtl"] .somniva-home-delivery-page .shd-journey-path,
    body.somniva-rtl.somniva-home-delivery-page .shd-journey-path {

        padding-left:
            0;

        padding-right:
            35px;

    }


    html[dir="rtl"] .somniva-home-delivery-page .shd-journey-step,
    body.somniva-rtl.somniva-home-delivery-page .shd-journey-step {

        direction:
            rtl;

        text-align:
            right;

    }

}

/* =========================================================
   DELIVERY JOURNEY — RTL ONLY WHEN RTL IS ACTUALLY ACTIVE
   ========================================================= */

html[dir="rtl"] .shd-journey,
body.somniva-rtl .shd-journey {
    direction: rtl;
}

html[dir="rtl"] .shd-journey-step,
body.somniva-rtl .shd-journey-step {
    direction: rtl;
}

html[dir="rtl"] .shd-journey-step > div,
body.somniva-rtl .shd-journey-step > div {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .shd-journey-step h3,
html[dir="rtl"] .shd-journey-step p,
html[dir="rtl"] .shd-journey-step small,
body.somniva-rtl .shd-journey-step h3,
body.somniva-rtl .shd-journey-step p,
body.somniva-rtl .shd-journey-step small {
    direction: rtl;
    text-align: right;
}


/* RTL desktop positions */

html[dir="rtl"] .shd-journey-step-one,
body.somniva-rtl .shd-journey-step-one {
    left: auto;
    right: 2%;
}

html[dir="rtl"] .shd-journey-step-two,
body.somniva-rtl .shd-journey-step-two {
    right: auto;
    left: 2%;
}

html[dir="rtl"] .shd-journey-step-three,
body.somniva-rtl .shd-journey-step-three {
    left: auto;
    right: 2%;
}

html[dir="rtl"] .shd-journey-step-four,
body.somniva-rtl .shd-journey-step-four {
    right: auto;
    left: 2%;
}


/* RTL mobile */

@media (max-width: 767px) {

    html[dir="rtl"] .shd-journey-step-one,
    html[dir="rtl"] .shd-journey-step-two,
    html[dir="rtl"] .shd-journey-step-three,
    html[dir="rtl"] .shd-journey-step-four,
    body.somniva-rtl .shd-journey-step-one,
    body.somniva-rtl .shd-journey-step-two,
    body.somniva-rtl .shd-journey-step-three,
    body.somniva-rtl .shd-journey-step-four {
        left: auto;
        right: auto;
    }
}

/* =========================================================
   SOMNIVA ABOUT US — RTL
   PAGE SCOPED ONLY
========================================================= */


/* Main page */

html[dir="rtl"] .somniva-about-page,
body.somniva-rtl.somniva-about-page {

    direction: rtl;

}


/* Hero */

html[dir="rtl"] .somniva-about-page .sab-hero-content,
body.somniva-rtl.somniva-about-page .sab-hero-content {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-hero-link,
body.somniva-rtl.somniva-about-page .sab-hero-link {

    flex-direction: row-reverse;

}


/* Purpose */

html[dir="rtl"] .somniva-about-page .sab-purpose-copy,
body.somniva-rtl.somniva-about-page .sab-purpose-copy {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-purpose-mark::after,
body.somniva-rtl.somniva-about-page .sab-purpose-mark::after {

    margin-left: 0;
    margin-right: 76px;

}


/* Exists */

html[dir="rtl"] .somniva-about-page .sab-exists-heading,
body.somniva-rtl.somniva-about-page .sab-exists-heading {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-value,
body.somniva-rtl.somniva-about-page .sab-value {

    direction: rtl;

}


/* History */

html[dir="rtl"] .somniva-about-page .sab-history,
body.somniva-rtl.somniva-about-page .sab-history {

    text-align: right;

}


/* Team */

html[dir="rtl"] .somniva-about-page .sab-team-heading,
body.somniva-rtl.somniva-about-page .sab-team-heading {

    text-align: right;

}


/* Philosophy */

html[dir="rtl"] .somniva-about-page .sab-philosophy-copy,
body.somniva-rtl.somniva-about-page .sab-philosophy-copy {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-final-link i,
body.somniva-rtl.somniva-about-page .sab-final-link i {

    transform:
        rotate(180deg);

}


/* Testimonials */

html[dir="rtl"] .somniva-about-page .sab-testimonial-heading,
body.somniva-rtl.somniva-about-page .sab-testimonial-heading {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-quote,
body.somniva-rtl.somniva-about-page .sab-quote {

    text-align: right;

}


html[dir="rtl"] .somniva-about-page .sab-quote-person,
body.somniva-rtl.somniva-about-page .sab-quote-person {

    direction: rtl;

}


/* Final */

html[dir="rtl"] .somniva-about-page .sab-final-inner,
body.somniva-rtl.somniva-about-page .sab-final-inner {

    direction: rtl;

}


html[dir="rtl"] .somniva-about-page .sab-final-link,
body.somniva-rtl.somniva-about-page .sab-final-link {

    flex-direction: row-reverse;

}


/* Mobile */

@media (max-width: 767px) {

    html[dir="rtl"] .somniva-about-page .sab-team-heading,
    body.somniva-rtl.somniva-about-page .sab-team-heading {

        text-align: center;

    }

    html[dir="rtl"] .somniva-about-page .sab-history-track,
    body.somniva-rtl.somniva-about-page .sab-history-track {

        padding-left: 0;
        padding-right: 45px;

    }

    html[dir="rtl"] .somniva-about-page .sab-history-path,
    body.somniva-rtl.somniva-about-page .sab-history-path {

        left: auto;
        right: 20px;

        border-left: 0;

        border-right:
            1px solid
            var(--somniva-purple-light);

    }

    html[dir="rtl"] .somniva-about-page .sab-history-item,
    body.somniva-rtl.somniva-about-page .sab-history-item {

        padding-left: 0;
        padding-right: 15px;

    }

    html[dir="rtl"] .somniva-about-page .sab-history-dot,
    body.somniva-rtl.somniva-about-page .sab-history-dot {

        left: auto;
        right: -48px;

    }

}

/* =========================================================
   SOMNIVA ABOUT — HISTORY RTL
========================================================= */

html[dir="rtl"] .sab-history-heading {
    text-align: right;
}

html[dir="rtl"] .sab-history-card {
    text-align: right;
}


/* Keep the visual timeline direction intact.
   Only the content alignment changes. */

@media (max-width: 767px) {

    html[dir="rtl"] .sab-history-timeline {
        padding-left: 0;
        padding-right: 85px;
    }

    html[dir="rtl"] .sab-history-icon {
        left: auto;
        right: -58px;
    }

}

@media (max-width: 575px) {

    html[dir="rtl"] .sab-history-timeline {
        padding-right: 68px;
    }

    html[dir="rtl"] .sab-history-icon {
        right: -47px;
    }

}

@media (max-width: 400px) {

    html[dir="rtl"] .sab-history-timeline {
        padding-right: 58px;
    }

    html[dir="rtl"] .sab-history-icon {
        right: -40px;
    }

}

/* =========================================================
   SOMNIVA LOGIN PAGE — RTL
   PAGE-SCOPED ONLY
========================================================= */

html[dir="rtl"] .somniva-login-page,
body.somniva-rtl.somniva-login-page {
    direction: rtl;
}


/* =========================================================
   TOP CONTROLS
   Keep controls visually at TOP-RIGHT as requested.
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-top-controls,
body.somniva-rtl.somniva-login-page .sl-top-controls {
    right: auto;
    left: 30px;
    direction: ltr;
}


/* =========================================================
   LEFT / RIGHT CONTENT
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-brand-side,
body.somniva-rtl.somniva-login-page .sl-brand-side {
    text-align: right;
}


html[dir="rtl"] .somniva-login-page .sl-form-side,
body.somniva-rtl.somniva-login-page .sl-form-side {
    text-align: right;
}


html[dir="rtl"] .somniva-login-page .sl-brand-copy,
body.somniva-rtl.somniva-login-page .sl-brand-copy {
    text-align: right;
}


html[dir="rtl"] .somniva-login-page .sl-form-heading,
body.somniva-rtl.somniva-login-page .sl-form-heading {
    text-align: right;
}


/* =========================================================
   BENEFITS
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-benefit,
body.somniva-rtl.somniva-login-page .sl-benefit {
    text-align: right;
}


/* =========================================================
   INPUT ICONS
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-input-wrap > i,
body.somniva-rtl.somniva-login-page .sl-input-wrap > i {
    left: auto;
    right: 17px;
}


html[dir="rtl"] .somniva-login-page .sl-input-wrap input,
body.somniva-rtl.somniva-login-page .sl-input-wrap input {
    padding-left: 50px;
    padding-right: 49px;
    text-align: right;
}


/* =========================================================
   PASSWORD TOGGLE
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-password-toggle,
body.somniva-rtl.somniva-login-page .sl-password-toggle {
    right: auto;
    left: 13px;
}


/* =========================================================
   LABEL ROW
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-label-row,
body.somniva-rtl.somniva-login-page .sl-label-row {
    direction: rtl;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-submit-button,
body.somniva-rtl.somniva-login-page .sl-submit-button {
    direction: rtl;
}


/* =========================================================
   SOCIAL BUTTONS
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-social-button,
body.somniva-rtl.somniva-login-page .sl-social-button {
    direction: rtl;
}


/* =========================================================
   ACCOUNT NOTE
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-account-note,
body.somniva-rtl.somniva-login-page .sl-account-note {
    direction: rtl;
    text-align: right;
}


/* =========================================================
   BACK HOME
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-back-home,
body.somniva-rtl.somniva-login-page .sl-back-home {
    direction: rtl;
}


/* =========================================================
   BRAND FOOTNOTE
========================================================= */

html[dir="rtl"] .somniva-login-page .sl-brand-footnote,
body.somniva-rtl.somniva-login-page .sl-brand-footnote {
    flex-direction: row-reverse;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    html[dir="rtl"] .somniva-login-page .sl-form-side,
    body.somniva-rtl.somniva-login-page .sl-form-side {
        border-left: 0;
        border-right: 1px solid var(--somniva-border);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .somniva-login-page .sl-form-side,
    body.somniva-rtl.somniva-login-page .sl-form-side {
        border-right: 0;
        border-top: 1px solid var(--somniva-border);
    }

    html[dir="rtl"] .somniva-login-page .sl-brand-footnote,
    body.somniva-rtl.somniva-login-page .sl-brand-footnote {
        flex-direction: row-reverse;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 425px) {

    html[dir="rtl"] .somniva-login-page .sl-top-controls,
    body.somniva-rtl.somniva-login-page .sl-top-controls {
        left: 11px;
        right: auto;
    }

}

/* =========================================================
   SOMNIVA SIGNUP — RTL
   APPEND ONLY
   ========================================================= */

html[dir="rtl"] .somniva-signup-page
.somniva-signup-controls,

body.somniva-rtl.somniva-signup-page
.somniva-signup-controls {
    right: auto;
    left: 28px;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-brand-content,

body.somniva-rtl.somniva-signup-page
.somniva-signup-brand-content {
    text-align: right;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-heading,

body.somniva-rtl.somniva-signup-page
.somniva-signup-heading {
    text-align: right;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-field,

body.somniva-rtl.somniva-signup-page
.somniva-signup-field {
    text-align: right;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-input-wrap > i:first-child,

body.somniva-rtl.somniva-signup-page
.somniva-signup-input-wrap > i:first-child {
    left: auto;
    right: 16px;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-input-wrap input,

body.somniva-rtl.somniva-signup-page
.somniva-signup-input-wrap input {
    padding-left: 48px;
    padding-right: 48px;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-password-toggle,

body.somniva-rtl.somniva-signup-page
.somniva-signup-password-toggle {
    right: auto;
    left: 12px;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-login,

body.somniva-rtl.somniva-signup-page
.somniva-signup-login {
    direction: rtl;
}

html[dir="rtl"] .somniva-signup-page
.somniva-signup-back,

body.somniva-rtl.somniva-signup-page
.somniva-signup-back {
    direction: rtl;
}

@media (max-width: 767px) {

    html[dir="rtl"] .somniva-signup-page
    .somniva-signup-controls,

    body.somniva-rtl.somniva-signup-page
    .somniva-signup-controls {
        left: 15px;
        right: auto;
    }
}

@media (max-width: 380px) {

    html[dir="rtl"] .somniva-signup-page
    .somniva-signup-input-wrap input,

    body.somniva-rtl.somniva-signup-page
    .somniva-signup-input-wrap input {
        padding-left: 42px;
        padding-right: 44px;
    }
}

/* =========================================================
   SOMNIVA 404 PAGE — RTL
   APPEND ONLY
========================================================= */

html[dir="rtl"] .somniva-404-page
.somniva-404-content,

body.somniva-rtl.somniva-404-page
.somniva-404-content {

    direction: rtl;
}


html[dir="rtl"] .somniva-404-page
.somniva-404-actions,

body.somniva-rtl.somniva-404-page
.somniva-404-actions {

    direction: rtl;
}


html[dir="rtl"] .somniva-404-page
.somniva-404-tip,

body.somniva-rtl.somniva-404-page
.somniva-404-tip {

    direction: rtl;
}


html[dir="rtl"] .somniva-404-page
.somniva-404-primary i,

body.somniva-rtl.somniva-404-page
.somniva-404-primary i {

    transform: scaleX(-1);
}


html[dir="rtl"] .somniva-404-page
.somniva-404-secondary i,

body.somniva-rtl.somniva-404-page
.somniva-404-secondary i {

    transform: scaleX(-1);
}
/* =========================================================
   SOMNIVA — COMING SOON RTL
========================================================= */

html[dir="rtl"] .somniva-comingsoon-page,
body[dir="rtl"] .somniva-comingsoon-page {
    direction: rtl;
}


html[dir="rtl"] .somniva-comingsoon-page .scs-controls,
body[dir="rtl"] .somniva-comingsoon-page .scs-controls {
    right: auto;
    left: 26px;
}


html[dir="rtl"] .somniva-comingsoon-page .scs-description,
body[dir="rtl"] .somniva-comingsoon-page .scs-description {
    text-align: center;
}


html[dir="rtl"] .somniva-comingsoon-page .scs-countdown,
body[dir="rtl"] .somniva-comingsoon-page .scs-countdown {
    direction: ltr;
}


html[dir="rtl"] .somniva-comingsoon-page .scs-home-button i,
body[dir="rtl"] .somniva-comingsoon-page .scs-home-button i {
    transform: rotate(270deg);
}


html[dir="rtl"] .somniva-comingsoon-page .scs-home-button:hover i,
body[dir="rtl"] .somniva-comingsoon-page .scs-home-button:hover i {
    transform:
        rotate(270deg)
        translate(3px, -3px);
}


@media (max-width: 575px) {

    html[dir="rtl"] .somniva-comingsoon-page .scs-controls,
    body[dir="rtl"] .somniva-comingsoon-page .scs-controls {
        left: 16px;
        right: auto;
    }

}


@media (max-width: 380px) {

    html[dir="rtl"] .somniva-comingsoon-page .scs-controls,
    body[dir="rtl"] .somniva-comingsoon-page .scs-controls {
        left: 10px;
        right: auto;
    }

}

/* =========================================================
   SLEEP JOURNEY — MOBILE FIX (mobile-s / mobile-m / mobile-l only)
   Forces a clean single-column stack: icon + 3–4 words per
   line, all 4 points flush in one straight column, tight
   space after the last point. Tablet (768px) and up untouched.
========================================================= */

@media (max-width: 767px) {

    .svh2-layer-stage,
    html[dir="rtl"] .svh2-layer-stage {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        gap: 0 !important;
        padding: 20px 0 0 !important;
    }

    .svh2-mattress-visual {
        order: 1 !important;
        width: 100% !important;
        height: 260px !important;
        min-height: 260px !important;
        margin: 0 0 16px !important;
    }

    .svh2-layer-copy-left,
    .svh2-layer-copy-right,
    html[dir="rtl"] .svh2-layer-copy-left,
    html[dir="rtl"] .svh2-layer-copy-right {
        order: 2 !important;
        width: 100% !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        text-align: left !important;
    }

    .svh2-layer-copy-right,
    html[dir="rtl"] .svh2-layer-copy-right {
        order: 3 !important;
    }

    .svh2-layer-copy-left .svh2-layer-point,
    .svh2-layer-copy-right .svh2-layer-point,
    html[dir="rtl"] .svh2-layer-point {
        width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-row: auto !important;
        gap: 14px !important;
        padding: 14px 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .svh2-layer-point > span,
    html[dir="rtl"] .svh2-layer-point > span {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .svh2-layer-point > div,
    html[dir="rtl"] .svh2-layer-point > div {
        grid-column: 2 !important;
        grid-row: auto !important;
    }

    .svh2-layer-copy-left .svh2-layer-point::after,
    .svh2-layer-copy-right .svh2-layer-point::after,
    html[dir="rtl"] .svh2-layer-copy-left .svh2-layer-point::after,
    html[dir="rtl"] .svh2-layer-copy-right .svh2-layer-point::after {
        display: none !important;
    }

    .svh2-layer-point p {
        max-width: none !important;
    }

    /* removes the leftover empty gap before section 3 */
    .svh2-reimagined {
        padding-bottom: 40px !important;
    }
}