/* ==========================================================================
   Local Cairo Font & Arabic Localization Foundation (Theme V3)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Cairo Font Face Declarations (Local Files)
   -------------------------------------------------------------------------- */

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/cairo/static/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Variable';
    src: url('../fonts/cairo/Cairo-VariableFont_slnt,wght.ttf') format('truetype-variations');
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Typography & Direction Hooks for Arabic Localization
   -------------------------------------------------------------------------- */

:root {
    --font-cairo: 'Cairo', 'Josefin Sans', sans-serif;
}

/* Apply Cairo font and RTL direction to Arabic elements and shared components */
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] .font-arabic,
html[lang="ar"] .is-arabic,
[lang="ar"] {
    font-family: 'Cairo', 'Josefin Sans', sans-serif;
}

/* Preserve icon font integrity */
.ionicon,
svg,
[class*="icon-"],
i[class*="fa-"],
i[class*="icofont-"],
.language__switcher--icon,
.language__check-icon {
    font-family: inherit;
}

/* --------------------------------------------------------------------------
   3. Desktop Top Bar & Language Switcher (RTL)
   -------------------------------------------------------------------------- */

.language__currency {
    position: relative;
}

.language__switcher {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 4px;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    text-decoration: none;
}

.language__switcher:hover,
.language__switcher:focus,
.language__switcher.active {
    background-color: rgba(255, 255, 255, 0.15);
    outline: none;
}

/* Top bar flex separation in Arabic */
@media only screen and (min-width: 768px) {
    html[lang="ar"] .header__topbar--inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        direction: rtl;
    }

    html[lang="ar"] .header__topbar--social {
        margin: 0 !important;
        display: flex;
        align-items: center;
    }

    html[lang="ar"] .header__topbar .language__currency {
        margin-left: 0 !important;
        margin-right: auto !important;
        display: flex;
        align-items: center;
    }
}

html[lang="ar"] .topbar-social__list {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Desktop Dropdown Container */
.dropdown__language {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1050;
    min-width: 155px;
    margin-top: 8px;
    padding: 6px 0;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

html[lang="ar"] .dropdown__language {
    right: auto;
    left: 0;
    direction: rtl;
    text-align: right;
}

.dropdown__language.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Offcanvas / Mobile Language Dropdown */
.offcanvas__dropdown--language {
    display: none;
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 8px !important;
    padding: 6px 0;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.offcanvas__dropdown--language.active {
    display: block !important;
}

html[lang="ar"] .offcanvas__dropdown--language {
    direction: rtl;
    text-align: right;
}

/* Language Menu Items & High Contrast Links */
.language__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.language__text {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 16px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #222222 !important;
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

.language__items:last-child .language__text {
    border-bottom: none;
}

/* Normal Checkmark */
.language__check-icon {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--secondary-color, #AD724B);
    margin-inline-start: 8px;
}

/* Hover, Focus, and Active (Selected) States: Project Brown Background with White Bold Text */
.language__text:hover,
.language__text:focus,
.language__text:focus-visible,
.language__text.active {
    background-color: var(--secondary-color, #AD724B) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    outline: none;
}

.language__text:hover .language__check-icon,
.language__text:focus .language__check-icon,
.language__text.active .language__check-icon {
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   4. Desktop Navigation & Dropdown Styling (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .main__header--inner {
    direction: rtl;
}

html[lang="ar"] .header__menu--navigation > ul {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    direction: rtl;
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .header__menu--navigation > ul {
        gap: 3rem;
    }
}

@media only screen and (min-width: 1400px) {
    html[lang="ar"] .header__menu--navigation > ul {
        gap: 4rem;
    }
}

@media only screen and (min-width: 1600px) {
    html[lang="ar"] .header__menu--navigation > ul {
        gap: 5.5rem;
    }
}

html[lang="ar"] .header__menu--items {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: var(--font-cairo);
}

html[lang="ar"] .header__menu--items:last-child {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[lang="ar"] .header__menu--link {
    font-family: var(--font-cairo);
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 2.5rem;
    padding: 2rem 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .header__menu--link {
        font-size: 1.7rem;
        padding: 2.5rem 0;
    }
}

html[lang="ar"] .menu__plus--icon {
    margin-right: 4px;
    margin-left: 0;
    display: inline-block;
}

/* Desktop Categories Dropdown in Arabic */
html[lang="ar"] .header__categories--dropdown {
    direction: rtl;
    text-align: right;
    right: 0;
    left: auto;
}

html[lang="ar"] .header__categories--dropdown .header__sub--menu__link {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .header__categories--dropdown .header__sub--menu__items:hover > .header__sub--menu__link,
html[lang="ar"] .header__categories--dropdown .header__sub--menu__items:focus-within > .header__sub--menu__link,
html[lang="ar"] .header__categories--dropdown .header__sub--menu__items:hover > .header__sub--menu__item-wrapper .header__sub--menu__link {
    padding-right: 18px;
    padding-left: 14px;
}

/* Submenu Arrow in Arabic */
html[lang="ar"] .header__sub--menu__arrow {
    padding-left: 12px;
    padding-right: 6px;
}

html[lang="ar"] .header__sub--menu__arrow svg {
    transform: rotate(180deg);
}

html[lang="ar"] .header__sub--menu__items:hover > .header__sub--menu__item-wrapper .header__sub--menu__arrow svg,
html[lang="ar"] .header__sub--menu__items:focus-within > .header__sub--menu__item-wrapper .header__sub--menu__arrow svg {
    transform: rotate(180deg) translateX(3px);
}

/* Nested Flyout Submenu in Arabic (flies to the left) */
html[lang="ar"] .header__nested--sub-menu {
    right: 100%;
    left: auto;
    margin-right: 4px;
    margin-left: 0;
    direction: rtl;
    text-align: right;
    transform: translateX(-8px);
}

html[lang="ar"] .header__nested--sub-menu::before {
    right: -20px;
    left: auto;
}

html[lang="ar"] .header__sub--menu__items.has__sub--menu:hover > .header__nested--sub-menu,
html[lang="ar"] .header__sub--menu__items.has__sub--menu:focus-within > .header__nested--sub-menu,
html[lang="ar"] .header__sub--menu__items.has__sub--menu.is-open > .header__nested--sub-menu {
    transform: translateX(0);
}

html[lang="ar"] .header__nested--sub-menu__link {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .header__nested--sub-menu__link:hover,
html[lang="ar"] .header__nested--sub-menu__link:focus {
    padding-right: 18px;
    padding-left: 14px;
}

/* Flip to right if needed in Arabic */
html[lang="ar"] .header__nested--sub-menu.flip-left {
    right: auto !important;
    left: 100% !important;
    margin-right: 0 !important;
    margin-left: 4px !important;
    transform: translateX(8px);
}

html[lang="ar"] .header__nested--sub-menu.flip-left::before {
    right: auto !important;
    left: -20px !important;
}

html[lang="ar"] .header__sub--menu__items.has__sub--menu:hover > .header__nested--sub-menu.flip-left,
html[lang="ar"] .header__sub--menu__items.has__sub--menu:focus-within > .header__nested--sub-menu.flip-left,
html[lang="ar"] .header__sub--menu__items.has__sub--menu.is-open > .header__nested--sub-menu.flip-left {
    transform: translateX(0);
}

/* --------------------------------------------------------------------------
   5. Action Buttons & Count Badges (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .header__account > ul {
    display: flex;
    align-items: center;
    gap: 2.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    direction: rtl;
}

@media only screen and (max-width: 575px) {
    html[lang="ar"] .header__account > ul {
        gap: 1.4rem;
    }
}

html[lang="ar"] .header__account--items {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[lang="ar"] .header__account--btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[lang="ar"] .items__count {
    position: absolute;
    right: auto !important;
    left: -1.2rem !important;
    top: -0.9rem !important;
    min-width: 2rem;
    width: auto;
    padding: 0 4px;
    height: 2rem;
    line-height: 2rem;
    border-radius: 10px;
    font-family: var(--font-cairo), sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
}

html[lang="ar"] .items__count.wishlist,
html[lang="ar"] .items__count.wishlist-count-badge,
html[lang="ar"] .items__count.wishlist__count {
    right: auto !important;
    left: -1.2rem !important;
}

/* --------------------------------------------------------------------------
   6. Mobile Offcanvas Menu (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .offcanvas__menu_ul {
    direction: rtl;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

html[lang="ar"] .offcanvas__menu_li {
    position: relative;
    border-bottom: 1px solid var(--border-color2);
}

html[lang="ar"] .offcanvas__menu_item {
    text-align: right;
    font-family: var(--font-cairo);
    font-size: 1.5rem;
    font-weight: 600;
    padding: 15px 20px 15px 50px;
    display: block;
    line-height: 1.4;
}

html[lang="ar"] .offcanvas__sub_menu_toggle {
    right: auto !important;
    left: 0 !important;
    width: 4.5rem !important;
    height: 4.8rem !important;
    max-height: 4.8rem !important;
    min-height: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    position: absolute !important;
    z-index: 9 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    padding: 0 !important;
}

html[lang="ar"] .offcanvas__sub_menu_li > .offcanvas__sub_menu_toggle {
    height: 4.4rem !important;
    max-height: 4.4rem !important;
}

html[lang="ar"] .offcanvas__sub_menu_toggle::before,
html[lang="ar"] .offcanvas__sub_menu_toggle::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 12px !important;
    height: 2px !important;
    content: "" !important;
    transform: translate(-50%, -50%) !important;
    background-color: var(--black-color, #121A26) !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
}

html[lang="ar"] .offcanvas__sub_menu_toggle:not(.active)::after {
    transform: translate(-50%, -50%) rotate(90deg) !important;
    opacity: 1 !important;
}

html[lang="ar"] .offcanvas__sub_menu_toggle.active::after {
    opacity: 0 !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
}

html[lang="ar"] .offcanvas__sub_menu_item {
    text-align: right;
    font-family: var(--font-cairo);
    padding: 12px 35px 12px 50px;
}

html[lang="ar"] .offcanvas__subcategories--menu {
    border-right: 3px solid var(--secondary-color, #AD724B);
    border-left: none;
}

html[lang="ar"] .offcanvas__subcategories--menu .offcanvas__sub_menu_item {
    padding: 10px 45px 10px 20px;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .offcanvas__account--items,
html[lang="ar"] .offcanvas__language--items {
    direction: rtl;
    text-align: right;
    padding: 14px 20px;
}

html[lang="ar"] .offcanvas__account--items__btn,
html[lang="ar"] .offcanvas__language--switcher {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    text-align: right;
    font-family: var(--font-cairo);
    font-size: 1.5rem;
    font-weight: 600;
}

html[lang="ar"] .offcanvas__account--items__icon,
html[lang="ar"] .offcanvas__language--icon {
    margin: 0 !important;
    flex-shrink: 0;
}

html[lang="ar"] .offcanvas__language--label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}

html[lang="ar"] .offcanvas__language--arrow {
    margin-right: auto;
    margin-left: 0;
}

/* --------------------------------------------------------------------------
   7. Predictive Search Overlay (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .predictive__search--box {
    direction: rtl;
}

html[lang="ar"] .predictive__search--box__inner {
    position: relative;
    padding: 20px 16px;
    text-align: center;
}

@media only screen and (min-width: 576px) {
    html[lang="ar"] .predictive__search--box__inner {
        padding: 22px 50px;
    }
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .predictive__search--box__inner {
        padding: 30px 80px;
    }
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .predictive__search--box__inner {
        padding: 30px 150px;
    }
}

/* Heading: centered relative to full panel with symmetric margins/padding */
html[lang="ar"] .predictive__search--title {
    font-family: var(--font-cairo);
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto 15px auto;
    padding: 0 55px; /* symmetric 55px padding prevents collision with right close button */
    max-width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width: 576px) {
    html[lang="ar"] .predictive__search--title {
        font-size: 1.85rem;
        padding: 0 50px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 360px) {
    html[lang="ar"] .predictive__search--title {
        font-size: 1.6rem;
        padding: 0 45px;
    }
}

/* Close button on the RIGHT physically matching English */
html[lang="ar"] .predictive__search--close__btn {
    position: absolute;
    top: 18px;
    right: 15px !important;
    left: auto !important;
    padding: 0;
    border: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .predictive__search--close__btn {
        top: 25px;
        right: 40px !important;
    }
}

/* Search form and input */
html[lang="ar"] .predictive__search--form {
    position: relative;
    width: 100%;
    direction: rtl;
}

html[lang="ar"] .predictive__search--input {
    width: 100%;
    height: 5rem;
    border: 1px solid var(--border-color2);
    padding: 0 20px 0 80px !important;
    font-size: 1.55rem;
    font-weight: 500;
    border-radius: 5px;
    font-family: var(--font-cairo);
    text-align: right;
    direction: rtl;
}

@media only screen and (max-width: 576px) {
    html[lang="ar"] .predictive__search--input {
        height: 45px;
        font-size: 1.4rem;
        padding: 0 15px 0 70px !important;
    }
}

html[lang="ar"] .predictive__search--button {
    position: absolute;
    top: 0;
    left: 0 !important;
    right: auto !important;
    height: 100%;
    padding: 0;
    background: var(--secondary-color);
    border: 0;
    width: 6rem;
    text-align: center;
    color: var(--white-color);
    border-radius: 5px 0 0 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 576px) {
    html[lang="ar"] .predictive__search--button {
        width: 5rem;
    }
}

/* --------------------------------------------------------------------------
   8. Footer Localization & RTL Alignment
   -------------------------------------------------------------------------- */

html[lang="ar"] .footer__widget {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .footer__widget--title {
    text-align: right;
    font-family: var(--font-cairo);
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .footer__widget {
        margin-bottom: 2.5rem;
    }
    html[lang="ar"] .footer__widget:last-child {
        margin-bottom: 0;
    }
    html[lang="ar"] .footer__widget--inner {
        display: block !important;
    }
    html[lang="ar"] .footer__section {
        padding-bottom: 7rem;
    }
}

html[lang="ar"] .footer__widget--title__arrowdown--icon {
    display: none !important;
}

html[lang="ar"] .footer__widget--desc {
    text-align: right;
    line-height: 1.8;
    font-family: var(--font-cairo);
    overflow-wrap: break-word;
    word-wrap: break-word;
}

html[lang="ar"] .footer__widget--menu {
    direction: rtl;
    text-align: right;
    padding-right: 0;
}

html[lang="ar"] .footer__widget--menu__text {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .footer__contact--info {
    direction: rtl;
    text-align: right;
    padding-right: 0;
}

html[lang="ar"] .footer__contact--item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    gap: 10px;
}

html[lang="ar"] .footer__contact--icon {
    margin-right: 0;
    margin-left: 10px;
    flex-shrink: 0;
}

html[lang="ar"] .footer__contact--link,
html[lang="ar"] .footer__contact--text {
    text-align: right;
    font-family: var(--font-cairo);
}

/* Bidirectional isolation for phone numbers, WhatsApp, and emails */
bdi[dir="ltr"],
[dir="ltr"] {
    direction: ltr !important;
    unicode-bidi: isolate;
    display: inline-block;
}

html[lang="ar"] .copyright__content {
    font-family: var(--font-cairo);
    text-align: center;
}

/* --------------------------------------------------------------------------
   9. Home Page RTL Layout & Localized Components
   -------------------------------------------------------------------------- */

/* Hero Slider RTL - Sizing & Dimensions Parity */
.hero__slider--section {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.hero__slider--inner.swiper,
.hero__slider--activation {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.hero__slider--activation .swiper-slide {
    height: auto;
    overflow: hidden;
}

.hero__slider--items {
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
    display: block;
    background-color: #f7f7f7;
}

@media only screen and (min-width: 480px) {
    .hero__slider--items {
        height: 340px;
    }
}

@media only screen and (min-width: 768px) {
    .hero__slider--items {
        height: 420px;
    }
}

@media only screen and (min-width: 992px) {
    .hero__slider--items {
        height: 480px;
    }
}

@media only screen and (min-width: 1200px) {
    .hero__slider--items {
        height: 540px;
    }
}

@media only screen and (min-width: 1366px) {
    .hero__slider--items {
        height: 580px;
    }
}

@media only screen and (min-width: 1600px) {
    .hero__slider--items {
        height: 650px;
    }
}

.hero__slider--img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
}

/* Single slide state in Arabic and RTL */
.hero__slider--single .swiper__nav--btn,
.hero__slider--single .swiper-button-next,
.hero__slider--single .swiper-button-prev,
.hero__slider--activation.swiper-button-lock .swiper__nav--btn,
.hero__slider--activation.swiper-button-lock .swiper-button-next,
.hero__slider--activation.swiper-button-lock .swiper-button-prev {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Hero Slider Typography & Content Alignment in Arabic */
html[lang="ar"] .slider__content {
    direction: rtl;
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .slider__content {
        text-align: right;
        padding-left: 0 !important;
        padding-right: 4rem;
        max-width: 750px;
    }
}

@media only screen and (min-width: 1500px) {
    html[lang="ar"] .slider__content {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content {
        text-align: center !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        margin: 0 auto;
        max-width: 100%;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}

/* Subtitle in Arabic */
html[lang="ar"] .slider__content--subtitle {
    font-family: var(--font-cairo);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--subtitle {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}

html[lang="ar"] .slider__content--desc.desc1 {
    padding-left: 0 !important;
    padding-right: 70px !important;
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--desc.desc1 {
        padding-right: 0 !important;
    }
}

html[lang="ar"] .slider__content--desc.desc1::before {
    position: absolute;
    content: "";
    width: 5.5rem;
    height: 1px;
    background: var(--white-color);
    right: 0 !important;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--desc.desc1::before {
        display: none !important;
    }
}

/* Main Heading Typography Scale (Matching English Responsive Hierarchy with Cairo) */
html[lang="ar"] .slider__content--maintitle {
    font-family: var(--font-cairo);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.35;
    margin-bottom: 1.4rem;
}

@media only screen and (min-width: 576px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 3rem;
        line-height: 1.35;
    }
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 3.6rem;
        line-height: 1.3;
        margin-bottom: 1.8rem;
    }
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 4.2rem;
        line-height: 1.3;
        margin-bottom: 2.3rem;
    }
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 4.8rem;
        line-height: 1.25;
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 1366px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 5rem;
        line-height: 1.25;
    }
}

@media only screen and (min-width: 1600px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 6rem;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 2.4rem;
        line-height: 1.35;
        margin-bottom: 1.4rem;
    }
}

@media only screen and (max-width: 480px) {
    html[lang="ar"] .slider__content--maintitle {
        font-size: 2.1rem;
        line-height: 1.35;
    }
}

/* Supporting Description */
html[lang="ar"] .slider__content--desc {
    font-family: var(--font-cairo);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
}

@media only screen and (max-width: 1199px) {
    html[lang="ar"] .slider__content--desc.mb-35 {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 991px) {
    html[lang="ar"] .slider__content--desc.mb-35 {
        margin-bottom: 2.5rem;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--desc {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    html[lang="ar"] .slider__content--desc.mb-35 {
        margin-bottom: 2.2rem;
    }
}

/* Hero CTA Button */
html[lang="ar"] .slider__content--btn {
    font-family: var(--font-cairo);
    font-size: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .slider__content--btn {
        font-size: 1.4rem;
    }
}

/* --------------------------------------------------------------------------
   Hero Navigation Arrows - RTL Parity & Physical Positioning
   -------------------------------------------------------------------------- */

/* In RTL Swiper:
   - swiper-button-next advances forward to next slide (towards the left) -> located at physical LEFT
   - swiper-button-prev returns backward to prev slide (towards the right) -> located at physical RIGHT
*/

html[lang="ar"] .hero__slider--activation .swiper-button-prev,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-prev {
    position: absolute !important;
    right: 1rem !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 50% !important;
    background-color: var(--secondary-color, #AD724B) !important;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .hero__slider--activation .swiper-button-prev,
    html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-prev {
        right: 2rem !important;
        left: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .hero__slider--activation .swiper-button-prev,
    html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-prev {
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
}

html[lang="ar"] .hero__slider--activation .swiper-button-prev:hover,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-prev:hover {
    background-color: var(--primary-color, #121a25) !important;
}

/* Single arrow icon pointing RIGHT for the prev button located at the physical RIGHT */
html[lang="ar"] .hero__slider--activation .swiper-button-prev::after,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-prev::after {
    content: "" !important;
    font-size: 0 !important;
    background: url('../img/icon/right-arrow-angle.webp') no-repeat center center !important;
    background-size: contain !important;
    width: 9px !important;
    height: 17px !important;
    display: block !important;
}

html[lang="ar"] .hero__slider--activation .swiper-button-next,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-next {
    position: absolute !important;
    left: 1rem !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 50% !important;
    background-color: var(--secondary-color, #AD724B) !important;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 9;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .hero__slider--activation .swiper-button-next,
    html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-next {
        left: 2rem !important;
        right: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .hero__slider--activation .swiper-button-next,
    html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-next {
        width: 3.5rem !important;
        height: 3.5rem !important;
    }
}

html[lang="ar"] .hero__slider--activation .swiper-button-next:hover,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-next:hover {
    background-color: var(--primary-color, #121a25) !important;
}

/* Single arrow icon pointing LEFT for the next button located at the physical LEFT */
html[lang="ar"] .hero__slider--activation .swiper-button-next::after,
html[lang="ar"] .hero__slider--activation.swiper-rtl .swiper-button-next::after {
    content: "" !important;
    font-size: 0 !important;
    background: url('../img/icon/left-arrow-angle.webp') no-repeat center center !important;
    background-size: contain !important;
    width: 9px !important;
    height: 17px !important;
    display: block !important;
}

/* Visibility on hover matching English */
html[lang="ar"] .hero__slider--activation:hover .swiper__nav--btn,
html[lang="ar"] .hero__slider--activation:hover .swiper-button-prev,
html[lang="ar"] .hero__slider--activation:hover .swiper-button-next {
    opacity: 1 !important;
    visibility: visible !important;
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .hero__slider--activation.has-multiple-slides .swiper__nav--btn,
    html[lang="ar"] .hero__slider--activation.has-multiple-slides .swiper-button-prev,
    html[lang="ar"] .hero__slider--activation.has-multiple-slides .swiper-button-next {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Strict single-slide and locked navigation suppression in Arabic */
html[lang="ar"] .hero__slider--activation.hero__slider--single .swiper__nav--btn,
html[lang="ar"] .hero__slider--activation.hero__slider--single .swiper-button-next,
html[lang="ar"] .hero__slider--activation.hero__slider--single .swiper-button-prev,
html[lang="ar"] .hero__slider--activation:hover.hero__slider--single .swiper__nav--btn,
html[lang="ar"] .hero__slider--activation:hover.hero__slider--single .swiper-button-next,
html[lang="ar"] .hero__slider--activation:hover.hero__slider--single .swiper-button-prev,
html[lang="ar"] .hero__slider--activation.swiper-button-lock .swiper__nav--btn,
html[lang="ar"] .hero__slider--activation.swiper-button-lock .swiper-button-next,
html[lang="ar"] .hero__slider--activation.swiper-button-lock .swiper-button-prev,
html[lang="ar"] .hero__slider--single .swiper__nav--btn,
html[lang="ar"] .hero__slider--single .swiper-button-next,
html[lang="ar"] .hero__slider--single .swiper-button-prev {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Product Card RTL Badges */
html[lang="ar"] .product__badge-container {
    left: auto !important;
    right: 0.8rem !important;
    align-items: flex-end;
}

html[lang="ar"] .product__offer-badge-group {
    right: auto !important;
    left: 0.8rem !important;
    align-items: flex-start;
}

/* Featured Deals Banner RTL */
html[lang="ar"] .deals__content--style2 {
    left: auto !important;
    right: 3.5rem !important;
    text-align: right !important;
}

@media only screen and (max-width: 480px) {
    html[lang="ar"] .deals__content--style2 {
        right: 2rem !important;
        left: auto !important;
        max-width: calc(100% - 3.5rem);
        text-align: right !important;
    }
    html[lang="ar"] .deals__banner--section .deals__banner--countdown {
        justify-content: flex-start !important;
    }
}

/* Countdown RTL Alignment & Consistent Gaps */
.deals__banner--countdown {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.countdown__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[lang="ar"] .deals__banner--countdown .countdown__text {
    font-family: var(--font-cairo);
    font-size: 1.2rem;
}

@media only screen and (max-width: 480px) {
    .deals__banner--countdown {
        gap: 0.8rem;
    }
    .deals__banner--countdown .countdown__number {
        width: 3.4rem !important;
        height: 3.4rem !important;
        line-height: 3.4rem !important;
        font-size: 1.4rem !important;
    }
    .deals__banner--countdown .countdown__text {
        font-size: 1rem !important;
    }
}

/* Service Benefits Section RTL */
html[lang="ar"] .shipping__items::before {
    right: auto !important;
    left: -2.5rem !important;
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .shipping__items::before {
        right: auto !important;
        left: -3.25rem !important;
    }
}

html[lang="ar"] .shipping__items:last-child::before {
    display: none !important;
}

html[lang="ar"] .shipping__items--content__title {
    font-family: var(--font-cairo);
}

/* Section Headings & View-all RTL Alignment */
@media (min-width: 768px) {
    html[lang="ar"] .section__heading--has-view-all .section__view-all--wrapper {
        right: auto !important;
        left: 0 !important;
        text-align: left !important;
    }
    html[lang="ar"] .offers__view-all--wrapper {
        right: auto !important;
        left: 0 !important;
        text-align: left !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    html[lang="ar"] .section__heading--has-view-all {
        text-align: right !important;
    }
}

/* Blog Cards RTL */
html[lang="ar"] .blog__content {
    direction: rtl;
    text-align: right;
    padding: 1.8rem 1.5rem 1.5rem;
}

html[lang="ar"] .blog__content--meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1.8rem;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
    list-style: none;
    direction: rtl;
    text-align: right;
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .blog__content--meta {
        gap: 2.2rem;
    }
}

@media only screen and (max-width: 767px) {
    html[lang="ar"] .blog__content {
        text-align: right !important;
    }
    html[lang="ar"] .blog__content--meta {
        justify-content: flex-start !important;
        gap: 0.8rem 1.4rem;
    }
}

html[lang="ar"] .blog__content--meta__text {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem !important;
    font-family: var(--font-cairo);
    font-size: 1.3rem !important;
    color: var(--primary-color) !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1.4;
}

html[lang="ar"] .blog__content--meta__icon {
    margin: 0 !important;
    flex-shrink: 0;
    color: var(--secondary-color) !important;
}

html[lang="ar"] .blog__content--meta__date-text {
    unicode-bidi: isolate;
    display: inline-block;
    direction: rtl;
}

html[lang="ar"] .blog__content--title,
html[lang="ar"] .blog__content--desc {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__content--btn {
    font-family: var(--font-cairo);
    align-self: flex-start;
}

/* --------------------------------------------------------------------------
   16. Breadcrumb Section (Consolidated in Section 6 below)
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   17. About Us Page (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .about__content {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .about__content--subtitle {
    font-family: var(--font-cairo);
    text-align: right;
    letter-spacing: 0;
}

html[lang="ar"] .about__content--maintitle {
    font-family: var(--font-cairo);
    text-align: right;
    line-height: 1.4;
}

html[lang="ar"] .about__content--desc {
    font-family: var(--font-cairo);
    text-align: right;
    line-height: 1.8;
}

html[lang="ar"] .retail-outlets__section .section__heading--maintitle {
    font-family: var(--font-cairo);
    letter-spacing: 0;
}

html[lang="ar"] .retail-outlets__name {
    font-family: var(--font-cairo);
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-decoration: none !important;
    text-decoration-line: none !important;
}

html[lang="ar"] .retail-outlets__item:hover .retail-outlets__name,
html[lang="ar"] .retail-outlets__item:focus .retail-outlets__name,
html[lang="ar"] .retail-outlets__item:focus-visible .retail-outlets__name,
html[lang="ar"] .retail-outlets__item:visited .retail-outlets__name,
html[lang="ar"] .retail-outlets__item:active .retail-outlets__name,
html[lang="ar"] .retail-outlets__item.retail-outlets__item--link:hover .retail-outlets__name,
html[lang="ar"] .retail-outlets__item.retail-outlets__item--link:focus .retail-outlets__name,
html[lang="ar"] .retail-outlets__item.retail-outlets__item--link:focus-visible .retail-outlets__name,
html[lang="ar"] .retail-outlets__item.retail-outlets__item--link:visited .retail-outlets__name,
html[lang="ar"] .retail-outlets__item.retail-outlets__item--link:active .retail-outlets__name {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

@media only screen and (max-width: 575px) {
    html[lang="ar"] .retail-outlets__name {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

/* --------------------------------------------------------------------------
   18. Contact Us Page (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .contact__section--hrading {
    font-family: var(--font-cairo);
    text-align: center;
}

html[lang="ar"] .contact__section--hrading__desc {
    font-family: var(--font-cairo);
    text-align: center;
}

html[lang="ar"] .contact-card {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .contact-card__icon-box {
    margin: 0 0 20px 0;
}

html[lang="ar"] .contact-card__title {
    font-family: var(--font-cairo);
    text-align: right;
    font-weight: 700;
}

html[lang="ar"] .contact-card__label {
    font-family: var(--font-cairo);
    text-align: right;
    letter-spacing: 0;
    font-size: 1.3rem;
}

html[lang="ar"] .contact-card__link {
    text-align: right;
    unicode-bidi: isolate;
}

html[lang="ar"] .contact-card__text {
    font-family: var(--font-cairo);
    text-align: right;
    line-height: 1.7;
}

html[lang="ar"] .contact-whatsapp__btn {
    font-family: var(--font-cairo);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

html[lang="ar"] .contact-location__link {
    font-family: var(--font-cairo);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}

html[lang="ar"] .contact-social__list {
    direction: rtl;
    justify-content: flex-start;
}

/* --------------------------------------------------------------------------
   19. Blog Listing & Blog Details Pages (RTL)
   -------------------------------------------------------------------------- */

/* Blog Listing Section */
html[lang="ar"] .blog__section {
    direction: rtl;
}

html[lang="ar"] .blog__section .section__heading--maintitle {
    font-family: var(--font-cairo);
    text-align: center;
}

/* Pagination in Arabic RTL */
html[lang="ar"] .pagination__area {
    direction: rtl;
}

html[lang="ar"] .pagination__wrapper {
    direction: rtl;
    justify-content: center;
}

html[lang="ar"] .pagination__item {
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .pagination__item--arrow svg {
    transform: rotate(180deg);
}

/* Blog Details Layout & Hierarchy */
html[lang="ar"] .blog__details--section {
    direction: rtl;
}

html[lang="ar"] .blog__details--wrapper {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .post__header--title {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .blog__post--meta {
    font-family: var(--font-cairo);
    text-align: right;
    direction: rtl;
}

/* Rich-Text Content in RTL */
html[lang="ar"] .blog__details--content {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__details--content h1,
html[lang="ar"] .blog__details--content h2,
html[lang="ar"] .blog__details--content h3,
html[lang="ar"] .blog__details--content h4,
html[lang="ar"] .blog__details--content h5,
html[lang="ar"] .blog__details--content h6 {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .blog__details--content p {
    text-align: right;
    line-height: 1.85;
}

html[lang="ar"] .blog__details--content ul,
html[lang="ar"] .blog__details--content ol {
    padding-left: 0 !important;
    padding-right: 2.5rem !important;
    text-align: right;
}

html[lang="ar"] .blog__details--content blockquote {
    margin: 2.5rem 0;
    padding: 1.8rem 2.2rem;
    border-left: none !important;
    border-right: 4px solid var(--primary-color, #d4a373) !important;
    background: var(--bg-gray-color, #f8f8f8);
    border-radius: 8px 0 0 8px !important;
    font-style: italic;
    text-align: right;
}

html[lang="ar"] .blog__details--content table th,
html[lang="ar"] .blog__details--content table td {
    text-align: right;
}

html[lang="ar"] .blog__details--content [dir="ltr"],
html[lang="ar"] .blog__details--content pre,
html[lang="ar"] .blog__details--content code {
    direction: ltr !important;
    text-align: left !important;
}

/* Read More / Read Less in RTL */
html[lang="ar"] .blog__read-more--btn-wrapper {
    justify-content: flex-start;
}

html[lang="ar"] .blog__read-more--btn {
    font-family: var(--font-cairo);
}

/* Social Share in RTL */
html[lang="ar"] .blog__tags--social__media {
    direction: rtl;
}

html[lang="ar"] .blog__social--media {
    direction: rtl;
}

html[lang="ar"] .blog__social--media__title {
    font-family: var(--font-cairo);
    margin-left: 0.8rem;
    margin-right: 0;
}

html[lang="ar"] .blog__copy-link--tooltip {
    font-family: var(--font-cairo);
}

/* Article Videos in RTL */
html[lang="ar"] .blog__videos--section {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .blog__videos--title {
    font-family: var(--font-cairo);
    text-align: right;
}

/* Desktop Video Nav Arrows (>= 992px) */
@media only screen and (min-width: 992px) {
    html[lang="ar"] .blog__videos--btn-prev {
        position: absolute !important;
        right: -20px !important;
        left: auto !important;
        top: 72px !important;
        transform: translateY(-50%) !important;
    }

    html[lang="ar"] .blog__videos--btn-prev:hover:not(.swiper-button-disabled) {
        transform: translateY(-50%) scale(1.08) !important;
    }

    html[lang="ar"] .blog__videos--btn-next {
        position: absolute !important;
        left: -20px !important;
        right: auto !important;
        top: 72px !important;
        transform: translateY(-50%) !important;
    }

    html[lang="ar"] .blog__videos--btn-next:hover:not(.swiper-button-disabled) {
        transform: translateY(-50%) scale(1.08) !important;
    }

    html[lang="ar"] .blog__videos--btn-prev .blog__videos--nav-icon {
        transform: rotate(180deg);
    }

    html[lang="ar"] .blog__videos--btn-next .blog__videos--nav-icon {
        transform: rotate(180deg);
    }
}

/* Mobile Video Nav Arrows (< 992px) */
@media only screen and (max-width: 991px) {
    html[lang="ar"] .blog__videos--header {
        padding-right: 0 !important;
        padding-left: 90px !important;
    }

    html[lang="ar"] .blog__videos--nav {
        right: auto !important;
        left: 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    html[lang="ar"] .blog__videos--header {
        padding-right: 0 !important;
        padding-left: 86px !important;
    }
}

/* Video Card in RTL */
html[lang="ar"] .blog__video--card {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .blog__video--badge {
    right: auto !important;
    left: 10px !important;
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__video--card-title {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .blog__video--action-link {
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__video--action-link svg {
    transform: rotate(180deg);
}

/* Sidebar Widgets in RTL */
html[lang="ar"] .blog__sidebar--widget {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .single__widget {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .widget__title {
    padding-left: 0 !important;
    padding-right: 5rem !important;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .widget__title::before {
    left: auto !important;
    right: 0 !important;
    transform: translateY(-50%) scaleX(-1) !important;
}

html[lang="ar"] .widget__search--form {
    direction: rtl;
    position: relative;
}

html[lang="ar"] .widget__search--form__input {
    padding: 0 1.5rem 0 9rem !important;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .widget__search--form__btn {
    right: auto !important;
    left: 0 !important;
    border-radius: 0.5rem 0 0 0.5rem !important;
    font-family: var(--font-cairo);
}

html[lang="ar"] .articl__post--items {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .articl__post--items__thumbnail {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

html[lang="ar"] .articl__post--items__content {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
    text-align: right;
}

html[lang="ar"] .articl__post--items__content--title {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .meta__deta {
    font-family: var(--font-cairo);
    text-align: right;
}

/* --------------------------------------------------------------------------
   20. Shop & Offers Listing Pages RTL Localization
   -------------------------------------------------------------------------- */

/* Mobile Filter Offcanvas Drawer */
html[lang="ar"] .offcanvas__filter--sidebar {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%) !important;
    text-align: right;
}

html[lang="ar"] .offcanvas__filter--sidebar.active {
    transform: translateX(0) !important;
}

html[lang="ar"] .offcanvas__filter--close {
    margin: 1.5rem 1.5rem 1rem auto !important;
    font-family: var(--font-cairo);
    flex-direction: row;
}

html[lang="ar"] .offcanvas__filter--close svg {
    margin-left: 0.6rem !important;
    margin-right: 0 !important;
}

/* Shop Sidebar Search Input */
html[lang="ar"] .shop__filter--search__input {
    padding-left: 4.5rem !important;
    padding-right: 1.5rem !important;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .shop__filter--search__btn {
    right: auto !important;
    left: 0.8rem !important;
}

/* Price Range Filter */
html[lang="ar"] .shop__filter--price-box {
    text-align: right;
}

html[lang="ar"] .shop__filter--price-box .shop__filter--label {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .shop__filter--price-input {
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .shop__filter--price-apply-btn,
html[lang="ar"] .shop__filter--reset__btn {
    font-family: var(--font-cairo);
}

/* On Sale Checkbox */
html[lang="ar"] .shop__filter--sale-check {
    text-align: right;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

html[lang="ar"] .shop__filter--sale-check .form-check-input {
    float: none !important;
    margin: 0 !important;
}

html[lang="ar"] .shop__filter--sale-label {
    font-family: var(--font-cairo);
    margin-bottom: 0;
}

/* Category & Subcategory Tree */
html[lang="ar"] .shop__categories--scroll-wrapper.has-scroll {
    padding-right: 0 !important;
    padding-left: 0.4rem !important;
}

html[lang="ar"] .widget__categories--sub__menu {
    padding-left: 0 !important;
    padding-right: 2.2rem !important;
}

html[lang="ar"] .widget__categories--sub__menu--items {
    text-align: right;
}

html[lang="ar"] .widget__categories--menu__label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.5rem 0.6rem !important;
}

html[lang="ar"] .shop__category-link,
html[lang="ar"] .shop__subcategory-link {
    font-family: var(--font-cairo);
    text-align: right;
    direction: rtl;
}

html[lang="ar"] .shop__category-thumb,
html[lang="ar"] .shop__subcategory-thumb,
html[lang="ar"] .shop__category-thumb-placeholder,
html[lang="ar"] .shop__subcategory-thumb-placeholder {
    margin-right: 0 !important;
    margin-left: 0.8rem !important;
}

html[lang="ar"] .shop__category-toggle-btn {
    margin-left: 0 !important;
    margin-right: 0.6rem !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
}

html[lang="ar"] .shop__category-toggle-btn svg,
html[lang="ar"] .shop__category-toggle-icon,
html[lang="ar"] .widget__categories--menu__arrowdown--icon {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
}

/* Mobile Filter Trigger Button */
html[lang="ar"] .shop__header--mobile .widget__filter--btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .shop__header--mobile .widget__filter--btn__icon {
    margin-right: 0 !important;
    margin-left: 0.6rem !important;
}

/* Offers Toolbar & Search Bar */
html[lang="ar"] .offers__search--input {
    padding: 0 1.8rem 0 4.5rem !important;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .offers__search--submit-btn {
    right: auto !important;
    left: 1.2rem !important;
}

html[lang="ar"] .offers__reset--btn,
html[lang="ar"] .offers__reset-all-btn,
html[lang="ar"] .shop__retry-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .shop__empty-title,
html[lang="ar"] .shop__empty-desc,
html[lang="ar"] .shop__infinite-scroll--loader,
html[lang="ar"] .shop__infinite-scroll--end,
html[lang="ar"] .shop__infinite-scroll--error {
    font-family: var(--font-cairo);
}

/* Offer Card Badge & CTA */
html[lang="ar"] .offer__card--badge-title,
html[lang="ar"] .offer__card--btn {
    font-family: var(--font-cairo);
}

/* ==========================================================================
   21. Product Details & Quick View Modal RTL Localization
   ========================================================================== */


/* Product Details Layout & Typography */
html[lang="ar"] .product__details--info {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .product__details--info__title {
    font-family: var(--font-cairo);
    line-height: 1.4;
}

/* Unified Badge Row (Featured, Discount, Offer Title) */
html[lang="ar"] .product__details--badge-wrapper {
    direction: rtl;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

html[lang="ar"] .product__details--badge-wrapper .product__badge--items.featured,
html[lang="ar"] .product__details--badge-wrapper .product__offer-badge--discount,
html[lang="ar"] .product__details--badge-wrapper .product__offer-badge--title {
    font-family: var(--font-cairo);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    line-height: 1;
    margin: 0 !important;
    vertical-align: middle;
}

/* Rating Overview */
html[lang="ar"] .product__details--rating-overview {
    direction: rtl;
}

html[lang="ar"] .product__rating--score,
html[lang="ar"] .product__rating--count {
    font-family: var(--font-cairo);
}

/* Price Block */
html[lang="ar"] .product__details--info__price {
    direction: rtl;
}

html[lang="ar"] .product__details--info__price .current__price,
html[lang="ar"] .product__details--info__price .old__price {
    font-family: var(--font-cairo);
}

html[lang="ar"] .product__details--info__price .old__price {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

/* Swatches & Size Options in RTL */
html[lang="ar"] .product__variant--title {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .variant__color--list {
    margin-right: 0 !important;
    margin-left: 12px !important;
}

html[lang="ar"] .variant__size--list {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

html[lang="ar"] .variant__size--value {
    font-family: var(--font-cairo);
}

/* Item Note Textarea */
html[lang="ar"] .product__item-note--textarea {
    font-family: var(--font-cairo);
    text-align: right;
    direction: rtl;
}

html[lang="ar"] .product__item-note--counter {
    font-family: var(--font-cairo);
    direction: ltr;
}

html[lang="ar"] .product__item-note--wrapper label {
    font-family: var(--font-cairo);
}

/* Product Details Purchase Controls (RTL Fixes) */
html[lang="ar"] .product__details--wrapper .product__variant--list.quantity,
html[lang="ar"] .product__details--section .product__variant--list.quantity {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

html[lang="ar"] .product__details--wrapper .product__variant--list.quantity .quickview__cart--btn,
html[lang="ar"] .product__details--section .product__variant--list.quantity .quickview__cart--btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Quantity Box in RTL */
html[lang="ar"] .quantity__box {
    direction: ltr;
}

/* Center quantity number horizontally and vertically, matching English reference */
html[lang="ar"] .product__details--wrapper #product_qty_box input.quantity__number,
html[lang="ar"] .product__details--section #product_qty_box input.quantity__number,
html[lang="ar"] #product_qty_box #product_qty_input {
    font-family: "Josefin Sans", sans-serif !important;
    text-align: center !important;
    direction: ltr !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    line-height: 3.5rem !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Action Buttons */
html[lang="ar"] .quickview__cart--btn,
html[lang="ar"] .variant__buy--now__btn,
html[lang="ar"] .variant__wishlist--icon {
    font-family: var(--font-cairo);
}

html[lang="ar"] .variant__wishlist--icon svg {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

/* Metadata List */
html[lang="ar"] .product__details--info__meta--list {
    font-family: var(--font-cairo);
    text-align: right;
}

html[lang="ar"] .product__details--info__meta--list strong {
    margin-left: 0.4rem;
}

/* Social Share */
html[lang="ar"] .quickview__social--title {
    font-family: var(--font-cairo);
    margin-right: 0 !important;
    margin-left: 1.2rem !important;
}

html[lang="ar"] .quickview__social--wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html[lang="ar"] .quickview__social--list {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

html[lang="ar"] .product-details__copy-link--tooltip,
html[lang="ar"] .quickview__copy-link--tooltip {
    font-family: var(--font-cairo);
}

/* SweetAlert & Wishlist Toast RTL Styling */
.swal2-toast.swal2-rtl-toast,
.swal2-toast[dir="rtl"] {
    font-family: var(--font-cairo), sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

.swal2-toast.swal2-rtl-toast .swal2-title,
.swal2-toast[dir="rtl"] .swal2-title {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right !important;
}

.wishlist-toast-rtl {
    direction: rtl !important;
    text-align: right !important;
    font-family: var(--font-cairo), sans-serif !important;
}

/* Quick View Modal Specifics */
html[lang="ar"] .quickview__info {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .quickview__info--ratting {
    direction: rtl;
}

html[lang="ar"] .quickview__info--review__text {
    font-family: var(--font-cairo);
}

html[lang="ar"] .quickview__desc-readmore-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .quickview__full-details--btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .quickview__full-details--btn svg {
    transform: rotate(180deg);
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Product Tabs Section */
html[lang="ar"] .product__details--tab {
    direction: rtl;
}

html[lang="ar"] .product__details--tab__list {
    font-family: var(--font-cairo);
    font-size: 1.6rem;
}

html[lang="ar"] .product__details--tab__inner {
    direction: rtl;
    text-align: right;
}

/* Description Tab Rich-Text */
html[lang="ar"] .product-details__rich-text {
    font-family: var(--font-cairo);
    direction: rtl;
    text-align: right;
    line-height: 1.8;
}

html[lang="ar"] .product-details__rich-text h1,
html[lang="ar"] .product-details__rich-text h2,
html[lang="ar"] .product-details__rich-text h3,
html[lang="ar"] .product-details__rich-text h4,
html[lang="ar"] .product-details__rich-text h5,
html[lang="ar"] .product-details__rich-text h6 {
    font-family: var(--font-cairo);
}

html[lang="ar"] .product-details__read-more-btn {
    font-family: var(--font-cairo);
}

/* Videos Tab */
html[lang="ar"] .blog__video--card-title a {
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__video--action-link {
    font-family: var(--font-cairo);
}

html[lang="ar"] .blog__video--action-link svg {
    transform: rotate(180deg);
    margin-left: 0 !important;
    margin-right: 0.4rem !important;
}

html[lang="ar"] .blog__video--badge {
    font-family: var(--font-cairo);
    left: auto !important;
    right: 1rem !important;
}

/* Reviews Tab */
html[lang="ar"] .product__reviews--header__title,
html[lang="ar"] .reviews__comment--reply__title {
    font-family: var(--font-cairo);
}

html[lang="ar"] .product__reviews--aggregate-summary {
    direction: rtl;
}

html[lang="ar"] .reviews__score-big,
html[lang="ar"] .reviews__comment--content__title,
html[lang="ar"] .reviews__comment--content__date,
html[lang="ar"] .review-comment-text {
    font-family: var(--font-cairo);
}

html[lang="ar"] .review-read-more-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .guest-review__submit-btn {
    font-family: var(--font-cairo);
}

/* Arabic Review Section Button ("Write a Review" / "اكتب تقييمك") */
html[lang="ar"] .actions__newreviews--btn {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: 2.2rem !important;
    font-family: var(--font-cairo) !important;
    font-weight: 600 !important;
    direction: rtl !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    background: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-radius: 0.3rem !important;
    border: 0 !important;
    outline: none !important;
    text-decoration: none !important;
    font-size: 1.5rem !important;
    height: 4rem !important;
    line-height: 4rem !important;
    padding: 0 1.5rem !important;
    transition: var(--transition, 0.3s) !important;
    white-space: nowrap !important;
}

html[lang="ar"] .actions__newreviews--btn:hover {
    background: var(--primary-color) !important;
    color: var(--white-color) !important;
}

html[lang="ar"] .actions__newreviews--btn svg,
html[lang="ar"] .actions__newreviews--btn i {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .actions__newreviews--btn.primary__btn {
        font-size: 1.6rem !important;
        height: 4.6rem !important;
        line-height: 4.6rem !important;
        padding: 0 1.8rem !important;
        bottom: 2.2rem !important;
    }
}

@media only screen and (max-width: 575px) {
    html[lang="ar"] .actions__newreviews--btn {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: 1rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-flex !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

html[lang="ar"] .reviews__comment--reply__label,
html[lang="ar"] .star-rating__legend,
html[lang="ar"] .star-rating__label-feedback,
html[lang="ar"] .char-counter,
html[lang="ar"] .form-text,
html[lang="ar"] .invalid-feedback {
    font-family: var(--font-cairo);
}

html[lang="ar"] .reviews__comment--input,
html[lang="ar"] .reviews__comment--textarea {
    font-family: var(--font-cairo);
    text-align: right;
    direction: rtl;
}

/* Pagination Arrow Flipping in RTL */
html[lang="ar"] .pagination__arrow-icon,
html[lang="ar"] .pagination__item--arrow svg {
    transform: rotate(180deg);
}

html[lang="ar"] .pagination__item {
    font-family: var(--font-cairo);
}

/* Related Products */
html[lang="ar"] .section__heading--maintitle {
    font-family: var(--font-cairo);
}

html[lang="ar"] .section__view-all--btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .product-details__empty-state p {
    font-family: var(--font-cairo);
}

/* ==========================================================================
   Purchase Flow: Quick Cart, Shopping Cart, Checkout & Order Success (RTL)
   ========================================================================== */

/* 1. Quick Cart Off-Canvas Drawer */
html[lang="ar"] .offCanvas__minicart {
    right: auto !important;
    left: 0 !important;
    transform: translateX(-100%) !important;
    direction: rtl !important;
    text-align: right !important;
    font-family: var(--font-cairo);
}

html[lang="ar"] .offCanvas__minicart.active {
    transform: translateX(0) !important;
}

html[lang="ar"] .minicart__header--top {
    direction: rtl;
}

html[lang="ar"] .minicart__header--desc,
html[lang="ar"] .minicart__title,
html[lang="ar"] .quick-cart-header-title {
    font-family: var(--font-cairo);
}

html[lang="ar"] .minicart__thumbnail {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

html[lang="ar"] .minicart__subtitle a,
html[lang="ar"] .minicart__subtitle,
html[lang="ar"] .minicart__empty-title,
html[lang="ar"] .minicart__empty-desc,
html[lang="ar"] .minicart__empty-btn,
html[lang="ar"] .minicart__amount--title,
html[lang="ar"] .minicart__amount,
html[lang="ar"] .minicart__button--link,
html[lang="ar"] .minicart__note-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .minicart__button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

html[lang="ar"] .minicart__button--link {
    font-family: var(--font-cairo) !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    min-height: 4.2rem !important;
    height: 4.2rem !important;
    max-height: 4.2rem !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex: 1 1 0 !important;
    width: 50% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .minicart__button--link {
        font-size: 1.45rem !important;
        min-height: 4.4rem !important;
        height: 4.4rem !important;
        max-height: 4.4rem !important;
        padding: 0 14px !important;
    }
}

html[lang="ar"] .minicart__empty-desc {
    line-height: 1.6;
}

/* RTL Offer Badges for Cart & Mini-Cart */
html[lang="ar"] .cart-item-badge,
html[lang="ar"] .minicart__item-badge,
html[lang="ar"] .checkout__item-badge {
    font-family: var(--font-cairo) !important;
}

html[lang="ar"] .cart-item-badge--discount,
html[lang="ar"] .minicart__item-badge--discount,
html[lang="ar"] .checkout__item-badge--discount {
    letter-spacing: 0;
    direction: ltr;
}

html[lang="ar"] .cart-item-badge--title,
html[lang="ar"] .minicart__item-badge--title,
html[lang="ar"] .checkout__item-badge--title {
    direction: rtl;
    text-align: right;
}

/* Quick Cart Line Note Modal */
html[lang="ar"] .quick-cart-modal,
html[lang="ar"] #quickCartNoteModal {
    direction: rtl !important;
    text-align: right !important;
    font-family: var(--font-cairo);
}

html[lang="ar"] .quick-cart-modal__title,
html[lang="ar"] .quick-cart-modal__body label,
html[lang="ar"] .quick-cart-modal__meta,
html[lang="ar"] #quickCartNoteTextarea,
html[lang="ar"] #quickCartNoteSaveBtn,
html[lang="ar"] #quickCartNoteCancelBtn,
html[lang="ar"] .quick-cart-note-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .quick-cart-note-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

html[lang="ar"] #quickCartNoteTextarea {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] #quickCartNoteCounter {
    direction: ltr;
    display: inline-block;
}

/* 2. Shopping Cart Page (/cart) */
html[lang="ar"] .cart__title,
html[lang="ar"] .cart__empty-title,
html[lang="ar"] .cart__empty-desc,
html[lang="ar"] .cart__empty-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .cart__table--header__list,
html[lang="ar"] .cart__table--body__list {
    font-family: var(--font-cairo);
}

html[lang="ar"] .cart__table--header__list:nth-child(1),
html[lang="ar"] .cart__table--body__list:nth-child(1) {
    text-align: right !important;
}

html[lang="ar"] .cart__table--header__list:nth-child(2),
html[lang="ar"] .cart__table--body__list:nth-child(2),
html[lang="ar"] .cart__table--header__list:nth-child(3),
html[lang="ar"] .cart__table--body__list:nth-child(3),
html[lang="ar"] .cart__table--header__list:nth-child(4),
html[lang="ar"] .cart__table--body__list:nth-child(4) {
    text-align: center !important;
}

html[lang="ar"] .cart__content--title a,
html[lang="ar"] .cart__content--title {
    font-family: var(--font-cairo);
}

html[lang="ar"] .cart-page-note-btn {
    font-family: var(--font-cairo);
    font-size: 1.15rem;
    line-height: 1.3;
}

html[lang="ar"] .cart__summary--total__list,
html[lang="ar"] .cart__summary--title,
html[lang="ar"] .cart__summary--btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .cart__summary--wrapper {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .cart__summary--total__list {
    direction: rtl;
}

html[lang="ar"] .cart__summary--amount {
    font-family: var(--font-cairo);
    unicode-bidi: embed;
}

/* 3. Checkout Page (/checkout) */
html[lang="ar"] .checkout__form--title,
html[lang="ar"] .checkout__order--summary__title,
html[lang="ar"] .checkout__field--label,
html[lang="ar"] .checkout__optional-badge,
html[lang="ar"] .checkout__error--message,
html[lang="ar"] .checkout__shipping-note,
html[lang="ar"] .checkout__summary-title,
html[lang="ar"] .checkout__summary-pieces,
html[lang="ar"] .checkout__summary-amount-label,
html[lang="ar"] .checkout__shipping-notice-text,
html[lang="ar"] .checkout__show-more-btn,
html[lang="ar"] .product__description--name a,
html[lang="ar"] .checkout__product--variant,
html[lang="ar"] .checkout__note-btn,
html[lang="ar"] .checkout__total--title,
html[lang="ar"] .checkout__grand-total--title,
html[lang="ar"] .checkout__final-label,
html[lang="ar"] #checkout_place_order_btn,
html[lang="ar"] .previous__link--content {
    font-family: var(--font-cairo);
}

html[lang="ar"] .checkout__form--card,
html[lang="ar"] .checkout__sidebar,
html[lang="ar"] .checkout__summary-header-mobile,
html[lang="ar"] .checkout__final-breakdown--card {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .checkout__input--field,
html[lang="ar"] .checkout__textarea--field {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] #checkout_phone {
    direction: ltr !important;
    text-align: right !important;
    unicode-bidi: plaintext;
    font-family: inherit;
}

html[lang="ar"] .checkout__select--field {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo);
    background-position: left 14px center !important;
}

html[lang="ar"] .checkout__char-counter {
    direction: ltr;
    display: inline-block;
}

html[lang="ar"] .product__description {
    margin-left: 0 !important;
    margin-right: 14px !important;
}

html[lang="ar"] .checkout__total--amount,
html[lang="ar"] .checkout__grand-total--amount,
html[lang="ar"] .checkout__final-value {
    text-align: left !important;
}

html[lang="ar"] .product__thumbnail--quantity {
    right: auto !important;
    left: -8px !important;
}

html[lang="ar"] .previous__link--content svg {
    transform: rotate(180deg);
}

/* 4. Order Confirmation / Success Screen */
html[lang="ar"] .order-success__title,
html[lang="ar"] .order-success__message,
html[lang="ar"] .order-ref-label,
html[lang="ar"] .order-total-value,
html[lang="ar"] .order-success__shop-btn {
    font-family: var(--font-cairo);
}

html[lang="ar"] .order-ref-value {
    unicode-bidi: isolate;
}

/* 5. SweetAlert RTL Dialogs & Toasts */
.cairo-font.swal2-popup:not(.swal2-toast),
html[lang="ar"] .swal2-popup:not(.swal2-toast) {
    font-family: var(--font-cairo) !important;
    direction: rtl !important;
    text-align: center !important;
}

.cairo-font.swal2-popup:not(.swal2-toast) .swal2-title,
html[lang="ar"] .swal2-popup:not(.swal2-toast) .swal2-title {
    font-family: var(--font-cairo) !important;
    text-align: center !important;
    justify-content: center !important;
}

.cairo-font.swal2-popup:not(.swal2-toast) .swal2-html-container,
html[lang="ar"] .swal2-popup:not(.swal2-toast) .swal2-html-container {
    font-family: var(--font-cairo) !important;
    text-align: center !important;
}

.cairo-font.swal2-popup:not(.swal2-toast) .swal2-actions,
html[lang="ar"] .swal2-popup:not(.swal2-toast) .swal2-actions {
    justify-content: center !important;
}

.cairo-font.swal2-popup:not(.swal2-toast) .swal2-icon,
html[lang="ar"] .swal2-popup:not(.swal2-toast) .swal2-icon {
    margin: 2.5em auto 0.6em auto !important;
}

.cairo-font .swal2-confirm,
.cairo-font .swal2-cancel {
    font-family: var(--font-cairo) !important;
}

.swal2-rtl-toast,
.cairo-font.swal2-toast {
    font-family: var(--font-cairo) !important;
    direction: rtl !important;
    text-align: right !important;
}

/* --------------------------------------------------------------------------
   6. Storefront Banner & Breadcrumb Section (RTL Localization & Parity)
   -------------------------------------------------------------------------- */

html[lang="ar"] .breadcrumb__section.breadcrumb__bg,
html[lang="ar"] .breadcrumb__bg {
    position: relative !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 200px !important;
    height: auto;
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .breadcrumb__section.breadcrumb__bg,
    html[lang="ar"] .breadcrumb__bg {
        min-height: 230px !important;
        height: 230px !important;
    }
}

@media only screen and (min-width: 992px) {
    html[lang="ar"] .breadcrumb__section.breadcrumb__bg,
    html[lang="ar"] .breadcrumb__bg {
        min-height: 250px !important;
        height: 250px !important;
    }
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .breadcrumb__section.breadcrumb__bg,
    html[lang="ar"] .breadcrumb__bg {
        min-height: 270px !important;
        height: 270px !important;
    }
}

@media only screen and (min-width: 1600px) {
    html[lang="ar"] .breadcrumb__section.breadcrumb__bg,
    html[lang="ar"] .breadcrumb__bg {
        min-height: 300px !important;
        height: 300px !important;
    }
}

html[lang="ar"] .breadcrumb__content {
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
}

html[lang="ar"] .breadcrumb__content--title {
    font-family: var(--font-cairo) !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

@media only screen and (min-width: 1200px) {
    html[lang="ar"] .breadcrumb__content--title {
        font-size: 5rem !important;
        line-height: 6rem !important;
    }
}

@media only screen and (min-width: 1600px) {
    html[lang="ar"] .breadcrumb__content--title {
        font-size: 6rem !important;
        line-height: 8rem !important;
    }
}

html[lang="ar"] .breadcrumb__content--menu {
    direction: rtl !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
    row-gap: 6px !important;
}

html[lang="ar"] .breadcrumb__content--menu__items {
    position: relative !important;
    margin-right: 0 !important;
    margin-left: 20px !important;
    padding-right: 0 !important;
    padding-left: 22px !important;
    font-family: var(--font-cairo) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
}

@media only screen and (min-width: 768px) {
    html[lang="ar"] .breadcrumb__content--menu__items {
        font-size: 18px !important;
    }
}

/* Exact dash separator: 10px x 2px, white color, vertically centered at 50% and horizontally aligned */
html[lang="ar"] .breadcrumb__content--menu__items::before {
    position: absolute !important;
    content: "" !important;
    width: 10px !important;
    height: 2px !important;
    background: var(--white-color, #ffffff) !important;
    right: auto !important;
    left: -4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
    opacity: 1 !important;
}

html[lang="ar"] .breadcrumb__content--menu__items:last-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html[lang="ar"] .breadcrumb__content--menu__items:last-child::before {
    display: none !important;
    content: none !important;
}

/* Eliminate any accidental legacy ::after pseudo-element separators */
html[lang="ar"] .breadcrumb__content--menu__items::after,
html[lang="ar"] .breadcrumb__content--menu__items:not(:last-child)::after {
    display: none !important;
    content: none !important;
    padding: 0 !important;
}

html[lang="ar"] .breadcrumb__content--menu__items a,
html[lang="ar"] .breadcrumb__content--menu__items span {
    font-family: var(--font-cairo) !important;
    display: inline-block !important;
    color: var(--white-color, #ffffff) !important;
}

/* --------------------------------------------------------------------------
   7. Customer Authentication Pages (Login & Registration RTL Support)
   -------------------------------------------------------------------------- */

html[lang="ar"] .account__login {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .account__login--header__title,
html[lang="ar"] .account__login--header__desc,
html[lang="ar"] .account__login--label {
    font-family: var(--font-cairo) !important;
    text-align: right !important;
}

html[lang="ar"] .account__login--input {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo);
}

html[lang="ar"] .account__login--input[type="tel"],
html[lang="ar"] #reg_phone {
    direction: ltr !important;
    text-align: right !important;
    unicode-bidi: plaintext;
    font-family: inherit;
}

html[lang="ar"] .account__login--input[type="email"],
html[lang="ar"] #login_email,
html[lang="ar"] #reg_email {
    text-align: right !important;
    unicode-bidi: plaintext;
}

html[lang="ar"] .account__login--input[type="password"],
html[lang="ar"] .account__login--input.has-toggle {
    padding-left: 45px !important;
    padding-right: 15px !important;
}

html[lang="ar"] .password-toggle-btn {
    right: auto !important;
    left: 15px !important;
}

html[lang="ar"] .account__login--remember__forgot {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .account__login--remember {
    display: inline-flex;
    align-items: center;
}

html[lang="ar"] .account__login--remember .checkout__checkbox--checkmark {
    right: 0 !important;
    left: auto !important;
}

html[lang="ar"] .account__login--remember .checkout__checkbox--label {
    padding-right: 28px !important;
    padding-left: 0 !important;
    font-family: var(--font-cairo) !important;
}

html[lang="ar"] .account__login--btn {
    font-family: var(--font-cairo) !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

html[lang="ar"] .account__login--btn span {
    font-family: var(--font-cairo) !important;
}

html[lang="ar"] .account__login--signup__text {
    font-family: var(--font-cairo) !important;
    text-align: center !important;
}

html[lang="ar"] .account__login--signup__text a {
    font-family: var(--font-cairo) !important;
}

html[lang="ar"] .password-requirements-list {
    text-align: right;
    padding: 0;
    margin-top: 8px;
}

html[lang="ar"] .password-requirements-list li {
    font-family: var(--font-cairo) !important;
    justify-content: flex-start;
    direction: rtl;
    gap: 8px;
}

html[lang="ar"] .password-requirements-list li span {
    font-family: var(--font-cairo) !important;
}

html[lang="ar"] .password-match-feedback {
    font-family: var(--font-cairo) !important;
    text-align: right !important;
    direction: rtl;
}

html[lang="ar"] .char-counter {
    direction: ltr !important;
    display: inline-block;
}

/* --------------------------------------------------------------------------
   8. Customer Account Area & Wishlist (RTL)
   -------------------------------------------------------------------------- */

html[lang="ar"] .my__account--section {
    direction: rtl;
    text-align: right;
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .account__welcome--text {
    font-family: var(--font-cairo), sans-serif;
    text-align: right;
}

html[lang="ar"] .account__left--sidebar {
    margin-right: 0 !important;
    margin-left: 3rem !important;
    text-align: right;
}

@media only screen and (max-width: 991px) {
    html[lang="ar"] .account__left--sidebar {
        margin-left: 0 !important;
        margin-bottom: 25px;
    }
}

html[lang="ar"] .account__content--title {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right;
}

html[lang="ar"] .account__menu {
    padding-right: 0;
    padding-left: 0;
    list-style: none;
    text-align: right;
}

html[lang="ar"] .account__menu--list a,
html[lang="ar"] .account__menu--list button {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

html[lang="ar"] .account__menu--list svg,
html[lang="ar"] .account__menu--list button svg {
    margin-left: 0.8rem !important;
    margin-right: 0 !important;
}

html[lang="ar"] .account__wrapper {
    text-align: right;
    direction: rtl;
}

html[lang="ar"] .account__table {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .account__table--header__child--items {
    text-align: right;
    font-family: var(--font-cairo), sans-serif !important;
    font-weight: 700;
}

html[lang="ar"] .account__table--header__child--items.text-center {
    text-align: center !important;
}

html[lang="ar"] .account__table--header__child--items.text-end {
    text-align: left !important;
}

html[lang="ar"] .account__table--body__child--items {
    text-align: right;
    font-family: var(--font-cairo), sans-serif !important;
}

html[lang="ar"] .account__table--body__child--items.text-center {
    text-align: center !important;
}

html[lang="ar"] .account__table--body__child--items.text-end {
    text-align: left !important;
}

html[lang="ar"] .badge-status {
    font-family: var(--font-cairo), sans-serif !important;
}

html[lang="ar"] .order-details-btn {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: center;
}

html[lang="ar"] .account__mobile--order-card {
    text-align: right;
    direction: rtl;
    font-family: var(--font-cairo), sans-serif;
}

/* Order Details RTL */
html[lang="ar"] .order-info-box {
    text-align: right;
    direction: rtl;
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .order-info-title {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right;
}

html[lang="ar"] .order-info-item {
    font-family: var(--font-cairo), sans-serif;
    text-align: right;
}

html[lang="ar"] .order-item-badges {
    justify-content: flex-start;
}

html[lang="ar"] .order-item-badge {
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .order-note-btn {
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .order-note-btn svg {
    margin-left: 4px;
    margin-right: 0;
}

html[lang="ar"] .order-items__toggle-btn {
    font-family: var(--font-cairo), sans-serif !important;
}

/* Profile Form RTL */
html[lang="ar"] .account__form--section {
    text-align: right;
    direction: rtl;
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .account__form--section .account__login--label {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right;
}

html[lang="ar"] .account__form--section .primary__btn {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: center;
}

/* Wishlist RTL */
html[lang="ar"] .wishlist-range-counter {
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .wishlist__table--custom th.text-start,
html[lang="ar"] .wishlist__table--custom td.text-start {
    text-align: right !important;
}

html[lang="ar"] .wishlist__table--custom th.text-end,
html[lang="ar"] .wishlist__table--custom td.text-end {
    text-align: left !important;
}

html[lang="ar"] .cart__thumbnail {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

html[lang="ar"] .wishlist__product--title {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: right;
}

html[lang="ar"] .wishlist__view-details--btn {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: center;
}

html[lang="ar"] .wishlist__remove--btn {
    font-family: var(--font-cairo), sans-serif !important;
}

html[lang="ar"] .continue__shopping--link {
    font-family: var(--font-cairo), sans-serif !important;
}

html[lang="ar"] .wishlist__empty--state {
    font-family: var(--font-cairo), sans-serif;
}

html[lang="ar"] .wishlist__empty--title,
html[lang="ar"] .wishlist__empty--desc {
    font-family: var(--font-cairo), sans-serif !important;
}

/* --------------------------------------------------------------------------
   Checkout RTL Localization: Governorate & Area dropdowns & Required Star
   -------------------------------------------------------------------------- */
html[lang="ar"] .checkout__input--label__star,
[dir="rtl"] .checkout__input--label__star {
    color: #DC3545 !important;
    font-weight: 700;
}

/* In Arabic RTL: place dropdown chevron on LEFT side, text on RIGHT */
html[dir="rtl"] .checkout__input--select.select::before,
[dir="rtl"] .checkout__input--select.select::before {
    left: 18px !important;
    right: auto !important;
}

html[dir="rtl"] .checkout__input--select__field,
[dir="rtl"] .checkout__input--select__field {
    text-align: right !important;
    direction: rtl !important;
    padding: 0.5rem 1.5rem 0.5rem 3.5rem !important;
}

/* Hide duplicate outer chevron when Select2 is active */
[dir="rtl"] .checkout__input--select.has-select2::before,
[dir="rtl"] .checkout__input--select.select:has(.select2)::before,
[dir="rtl"] .checkout__input--select.select:has(.select2-container)::before {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Category Carousel RTL Localization & Mobile Navigation
   -------------------------------------------------------------------------- */
html[lang="ar"] .category__title,
[dir="rtl"] .category__title {
    font-family: var(--font-cairo), sans-serif !important;
}

/* Category navigation buttons in RTL: next on physical left, prev on physical right */
html[lang="ar"] .category__nav--btn.swiper-button-prev,
[dir="rtl"] .category__nav--btn.swiper-button-prev {
    right: 0 !important;
    left: auto !important;
}

html[lang="ar"] .category__nav--btn.swiper-button-prev::after,
[dir="rtl"] .category__nav--btn.swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

html[lang="ar"] .category__nav--btn.swiper-button-next,
[dir="rtl"] .category__nav--btn.swiper-button-next {
    left: 0 !important;
    right: auto !important;
}

html[lang="ar"] .category__nav--btn.swiper-button-next::after,
[dir="rtl"] .category__nav--btn.swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* --------------------------------------------------------------------------
   Product Card Title & Card Alignment (Arabic RTL)
   -------------------------------------------------------------------------- */
html[lang="ar"] .product__items--content__title,
[dir="rtl"] .product__items--content__title {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: center !important;
    line-height: 1.4;
    min-height: 2.8em;
}

html[lang="ar"] .product__items--content__title a,
[dir="rtl"] .product__items--content__title a {
    font-family: var(--font-cairo), sans-serif !important;
    text-align: center !important;
}

@media only screen and (max-width: 576px) {
    html[lang="ar"] .product__items--content__title,
    [dir="rtl"] .product__items--content__title {
        min-height: 2.7em;
        line-height: 1.35;
    }
}