/* Move the live globe as a unit; mirroring its canvas reverses drag physics. */
html[dir="rtl"] body.route-home .jtf-orbit-mount {
    right: auto;
    left: -5%;
}
html[dir="rtl"] body.route-home .jtf-orbit-pause {
    right: auto;
    left: calc(8% + 8vw);
}

@media (min-width: 1600px) {
    html[dir="rtl"] body.route-home .jtf-orbit-mount {
        left: 0;
    }
}

@media (min-width: 761px) and (max-width: 1050px) {
    html[dir="rtl"] body.route-home .jtf-orbit-mount {
        left: -12%;
    }
}

@media (max-width: 760px) {
    html[dir="rtl"] body.route-home .jtf-orbit-mount {
        left: -10%;
    }

    html[dir="rtl"] body.route-home .jtf-orbit-pause {
        left: calc(10% + 30px);
    }
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-home .jtf-orbit-proof__item + .jtf-orbit-proof__item {
        border-left: 0;
        border-right: 1px solid #e1e5e8;
    }

    html[data-theme="dark"][dir="rtl"] body.route-home .jtf-orbit-proof__item + .jtf-orbit-proof__item {
        border-right-color: #363636;
    }

    html[dir="rtl"] body.route-home .jtf-story-proof li + li {
        border-left: 0;
        border-right: 1px solid #d6dbdd;
        padding-left: 0;
        padding-right: 12px;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    html[dir="rtl"] body.route-home .jtf-story-proof li + li {
        padding-right: 8px;
    }
}

html[dir="rtl"] :is(.jtf-team__arrows, .jtf-about-team__arrows) svg {
    transform: scaleX(-1);
}

/* Keep the slim visual rail while giving the RTL team carousel a usable drag target. */
html[dir="rtl"] body.route-about .jtf-about-team__progress {
    height: 26px;
    overflow: visible;
    background: linear-gradient(#dfe2e3, #dfe2e3) center / 100% 6px no-repeat;
}

html[dir="rtl"] body.route-about .jtf-about-team__progress span {
    position: relative;
    top: 10px;
    height: 6px;
}

html[data-theme="dark"][dir="rtl"] body.route-about .jtf-about-team__progress {
    background-image: linear-gradient(#303030, #303030);
}

html[dir="rtl"] body.route-vehicles .urban-filter-console__head {
    justify-content: flex-start;
    padding-left: 90px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicles .urban-filter-console__head-copy strong::before {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] body.route-vehicles .urban-filter-console__clear {
    right: auto;
    left: 20px;
}

html[dir="rtl"] body.route-vehicles .urban-filter-console .filters-search input {
    padding-right: 36px;
    padding-left: 12px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicles .urban-filter-console .filters-search::before {
    right: 12px;
    left: auto;
}

/* RTL service strips: each divider belongs between neighbouring items. */
html[dir="rtl"] body.route-vehicle_search .vsearch-benefits article,
html[dir="rtl"] body.route-vehicle_mediation .med-benefits article,
html[dir="rtl"] body.route-workshop .workshop-end__benefits li,
html[dir="rtl"] body.route-vehicle_sale .purchase-signals__inner > article {
    border-right: 0;
}

html[dir="rtl"] body.route-vehicle_search .vsearch-benefits article:not(:last-child) { border-left: 1px solid var(--vs-line); }
html[dir="rtl"] body.route-vehicle_mediation .med-benefits article:not(:last-child) { border-left: 1px solid var(--med-line); }
html[dir="rtl"] body.route-workshop .workshop-end__benefits li:not(:last-child) { border-left: 1px solid #dce0e1; }
html[dir="rtl"] body.route-vehicle_sale .purchase-signals__inner > article:not(:last-child) { border-left: 1px solid #dce0e1; }

@media (max-width: 1000px) {
    html[dir="rtl"] body.route-vehicle_mediation .med-benefits article:not(:last-child):nth-child(even),
    html[dir="rtl"] body.route-workshop .workshop-end__benefits li:not(:last-child):nth-child(even) { border-left: 0; }
}

@media (min-width: 701px) and (max-width: 1000px) {
    html[dir="rtl"] body.route-workshop .workshop-end__benefits li:nth-child(-n+2) {
        border-bottom: 1px solid #dce0e1;
    }

    html[data-theme="dark"][dir="rtl"] body.route-workshop .workshop-end__benefits li:nth-child(-n+2) {
        border-bottom-color: #353a3e;
    }
}

@media (max-width: 760px) {
    html[dir="rtl"] body.route-vehicle_search .vsearch-benefits article:not(:last-child):nth-child(even),
    html[dir="rtl"] body.route-vehicle_sale .purchase-signals__inner > article:not(:last-child) { border-left: 0; }
}

@media (max-width: 700px) {
    html[dir="rtl"] body.route-workshop .workshop-end__benefits li:not(:last-child) { border-left: 0; }
}

@media (max-width: 380px) {
    html[dir="rtl"] body.route-vehicle_search .vsearch-benefits article:not(:last-child) { border-left: 0; }
}

@media (max-width: 360px) {
    html[dir="rtl"] body.route-vehicle_mediation .med-benefits article:not(:last-child) { border-left: 0; }
}

html[data-theme="dark"][dir="rtl"] body.route-workshop .workshop-end__benefits li:not(:last-child),
html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-signals__inner > article:not(:last-child) {
    border-left-color: #353a3e;
}

html[dir="rtl"] body.route-vehicle_mediation .med-steps li {
    border-right: 0;
}

html[dir="rtl"] body.route-vehicle_mediation .med-steps li:not(:last-child) {
    border-left: 1px solid var(--med-line);
}

html[dir="rtl"] body.route-vehicle_mediation .med-steps li:first-child {
    padding-right: 0;
    padding-left: 20px;
}

html[dir="rtl"] body.route-vehicle_mediation .med-steps li:last-child {
    padding-right: 20px;
    padding-left: 0;
}

/* Keep the photographed composition and its SVG connectors in their authored positions. */
html[dir="rtl"] body.route-vehicle_mediation .med-included__layout {
    direction: ltr;
}

html[dir="rtl"] body.route-vehicle_mediation .med-included__content,
html[dir="rtl"] body.route-vehicle_mediation .med-included__callout {
    direction: rtl;
    text-align: right;
}

@media (min-width: 1001px) {
    html[dir="rtl"] body.route-vehicle_mediation .med-included__photo-flow {
        top: calc(9% + 104px);
        height: calc(54% - 104px);
    }
}

html[dir="rtl"] body.route-vehicle_mediation :is(.med-feature__inner, .med-feature__points) {
    direction: ltr;
}

html[dir="rtl"] body.route-vehicle_mediation :is(.med-feature__copy, .med-feature__points > article) {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_mediation .med-faq summary {
    justify-content: flex-start;
    gap: 12px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_mediation .med-faq summary span {
    order: -1;
}

@media (max-width: 720px) {
    html[dir="rtl"] body.route-vehicle_mediation .med-steps li,
    html[dir="rtl"] body.route-vehicle_mediation .med-steps li:not(:last-child),
    html[dir="rtl"] body.route-vehicle_mediation .med-steps li:first-child,
    html[dir="rtl"] body.route-vehicle_mediation .med-steps li:last-child {
        padding: 23px 0;
        border-left: 0;
    }
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-home .jtf-journey__steps article + article {
        border-left: 0;
        border-right: 1px solid #343a3d;
        padding-left: 0;
        padding-right: 42px;
    }
}

@media (min-width: 761px) and (max-width: 1000px) {
    html[dir="rtl"] body.route-home .jtf-journey__steps article + article {
        padding-right: 22px;
    }
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-home .jtf-visit__proof li:first-child {
        padding-left: 22px;
        padding-right: 0;
    }

    html[dir="rtl"] body.route-home .jtf-visit__proof li + li {
        border-left: 0;
        border-right: 1px solid #66707480;
    }
}

html[dir="rtl"] body.route-home :is(.jtf-featured, .jtf-available) .urban-vehicle-card__specs div:first-child {
    padding-left: 8px;
    padding-right: 0;
}

html[dir="rtl"] body.route-home .jtf-available .urban-vehicle-card__specs div:first-child {
    padding-left: 10px;
}

html[dir="rtl"] body.route-home :is(.jtf-featured, .jtf-available) .urban-vehicle-card__specs div + div {
    border-left: 0;
    border-right: 0;
}

html[dir="rtl"] .site-footer .footer-column:not(.footer-column--hours),
html[dir="rtl"] .site-footer .footer-column:not(.footer-column--hours) h3,
html[dir="rtl"] .site-footer .footer-address {
    text-align: right;
}

/* Keep the mobile controls clear of the logo and let footer content follow RTL. */
@media (max-width: 860px) {
    html[dir="rtl"] .site-header .header-actions {
        margin-right: auto;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    html[dir="rtl"] .site-header .nav-menu {
        align-items: stretch;
        text-align: right;
    }

    html[dir="rtl"] .site-header .nav-menu a {
        justify-content: flex-start;
        text-align: right;
    }

    html[dir="rtl"] .site-footer .footer-grid,
    html[dir="rtl"] .site-footer .footer-column,
    html[dir="rtl"] .site-footer .footer-column--hours,
    html[dir="rtl"] .site-footer .footer-column--hours h3,
    html[dir="rtl"] .site-footer .footer-hours__line {
        text-align: right;
    }

    html[dir="rtl"] .site-footer .footer-column,
    html[dir="rtl"] .site-footer .footer-column--hours,
    html[dir="rtl"] .site-footer .footer-hours {
        align-items: start;
    }

    html[dir="rtl"] .site-footer .footer-brand {
        justify-self: stretch;
        align-items: flex-start;
    }

    html[dir="rtl"] .site-footer .footer-address {
        margin-inline: 0;
    }

    html[dir="rtl"] .site-footer .footer-contact-icons,
    html[dir="rtl"] .site-footer .footer-legal-links {
        justify-content: flex-start;
    }

    html[dir="rtl"] .site-footer .footer-bottom__inner,
    html[dir="rtl"] .site-footer .footer-legal-links {
        text-align: right;
    }
}

@media (max-width: 760px) {
    html[dir="rtl"] .site-header .header-actions {
        margin-left: 44px;
    }

    html[dir="rtl"] .site-header .nav-toggle {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .site-header .v3-languages {
        margin-left: 0;
        padding-left: 0;
        padding-right: 5px;
    }

    html[dir="rtl"] .site-header .v3-languages__menu,
    html[dir="rtl"] .site-header .v3-translation-status {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .site-footer .footer-bottom__inner {
        align-items: stretch;
    }

    html[dir="rtl"] .site-footer .footer-bottom__inner > span {
        align-self: flex-start;
    }
}

/* The offscreen spam field must not expand a right-to-left page. */
html[dir="rtl"] .honeypot {
    left: auto;
    right: 0;
    clip-path: inset(50%);
    pointer-events: none;
}

/* Arabic RTL: mirror directional photo compositions and their fades only. */

html[dir="rtl"] body.route-home .jtf-visit__image img {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-home .jtf-story__portrait img {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-home .jtf-visit__image::after {
    background: linear-gradient(270deg, #131b1ded 0%, #131b1dd6 46%, #131b1d4a 100%);
}

html[dir="rtl"] body.route-about .jtf-about-hero__media,
html[dir="rtl"] body.route-about .jtf-about-hero__portrait,
html[dir="rtl"] body.route-about .jtf-about-end__media {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-about .jtf-about-visit__media {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-contact .jtf-contact-intro__image img {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-vehicles .urban-inventory-hero__image img {
    transform: scaleX(-1);
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-vehicles .urban-inventory-hero__image {
        inset: 0 48% 0 0;
    }

    html[dir="rtl"] body.route-vehicles .urban-inventory-hero::after {
        background: linear-gradient(270deg, #1a2225 0%, #1a2225 42%, #1a2225e8 52%, #1a222500 76%);
    }
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-contact .jtf-contact-intro::after {
        background: linear-gradient(270deg, rgb(10 17 20 / 96%) 0%, rgb(10 17 20 / 90%) 32%, rgb(10 17 20 / 42%) 54%, transparent 74%);
    }
}

html[dir="rtl"] body.route-contact .jtf-contact-whatsapp::before {
    transform: scaleX(-1);
}

/* These hero backgrounds are isolated from their copy so the photograph and
   its soft fade can be mirrored together without reversing text or controls. */
html[dir="rtl"] body.route-services .svc-hero,
html[dir="rtl"] body.route-workshop .workshop-hero {
    background-image: none;
}

html[dir="rtl"] body.route-services .svc-hero::after,
html[dir="rtl"] body.route-workshop .workshop-hero::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
    transform: scaleX(-1);
    background-position: inherit;
}

html[dir="rtl"] body.route-services .svc-hero::after {
    background: #fff url("../images/jtf/services-hero-consultation.webp") center/cover no-repeat;
    background-position: inherit;
}

html[data-theme="dark"][dir="rtl"] body.route-services .svc-hero::after {
    background-color: #000;
}

html[dir="rtl"] body.route-workshop .workshop-hero::after {
    background: #111 url("../images/jtf/workshop/workshop-hero-centered.webp") center/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-services .svc-end,
html[dir="rtl"] body.route-vehicle_mediation .med-hero,
html[dir="rtl"] body.route-vehicle_mediation .med-cta,
html[dir="rtl"] body.route-vehicle_search .vsearch-hero,
html[dir="rtl"] body.route-vehicle_search .vsearch-cta,
html[dir="rtl"] body.route-vehicle_sale .purchase-end {
    background-image: none;
}

html[dir="rtl"] body.route-services .svc-end::after,
html[dir="rtl"] body.route-vehicle_mediation .med-hero::after,
html[dir="rtl"] body.route-vehicle_mediation .med-cta::after,
html[dir="rtl"] body.route-vehicle_search .vsearch-hero::after,
html[dir="rtl"] body.route-vehicle_search .vsearch-cta::after {
    position: absolute;
    inset: 0;
    z-index: -2;
    content: "";
    pointer-events: none;
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-services .svc-end::after {
    background: #000 url("../images/jtf/services-cta-showroom.webp") center/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-vehicle_mediation .med-hero::after {
    background: #111 url("../images/jtf/mediation/mediation-hero-consultation.webp") center 52%/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-vehicle_mediation .med-cta::after {
    background: #121416 url("../images/jtf/mediation/mediation-cta-desk.webp") center 54%/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-vehicle_search .vsearch-hero::after {
    background: #111 url("../images/jtf/vehicle-search/search-hero-v2.webp") center 52%/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-vehicle_search .vsearch-cta::after {
    background: #121416 url("../images/jtf/vehicle-search/search-showroom-space.webp") center 52%/cover no-repeat;
    background-position: inherit;
}

html[dir="rtl"] body.route-services .svc-hero::before,
html[dir="rtl"] body.route-services .svc-end::before,
html[dir="rtl"] body.route-workshop .workshop-hero::before,
html[dir="rtl"] body.route-vehicle_mediation .med-hero::before,
html[dir="rtl"] body.route-vehicle_mediation .med-cta::before,
html[dir="rtl"] body.route-vehicle_search .vsearch-hero::before,
html[dir="rtl"] body.route-vehicle_search .vsearch-cta::before {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-workshop .workshop-end__image,
html[dir="rtl"] body.route-workshop .workshop-end__stage::before,
html[dir="rtl"] body.route-workshop .workshop-end__stage::after {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-vehicle_sale .purchase-hero__photo,
html[dir="rtl"] body.route-vehicle_sale .purchase-value__photo {
    transform: scaleX(-1);
}

html[dir="rtl"] body.route-vehicle_sale .purchase-end::after {
    background-image: url("../images/jtf/vehicle-purchase/purchase-inspection.webp"), url("../images/jtf/cta-showroom-bg.webp");
    background-position: right 56%, center;
    background-size: auto 135%, cover;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

/* The purchase page uses separate photo layers. Move the layers with the
   composition; flipping them in place leaves Arabic copy on top of photos. */
.route-vehicle_sale .purchase-heading-ar {
    display: none;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-heading-source {
    display: none;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-heading-ar {
    display: inline;
}

html[dir="rtl"] body.route-workshop .workshop-service-arrows button {
    transform: scaleX(-1);
}

@media (min-width: 761px) {
    html[dir="rtl"] body.route-about .jtf-about-guidance .jtf-about-faq__list {
        padding-right: clamp(34px, 4vw, 70px);
        padding-left: 0;
        border-right: 0;
        border-left: 0;
    }
}

@media (min-width: 801px) {
    html[dir="rtl"] body.route-vehicle_sale .purchase-hero__photo {
        inset: 0 45% 0 0;
        transform: none;
        background-position: 62% center;
    }

    html[dir="rtl"] body.route-vehicle_sale .purchase-value__photo {
        inset: 0 46% 0 0;
        transform: none;
    }
}

html[dir="rtl"] body.route-vehicle_sale .purchase-hero__photo::before {
    background: linear-gradient(270deg, #f8f8f7 0%, rgba(248,248,247,.9) 13%, rgba(248,248,247,.35) 31%, transparent 48%);
}

html[dir="rtl"] body.route-vehicle_sale .purchase-value__photo::before {
    background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,.95) 10%, rgba(255,255,255,.3) 45%, transparent 70%);
}

html[dir="rtl"] body.route-vehicle_sale .purchase-end::before {
    background: linear-gradient(180deg, #fff 0%, transparent 20%, transparent 80%, #fff 100%), linear-gradient(270deg, #fff 0%, #fff 25%, rgba(255,255,255,.72) 44%, rgba(255,255,255,.12) 75%);
}

html[dir="rtl"] body.route-vehicle_sale .purchase-hero__copy,
html[dir="rtl"] body.route-vehicle_sale .purchase-value__copy,
html[dir="rtl"] body.route-vehicle_sale .purchase-process__copy,
html[dir="rtl"] body.route-vehicle_sale .purchase-end__inner {
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-steps li > span {
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-faq__list summary {
    justify-content: flex-start;
    gap: 12px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-faq__list summary span {
    order: -1;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-faq__list details p {
    padding-right: 25px;
    padding-left: 0;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_sale .purchase-value__card h3 {
    unicode-bidi: isolate;
}

@media (max-width: 800px) {
    html[dir="rtl"] body.route-vehicle_sale .purchase-hero__photo,
    html[dir="rtl"] body.route-vehicle_sale .purchase-value__photo {
        transform: none;
    }

    html[dir="rtl"] body.route-vehicle_sale .purchase-hero__photo::before {
        background: linear-gradient(0deg, #f8f8f7 0%, transparent 65%);
    }

    html[dir="rtl"] body.route-vehicle_sale .purchase-value__photo::before {
        background: linear-gradient(180deg, #fff, transparent 50%);
    }

    html[dir="rtl"] body.route-vehicle_sale .purchase-end::before {
        background: linear-gradient(180deg, #fff, transparent 19%, transparent 81%, #fff), linear-gradient(270deg, #fffffff7 0%, #ffffffe8 58%, #ffffff70 100%);
    }
}

html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-hero__photo::before {
    background: linear-gradient(270deg, #151617 0%, #151617dd 16%, transparent 48%);
}

html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-value__photo::before {
    background: linear-gradient(270deg, #1d1e1f 0%, #1d1e1fdd 20%, transparent 70%);
}

html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-end::before {
    background: linear-gradient(180deg, #151617 0%, transparent 20%, transparent 80%, #151617 100%), linear-gradient(270deg, #090b0e 0%, #090b0e 25%, #090b0eaa 55%, #090b0e33 100%);
}

/* Read vehicle specifications and equipment from the right in Arabic. */
html[dir="rtl"] body.route-vehicle_show .urban-detail__image-step--prev {
    right: 16px;
    left: auto;
    transform: translateY(-50%) scaleX(-1);
}

html[dir="rtl"] body.route-vehicle_show .urban-detail__image-step--next {
    right: auto;
    left: 16px;
    transform: translateY(-50%) scaleX(-1);
}

html[dir="rtl"] body.route-vehicle_show .urban-detail__thumb-nav--prev span,
html[dir="rtl"] body.route-vehicle_show .urban-detail__thumb-nav--next span {
    transform: rotate(90deg);
}

html[dir="rtl"] body.route-vehicle_show .urban-detail__quick-specs div,
html[data-theme="light"][dir="rtl"] body.route-vehicle_show .urban-detail__quick-specs div {
    padding-right: 44px;
    padding-left: 8px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail__quick-specs .urban-detail__spec-icon {
    right: 5px;
    left: auto;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--specs .urban-detail__tech div {
    padding-right: 60px;
    padding-left: 7px;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--specs .urban-detail__spec-icon {
    right: 0;
    left: auto;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--features .urban-detail__features span {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--features .automotive-icon--feature {
    margin-right: 0;
    margin-left: 12px;
}

html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--cta__copy,
html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--cta__copy h2,
html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--cta__copy p {
    text-align: right;
}

@media (max-width: 600px) {
    html[dir="rtl"] body.route-vehicle_show .urban-detail-panel--specs .urban-detail__tech div {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 800px) {
    html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-hero__photo::before {
        background: linear-gradient(0deg, #151617 0%, transparent 65%);
    }

    html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-value__photo::before {
        background: linear-gradient(180deg, #1d1e1f, transparent 50%);
    }

    html[data-theme="dark"][dir="rtl"] body.route-vehicle_sale .purchase-end::before {
        background: linear-gradient(180deg, #151617, transparent 19%, transparent 81%, #151617), linear-gradient(270deg, #080a0df0, #080a0dc7 72%, #080a0d77);
    }
}