/* Font-Face for RTL */
@font-face {
    font-family: "DIN-l";
    src: url("../fonts/Din/din-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DIN-r";
    src: url("../fonts/Din/din-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DIN-m";
    src: url("../fonts/Din/din-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* General RTL Adjustments */
body {
    font-family: "DIN-r", sans-serif;
    direction: rtl;
    text-align: right;
}

* {
    font-family: "DIN-r", sans-serif;
    -webkit-font-smoothing: antialiased;
}

:root {
    --padding-x: 55px;
}

/* Layout Adjustments */
.navbar,
.footer,
.header {
    text-align: right;
}

.navbar {
    margin-inline-start: 20px;
}

.navbar__links--right,
.follow-us__heading h2 > span {
    margin-right: auto;
    margin-left: 0 !important;
}
/* Pagination Adjustments */
.js-pagination__nav a {
    margin-inline-start: 0;
    margin-inline-end: 20px; /* Replace margin-left with margin-inline-end for RTL */
}

.js-pagination__list > li > a {
    float: right;
}

/* Carousel Adjustments */
.fade-carousel {
    direction: rtl;
}

.fade-carousel > li,
.recipe-product .dot-button {
    left: auto;
    right: 0;
}
.recipe-product .dot-button__dot {
    margin-left: 10px;
}
/* Main Links */
.main-link,
.main-link__trigger {
    text-align: right;
    margin-inline-start: 0;
    margin-inline-end: 10px;
}

/* Custom Underline Adjustments */
.custom-underline {
    text-align: right;
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* Media Queries for RTL Compatibility */
@media (max-width: 899.98px) {
    :root {
        --nav-main-height: 20px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --padding-x: 35px;
    }
}

@media (max-width: 767.98px) {
    :root {
        --padding-x: 20px;
    }

    .js-pagination {
        padding-inline-start: var(--padding-x);
        padding-inline-end: var(--padding-x);
    }

    .js-pagination__nav {
        display: flex;
        gap: 45px;
    }

    .js-pagination__nav a {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }

    .product-main__gallery .owl-dots {
        left: 5px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: end;
    }
}

.home-intro__content .dot-button__dot,
.home-know-how .dot-button__dot,
.form__row .dot-button .dot-button__dot {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

.home-sus__bg img,
.ion-chevron-right:before,
.ion-chevron-left:before {
    transform: scaleX(-1); /* Flip horizontally */
}

.product-card__carousel .owl-nav .owl-prev svg,
.product-card__carousel .owl-nav .owl-next svg {
    margin-right: 25px;
    transform: scaleX(-1);
}

.collection-main__heading > .button {
    margin-left: auto;
    margin-right: 0 !important;
}

.filter-group__label {
    padding-right: 15px;
}
.p-colors {
    margin-left: 8px;
}

.nice-select .current:after {
    margin-right: 10px;
}

.form__row input:not([type="checkbox"]) + span,
.form__row textarea + span {
    right: 0;
}

.stockists-filters > li > a::before {
    right: 35%;
}

.mobile-menu__links > ul > li > a > img {
    margin-right: auto;
    margin-left: 0;
    transform: scaleX(-1);
}
.search__close {
    left: 0;
    right: auto;
}
.mobile-nav__grid {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.mobile-nav__right {
    flex-direction: row-reverse;
}
.home-intro__content .dot-button__dot {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
.table td:first-child,
.table th:first-child,
table td:first-child,
table th:first-child {
    text-align: right !important;
}
.table td,
.table th,
table td,
table th {
    text-align: left !important;
}

.globe-icon {
    margin-left: 7px;
    margin-right: 0px;
}

.accordion__icon {
    margin-right: auto !important;
    margin-left: 0 !important;
    flex-shrink: 0;
}

.mobile-menu__links > ul > li > a .icon-plus {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.loyalty-hero__content, .contact-main__desc, .contact-faq__desc {
    text-align: right;

}

.contact-main__desc, .contact-faq__desc {
    text-align: right;
padding-right: 7%;
}

.loyalty-hero__buttons {
    gap: 8px;
    display: flex;
    /* justify-content: right !important; */
    padding-right: 7%;

}