/* Tech Souq / AR storefront only. Do not include in EN or CMS. */
html[dir="rtl"] { direction: rtl; }
body { direction: rtl; text-align: right; font-family: "Cairo", Tahoma, Arial, sans-serif; }
body :is(button,input,select,textarea) { font-family: inherit; }
.rbt-mainmenu-nav, .rbt-header, .rbt-footer { direction: rtl; }
.rbt-mainmenu-nav .mainmenu { padding-right: 0; }
.rbt-component-section-title, .rbt-header .rbt-header-sec, .footer-widget { text-align: right; }
.rbt-catagories-section .rbt-catagories-card, .rbt-product-card, .rbt-brand { direction: rtl; }
.rbt-card .rbt-card-body, .rbt-card .rbt-card-title, .rbt-banner-title,
.rbt-banner-subtitle, .rbt-pricing-part, .ft-title { text-align: right; }
.rbt-footer .ft-link { padding-inline-start: 0; }
.rbt-footer .ft-link li, .rbt-mainmenu-nav li { text-align: right; }
.rbt-product-banner-content { direction: rtl; text-align: right; }
/* English product SKUs, prices, emails, phone numbers stay readable in mixed text. */
input[type="email"], input[type="tel"], input[name="sku"], .techsouq-ltr, [dir="ltr"] { direction: ltr; unicode-bidi: isolate; }
.rbt-pricing-part .rbt-price-text, .rbt-pricing-part del, [data-techsouq-cart-total] { direction: ltr; unicode-bidi: isolate; display: inline-block; }
/* Carousel controls remain controlled by Swiper; do not reverse the DOM/JS blindly. */
.rbt-swiper-arrow { direction: ltr; }
/* The original Bootstrap util classes are LTR; adjust only known visible spacing in AR. */
.rbt-footer .pr--52 { padding-right: 0 !important; padding-left: 52px !important; }
.rbt-header .mainmenu > li:first-child { margin-inline-start: 0; }
.rbt-header .mainmenu a { unicode-bidi: plaintext; }
.rbt-catagories-section .rbt-card-title { overflow-wrap: anywhere; }
/* Avoid hiding first-paint content during scroll-trigger animations (LCP/accessibility). */
.rbt-elctro-hero-banner .swiper-slide:nth-child(-n+2) .rbt-product-banner,
.rbt-catagories-area .rbt-component-section-title { opacity: 1; }
@media(max-width: 767px) {
  .rbt-footer .pr--52 { padding-left: 0 !important; }
  .rbt-header .rbt-header-wrapper { direction: rtl; }
  .rbt-product-banner-content { text-align: right; }
}

/* Arabic storefront navigation: override LTR defaults from the original theme.
   Scoped to AR's RTL stylesheet; the English theme remains untouched. */
.rbt-header .rbt-mainmenu-nav .mainmenu,
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu {
    direction: rtl;
    text-align: right;
}

/* The theme positions dropdowns with left:0 and text-align:left. In RTL,
   the first submenu must start at its parent item's RIGHT edge instead. */
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu {
    left: auto;
    right: 0;
    direction: rtl;
    text-align: right;
}
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu li,
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu li > a {
    direction: rtl;
    text-align: right;
}
/* Future multilevel dropdowns open toward the left, not off the right edge. */
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu li > ul.submenu {
    left: auto;
    right: 100%;
    text-align: right;
}

/* Mobile offcanvas uses an LTR indentation and a right-side +/- icon. */
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu,
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu li,
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu li > a {
    direction: rtl;
    text-align: right;
}
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu .has-dropdown .submenu {
    padding-left: 0;
    padding-right: 14px;
    text-align: right;
}
.popup-mobile-menu .rbt-mainmenu-nav .mainmenu .has-dropdown > a::after {
    right: auto;
    left: 0;
}
.popup-mobile-menu .techsouq-mobile-category-menu > li > a > .fa-chevron-down {
    margin-left: 0;
    margin-right: auto;
}
/* Search category flyout should read right-to-left as well. */
.rbt-header .techsouq-search-category-menu {
    direction: rtl;
    text-align: right;
}

/* Header spacing corrections (AR only): theme defaults assume left-to-right. */
/* Keep a readable gap between category label and dropdown arrow, in both
   desktop navigation and the sticky header, without changing their order. */
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > a {
    display: inline-flex;
    align-items: center;
    column-gap: 9px;
}
.rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > a > i {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-shrink: 0;
}

/* Top strip: announcements start from the right; quick links sit on the left.
   Re-space the RTL separator between Order Tracking and the language links. */
.rbt-header .rbt-topbar-one .fancy-menu-text .rbt-fancy-text {
    direction: rtl;
    text-align: right;
    gap: 14px;
}
.rbt-header .rbt-topbar-one .rbt-text-swiper-container,
.rbt-header .rbt-topbar-one .rbt-text-swiper-container .swiper-slide {
    direction: rtl;
    text-align: right;
}
.rbt-header .rbt-topbar-one .rbt-fancy-link.ml--4 {
    margin-left: 0 !important;
    margin-right: 7px !important;
}
.rbt-header .rbt-topbar-one .rbt-quick-access > li.rbt-access-box {
    direction: rtl;
    align-items: center;
    white-space: nowrap;
}
.rbt-header .rbt-topbar-one .rbt-quick-access > li.rbt-access-box > .header-info + .header-info {
    margin-left: 0 !important;
    margin-right: 18px !important;
    padding-right: 18px;
}
.rbt-header .rbt-topbar-one .rbt-quick-access > li.rbt-access-box > .header-info + .header-info::before {
    left: auto !important;
    right: 0 !important;
}
.rbt-header .rbt-topbar-one .rbt-quick-access > li.rbt-access-box > .header-info:last-child {
    display: flex;
    align-items: center;
    gap: 7px;
}
.rbt-header .rbt-topbar-one .techsouq-language-current {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
.rbt-header .rbt-topbar-one .techsouq-language-separator {
    margin: 0 2px;
    color: #999;
}
@media (max-width: 1199px) {
    /* On smaller layouts the top strip may wrap; avoid forcing its hidden
       desktop quick-link row to occupy space. */
    .rbt-header .rbt-topbar-one .rbt-fancy-item.fancy-menu-text .rbt-fancy-text {
        gap: 10px;
    }
}

/* AR homepage card spacing and card typography. Keep English theme untouched. */
/* Category card: mirror the template's LTR padding-right:0. Content stays on the
   right; its gutter must now be on the right, away from the card edge. */
html[dir="rtl"] .techsouq-home-category-card.rbt-cat-box-7 .content {
    padding: 24px 24px 24px 0;
    text-align: right;
    min-width: 0;
}
html[dir="rtl"] .techsouq-home-category-card .content .title,
html[dir="rtl"] .techsouq-home-category-card .quick-link-list,
html[dir="rtl"] .techsouq-home-category-card .quick-link-list li {
    text-align: right;
}
html[dir="rtl"] .techsouq-home-category-card .quick-link-list {
    padding-inline-start: 0;
    padding-inline-end: 0;
}
/* Text in merchandise cards: the source template sets text-align:left. */
html[dir="rtl"] #rbt-product-block-01 .rbt-product-card .rbt-card-body,
html[dir="rtl"] #rbt-product-block-04 .rbt-product-card .rbt-card-body {
    text-align: right;
    direction: rtl;
}
html[dir="rtl"] #rbt-product-block-01 .rbt-product-card .rbt-card-title,
html[dir="rtl"] #rbt-product-block-04 .rbt-product-card .rbt-card-title,
html[dir="rtl"] #rbt-product-block-01 .rbt-product-card .rbt-card-subtitle,
html[dir="rtl"] #rbt-product-block-04 .rbt-product-card .rbt-card-subtitle,
html[dir="rtl"] #rbt-product-block-04 .description-text {
    text-align: right;
}
/* Product names may be English until their Arabic CMS content is filled in.
   Keep English product codes and punctuation readable while aligned right. */
html[dir="rtl"] #rbt-product-block-01 .rbt-card-title a,
html[dir="rtl"] #rbt-product-block-04 .rbt-card-title a {
    unicode-bidi: plaintext;
}
html[dir="rtl"] #rbt-product-block-01 .rbt-product-card .pricing-part,
html[dir="rtl"] #rbt-product-block-04 .rbt-product-card .pricing-part {
    direction: rtl;
    text-align: right;
    justify-content: flex-start;
}
html[dir="rtl"] #rbt-product-block-01 .pricing-part .price-text,
html[dir="rtl"] #rbt-product-block-04 .pricing-part .price-text {
    unicode-bidi: isolate;
}
/* RTL product actions: icons have the gap on their LEFT, not their right. */
html[dir="rtl"] .rbt-product-card .prd-btn-grp .rbt-btn {
    direction: rtl;
    text-align: center;
}
html[dir="rtl"] .rbt-product-card .prd-btn-grp .rbt-btn.has-left-icon i {
    margin-right: 0;
    margin-left: 8px;
}
/* The prominent featured product uses a list-layout variant. Keep image
   order and fixed card proportions; only mirror internal text spacing. */
html[dir="rtl"] #rbt-product-block-04 .rbt-product-card.rbt-list-view-variation .rbt-card-body {
    padding-inline-start: 0;
    text-align: right;
}
@media only screen and (max-width:767px) {
    html[dir="rtl"] .techsouq-home-category-card.rbt-cat-box-7 .content {
        padding: 0; /* responsive template already supplies outer card padding */
        width: 100%;
    }
    html[dir="rtl"] .techsouq-home-category-card.rbt-cat-box-7 .rbt-icon-overlay-link-btn {
        left: auto;
        right: 12px;
    }
}

/* Phase 2A: catalog and product details. Scoped to AR storefront. */
html[lang="ar"] .rbt-breadcrumb-inner,
html[lang="ar"] .rbt-sidebar,
html[lang="ar"] .rbt-shop-tools-wrapper,
html[lang="ar"] .rbt-card-body,
html[lang="ar"] .rbt-single-product-area,
html[lang="ar"] .product-details-list { direction: rtl; text-align: right; }
html[lang="ar"] .rbt-breadcrumb-page-list { justify-content: flex-start !important; direction: rtl; }
html[lang="ar"] .rbt-breadcrumb-page-list .icon-right { transform: scaleX(-1); }
html[lang="ar"] .rbt-sidebar .rbt-single-widget,
html[lang="ar"] .rbt-shop-tools-wrapper .rbt-shop-tool-content { text-align: right; }
html[lang="ar"] .rbt-shop-tools-wrapper { gap: 12px; }
html[lang="ar"] .rbt-filter-offcanvas-area.start-from-left { left: auto; right: 0; }
html[lang="ar"] .rbt-shop-tools-wrapper .rbt-modern-select { direction: rtl; }
html[lang="ar"] .rbt-single-product-area .techsouq-product-actions,
html[lang="ar"] .rbt-single-product-area .techsouq-action-buttons { justify-content: flex-start; }
html[lang="ar"] .rbt-single-product-area .rbt-pricing-part,
html[lang="ar"] .techsouq-listing-pricing { direction: rtl; }
html[lang="ar"] .techsouq-listing-pricing .techsouq-price-values { direction: rtl; }
html[lang="ar"] .rbt-single-product-area .product-details-list li { direction: rtl; }
html[lang="ar"] .rbt-single-product-area input[type="number"] { direction: ltr; text-align: center; }
html[lang="ar"] .techsouq-listing-pricing .price-text,
html[lang="ar"] .rbt-single-product-area .price-text { unicode-bidi: isolate; }
@media (max-width: 767px) {
  html[lang="ar"] .rbt-shop-tools-wrapper { flex-wrap: wrap; }
}

/* SHOP FILTER OFFCANVAS RTL — prevent hidden mobile filter panel from
   appearing in the middle of the page. The base theme uses -105% for
   start-from-left. Once mirrored to right:0, the closed-state
   displacement MUST be +105% to remain offscreen on the right. */
html[lang="ar"] .rbt-filter-offcanvas-area.side-menu.start-from-left {
    left: auto;
    right: 0;
    transform: translate3d(105%, 0, 0);
}
html[lang="ar"] .rbt-filter-offcanvas-area.side-menu.start-from-left.side-menu-active {
    transform: translate3d(0, 0, 0);
}

/* AR SHOP: the mobile off-canvas is not a desktop sidebar.
   Prevent a theme JS active state from covering desktop product cards. */
@media (min-width: 992px) {
    html[lang="ar"] .rbt-shop-filter-area .rbt-filter-offcanvas-area {
        display: none !important;
    }
}

/* AR SHOP: product card details. Theme LTR bullets use negative left and
   left padding; mirror both without changing English or other list types. */
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area,
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .wrapper {
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list {
    direction: rtl;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
    gap: 8px;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list li {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 1.65;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list li::before {
    left: auto;
    right: -15px;
    top: 10px;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list li .rbt-bold--text {
    display: inline;
    margin-left: 5px;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list li .text {
    display: inline;
    unicode-bidi: isolate;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .rbt-show-more-btn {
    direction: rtl;
}
@media only screen and (max-width: 479px) {
    html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list {
        padding: 0 13px 0 0;
        gap: 6px;
    }
    html[lang="ar"] .rbt-shop-filter-area .techsouq-product-grid-card .prd-details-area .product-details-list li::before {
        left: auto;
        right: -9px;
        top: 8px;
    }
}


/* Shop: right-align the activated custom sort menu and its labels. */
html[lang="ar"] .rbt-shop-view-sort-select-one,
html[lang="ar"] .rbt-shop-view-sort-select-one .nice-select,
html[lang="ar"] .rbt-shop-view-sort-select-one .nice-select .list,
html[lang="ar"] .rbt-shop-view-sort-select-one .nice-select .option,
html[lang="ar"] .rbt-shop-view-sort-select-one .rbt-select-dropdown,
html[lang="ar"] .rbt-shop-view-sort-select-one .dropdown-menu {
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .rbt-shop-view-sort-select-one .nice-select .list,
html[lang="ar"] .rbt-shop-view-sort-select-one .dropdown-menu {
    right: 0;
    left: auto;
}
html[lang="ar"] .rbt-shop-view-sort-select-one .nice-select .option { padding-inline-start: 12px; padding-inline-end: 18px; }
/* PDP media: never crop an uploaded product photo; preserve its full content. */
html[lang="ar"] .rbt-single-product-media-area .rbt-product-single-img:not(.techsouq-gallery-placeholder),
html[lang="ar"] .rbt-single-product-media-area .thumbnail {
    background: #fff;
}
html[lang="ar"] .rbt-single-product-media-area .rbt-product-single-img:not(.techsouq-gallery-placeholder) img,
html[lang="ar"] .rbt-single-product-media-area .rbt-product-single-img:not(.techsouq-gallery-placeholder) img.w-100 {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center center;
}
html[lang="ar"] .rbt-single-product-media-area .rbt-thumb-img-sm img { object-fit: contain !important; object-position: center; }

/* Actual Unimart custom select uses bootstrap-select (not nice-select). */
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select,
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu,
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu .inner,
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu li,
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu li a {
    direction: rtl !important;
    text-align: right !important;
}
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu li a span.text {
    text-align: right !important;
    display: block;
}
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select > .dropdown-toggle .filter-option,
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
    text-align: right !important;
    direction: rtl;
}
html[lang="ar"] .rbt-shop-view-sort-select-one .bootstrap-select .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

/* 11 Oct Arabic follow-up: image containment without the template's folder mask.
   Image and its visible slide use the same square ratio, with NO cover/crop. */
html[lang="ar"] .techsouq-ar-product-gallery {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation,
html[lang="ar"] .techsouq-ar-product-gallery .swiper,
html[lang="ar"] .techsouq-ar-product-gallery .swiper-wrapper,
html[lang="ar"] .techsouq-ar-product-gallery .swiper-slide {
    max-width: 100%;
    min-width: 0;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 8px;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation .thumbnail,
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation .rbt-product-single-img,
html[lang="ar"] .techsouq-ar-product-gallery > .rbt-arrow-between .thumbnail,
html[lang="ar"] .techsouq-ar-product-gallery > .rbt-arrow-between .rbt-product-single-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-img:not(.techsouq-gallery-placeholder) {
    display: flex;
    align-items: center;
    justify-content: center;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-img:not(.techsouq-gallery-placeholder) > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
/* Thumbnail gallery: preserve full photos too. */
html[lang="ar"] .techsouq-ar-product-gallery .rbt-thumb-img-sm,
html[lang="ar"] .techsouq-ar-product-gallery .rbt-thumb-img-sm img {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
html[lang="ar"] .techsouq-ar-product-gallery .rbt-thumb-img-sm img {
    width: 100%;
    object-fit: contain !important;
    object-position: center;
}
/* Bidirectional pieces in Footer: isolate Latin brand/company names and phone. */
html[lang="ar"] .techsouq-footer-copyright,
html[lang="ar"] .techsouq-footer-payment {
    direction: rtl;
    unicode-bidi: isolate;
}
html[lang="ar"] .techsouq-footer-copyright bdi,
html[lang="ar"] .techsouq-footer-payment bdi {
    unicode-bidi: isolate;
    white-space: nowrap;
}
html[lang="ar"] .techsouq-footer-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}
html[lang="ar"] .techsouq-footer-payment li { margin: 0; }
/* Product details mobile: comfortable headings and no horizontal photo overflow. */
@media only screen and (max-width: 767px) {
    html[lang="ar"] .rbt-single-product-area .container,
    html[lang="ar"] .rbt-single-product-area .row,
    html[lang="ar"] .rbt-single-product-area .col-12 {
        min-width: 0;
        max-width: 100%;
    }
    html[lang="ar"] .rbt-single-product-area .rbt-card-title {
        font-size: clamp(21px, 5.3vw, 28px);
        line-height: 1.5;
        overflow-wrap: anywhere;
        text-align: right;
    }
    html[lang="ar"] .rbt-single-product-area .rbt-info-wrapper,
    html[lang="ar"] .rbt-single-product-area .pricing-part,
    html[lang="ar"] .rbt-single-product-area .techsouq-product-actions {
        flex-wrap: wrap;
        max-width: 100%;
    }
    html[lang="ar"] .rbt-single-product-area .pricing-part .price-text {
        white-space: nowrap;
    }
    html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation .thumbnail,
    html[lang="ar"] .techsouq-ar-product-gallery .rbt-product-single-slider-activation .rbt-product-single-img {
        aspect-ratio: 1 / 1;
    }
    html[lang="ar"] .rbt-single-product-area .rbt-breadcrumb-page-list { flex-wrap: wrap; }
}
@media only screen and (max-width: 991px) {
    html[lang="ar"] .techsouq-ar-product-gallery.position-sticky-top {
        position: static !important;
        top: auto !important;
    }
}

/* 11 Oct: Arabic shop navigation — native sort avoids Bootstrap Select's
   LTR popper positioning, which sends the dropdown outside the left edge. */
html[lang="ar"] .rbt-shop-filter-area .techsouq-ar-sort-native {
    display: inline-block;
    width: auto;
    min-width: 120px;
    max-width: min(260px, 78vw);
    height: 38px;
    padding: 5px 12px 5px 27px;
    border: 0;
    border-radius: 22px;
    background-color: #e9f1fc;
    color: #1f2933;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    direction: rtl;
    text-align: right;
    cursor: pointer;
    appearance: auto;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-ar-sort-native:focus-visible {
    outline: 2px solid #18a93b;
    outline-offset: 2px;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-tools-select-single {
    direction: rtl;
    display: flex;
    gap: 7px;
    align-items: center;
    min-width: 0;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-shop-tools-wrapper {
    min-width: 0;
}
/* The theme's curved pagination joining images assume LTR and extend left
   of the last item. Keep page links and hit targets, remove those ornaments. */
html[lang="ar"] .techsouq-ar-pagination-nav {
    direction: rtl;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    margin-top: 2px;
}
html[lang="ar"] .techsouq-ar-pagination-nav .techsouq-server-pagination {
    direction: rtl;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
html[lang="ar"] .techsouq-ar-pagination-nav .rbt-pagination li {
    margin: 0;
    flex: 0 0 44px;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background: #e8e9ec;
}
html[lang="ar"] .techsouq-ar-pagination-nav .rbt-pagination li + li::before {
    content: none !important;
    display: none !important;
}
html[lang="ar"] .techsouq-ar-pagination-nav .rbt-pagination li a.active {
    color: #158b35;
    background: white;
    box-shadow: inset 0 0 0 2px #1da83c;
}
html[lang="ar"] .techsouq-ar-pagination-nav .rbt-pagination li a[data-disabled="true"] {
    opacity: .45;
    pointer-events: none;
}
/* Additional navigation overlays inside the AR header anchor to the right. */
html[lang="ar"] .rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu,
html[lang="ar"] .rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .rbt-dropdown-menu {
    right: 0;
    left: auto;
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .rbt-header .rbt-mainmenu-nav .mainmenu > li.has-dropdown > .submenu a {
    text-align: right;
}
@media (max-width: 767px) {
    html[lang="ar"] .techsouq-ar-pagination-nav .rbt-pagination li {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }
}

/* Product details: contain the slider's transformed slides and long mixed
   Arabic/Latin headings within the PDP, not by hiding overflow globally. */
html[lang="ar"] .rbt-single-product-area .row > [class*="col-"] {
    min-width: 0;
}
html[lang="ar"] .rbt-single-product-area .rbt-single-product-content,
html[lang="ar"] .rbt-single-product-area .techsouq-ar-product-gallery {
    min-width: 0;
    max-width: 100%;
}
html[lang="ar"] .rbt-single-product-area .rbt-single-product-content .rbt-card-title {
    overflow-wrap: anywhere;
}
html[lang="ar"] .rbt-single-product-area .techsouq-ar-product-gallery .swiper {
    max-width: 100%;
    overflow: hidden;
}
html[lang="ar"] .rbt-single-product-area {
    overflow-x: clip;
}

/* AR PDP: the previous/next product previews live in the left-hand
   breadcrumb navigation. The LTR template anchored a 306px preview by its
   right edge, placing it outside the viewport even when visibility:hidden.
   Anchor the preview at the nav item's LEFT edge so it opens inward. */
html[lang="ar"] .rbt-breadcrumb-two .rbt-single-nav .rbt-products-nav .rbt-event-hover > .rbt-dropdown {
    left: 0 !important;
    right: auto !important;
    width: min(306px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
}
html[lang="ar"] .rbt-breadcrumb-two .rbt-single-nav .rbt-products-nav .rbt-dropdown .rbt-product-card {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    max-width: 100%;
}
/* Allow the breadcrumbs to wrap within the container without pushing its
   adjacent navigation or the long mixed-language product title beyond it. */
html[lang="ar"] .rbt-breadcrumb-two .rbt-breadcrumb-inner {
    min-width: 0;
    max-width: 100%;
}
html[lang="ar"] .rbt-breadcrumb-two .rbt-breadcrumb-page-list {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}
html[lang="ar"] .rbt-breadcrumb-two .rbt-single-nav {
    flex-shrink: 0;
}
@media only screen and (max-width: 575px) {
    html[lang="ar"] .rbt-breadcrumb-two .rbt-breadcrumb-inner {
        gap: 12px;
    }
}

/* 11 Oct 2026 - AR header inline alignment (top strip and hotline/cart). */
/* Announcement: keep its dynamic prefix and message together in RTL. */
html[lang="ar"] .rbt-header-wrapper-one .rbt-topbar-one .fancy-menu-text .rbt-fancy-text {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    text-align: right;
}
html[lang="ar"] .rbt-header-wrapper-one .rbt-topbar-one .fancy-menu-text .rbt-fancy-text > strong {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}
html[lang="ar"] .rbt-header-wrapper-one .rbt-topbar-one .fancy-menu-text .rbt-text-swiper-container {
    direction: rtl;
    min-width: 0;
    margin: 0;
    text-align: right;
}
html[lang="ar"] .rbt-header-wrapper-one .rbt-topbar-one .fancy-menu-text .swiper-slide {
    direction: rtl;
    text-align: right;
}
/* Middle header: in the RTL order, place each icon on the right of its own text. */
@media (min-width: 1200px) {
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right > .rbt-quick-access {
        direction: rtl;
        display: flex;
        align-items: center;
        gap: 18px;
    }
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right > .rbt-quick-access > li.rbt-access-box {
        margin: 0;
        min-width: 0;
    }
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box-wrapper {
        direction: rtl;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box-wrapper > .rbt-round-btn {
        flex: 0 0 auto;
        margin: 0;
    }
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box-wrapper > .content {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0;
        direction: rtl;
        text-align: right;
        align-items: flex-start;
    }
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box-wrapper > .content > p,
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box-wrapper > .content > span {
        margin: 0;
        text-align: right;
        white-space: nowrap;
    }
    /* Telephone digits have an LTR reading order within the Arabic label. */
    html[lang="ar"] .rbt-header-wrapper-one .rbt-wrapper-middle .header-right .rbt-access-box:not(.rbt-mini-cart) .content > span {
        direction: ltr;
        unicode-bidi: isolate;
    }
}

/* Arabic Home Hero: CMS images are full transparent product compositions
   with the products already on their right side. Keep the original image
   and masked-card template; reserve the blank left side for Arabic copy.
   The LTR flex wrapper positions the copy on the left, while the inner
   content remains fully RTL. Do not apply these rules to English sliders. */
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-inner {
    position: relative;
    isolation: isolate;
    min-height: 490px;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    object-position: center center;
    transform: none;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    min-height: 490px;
    padding: 35px 32px !important;
    direction: ltr;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text {
    box-sizing: border-box;
    direction: rtl;
    text-align: right;
    flex: 0 0 40%;
    width: 40%;
    max-width: 40% !important;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-subtitle,
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title {
    text-align: right;
    max-width: 100%;
    margin-inline: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-subtitle {
    font-size: clamp(13px, 1.2vw, 18px);
    line-height: 1.5;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
    font-size: clamp(22px, 2vw, 34px) !important;
    line-height: 1.32 !important;
    font-weight: 600;
    margin-top: 10px;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title bdi {
    unicode-bidi: isolate;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px !important;
    max-width: 100%;
    margin-top: 14px !important;
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part > span {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 8px;
    max-width: 100%;
    direction: rtl;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part .rbt-price-text {
    font-size: clamp(19px, 1.65vw, 27px);
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part .rbt-dis-price-text {
    font-size: 15px;
    line-height: 1.4;
    white-space: nowrap;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn {
    align-self: flex-start;
    margin-top: 20px !important;
    max-width: 100%;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn .rbt-btn-round {
    min-width: 88px;
    width: 88px;
    height: 88px;
    padding: 6px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}

/* On smaller screens, use separate vertical space for copy and image.
   This is scoped to the AR hero, preserving the global Swiper behaviour. */
@media only screen and (max-width: 991px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-inner {
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        display: block;
        direction: rtl;
        order: 1;
        flex: 0 0 auto;
        min-height: 0;
        padding: 22px 24px 0 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text {
        width: 100%;
        max-width: 100% !important;
        flex: none;
        align-items: flex-start;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img {
        position: relative;
        inset: auto;
        order: 2;
        width: 100%;
        height: 230px;
        flex: 0 0 230px;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img img {
        object-fit: contain;
        object-position: center bottom;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
        font-size: clamp(22px, 3vw, 28px) !important;
        line-height: 1.3 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn {
        margin-top: 12px !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn .rbt-btn-round {
        width: 72px;
        min-width: 72px;
        height: 72px;
        font-size: 11px;
    }
}
@media only screen and (max-width: 575px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        padding: 20px 20px 0 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img {
        height: 200px;
        flex-basis: 200px;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
        font-size: clamp(20px, 5.6vw, 25px) !important;
        line-height: 1.35 !important;
    }
}

/* Hero follow-up (2026-10-11): stop translated multi-line titles from being
   clipped/overlapping prices and keep the curved-mask notch off mobile text.
   The source WebP files have transparent margins around the product; on phones
   only that transparent padding is cropped to give the product useful size. */
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text > * {
    position: relative;
    flex-shrink: 0;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
    display: block;
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    overflow: visible !important;
    text-overflow: clip;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial;
    margin-bottom: 0 !important;
    overflow-wrap: anywhere;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title bdi {
    display: block;
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    unicode-bidi: isolate;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text .rbt-pricing-part {
    position: relative;
    flex: 0 0 auto;
    margin-top: 13px !important;
    min-width: 0;
}
html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part > span {
    min-width: 0;
    row-gap: 6px;
}
@media only screen and (min-width: 992px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        height: auto;
        min-height: 490px;
        padding: 61px 28px 28px !important;
        align-items: flex-start;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text {
        flex: 0 0 44%;
        width: 44%;
        max-width: 44% !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
        font-size: clamp(22px, 1.7vw, 28px) !important;
        line-height: 1.32 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn {
        margin-top: 14px !important;
    }
}
@media only screen and (max-width: 991px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-inner {
        height: auto !important;
        min-height: 0;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        height: auto !important;
        min-height: 0;
        padding: 50px 22px 0 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text {
        width: 100%;
        max-width: 100% !important;
        min-height: 0;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-subtitle {
        margin-top: 0 !important;
        font-size: 14px !important;
        line-height: 1.55;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
        margin-top: 8px !important;
        font-size: clamp(19px, 3vw, 25px) !important;
        line-height: 1.38 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text .rbt-pricing-part {
        margin-top: 10px !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img {
        height: 218px;
        flex: 0 0 218px;
        min-height: 0;
        overflow: hidden;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: 55% 50%;
        transform: none;
    }
}
@media only screen and (max-width: 575px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        padding: 46px 18px 0 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-title.rbt-banner-title-lg {
        font-size: clamp(19px, 5.2vw, 24px) !important;
        line-height: 1.35 !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-product-banner-img {
        height: 205px;
        flex-basis: 205px;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-pricing-part .rbt-price-text {
        font-size: clamp(17px, 4.7vw, 23px);
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn {
        margin-top: 11px !important;
    }
}


/* TechSouq AR — Filter checkboxes, details, and RTL navigation (2026-10-11). */
/* The theme keeps the checkbox on the left using LTR label pseudo-elements.
   Preserve the native input for keyboard/screen-reader behaviour and move
   both the interactive hit area and its visual square beside the RTL label. */
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group {
    position: relative;
    direction: rtl;
    text-align: right;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > label {
    box-sizing: border-box;
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    gap: 7px;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    margin: 0;
    padding: 6px 31px 6px 5px !important;
    cursor: pointer;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > input[type="checkbox"] {
    position: absolute !important;
    inset: 50% 7px auto auto;
    transform: translateY(-50%);
    z-index: 2;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    opacity: 0 !important;
    cursor: pointer;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > label::before {
    left: auto !important;
    right: 7px !important;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > label::after {
    left: auto !important;
    right: 12px !important;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > input[type="checkbox"]:focus-visible ~ label::before {
    outline: 2px solid #159d41;
    outline-offset: 3px;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper .rbt-lable.count,
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper .rbt-lable-count {
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0 3px 0 0 !important;
    direction: ltr;
    unicode-bidi: isolate;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-categories-brand-list-check .rbt-lable-content {
    display: inline-flex;
    align-items: center;
    direction: rtl;
    gap: 6px;
    min-width: 0;
    flex: 0 1 auto;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-categories-brand-list-check .rbt-lable-text {
    text-align: right;
    white-space: normal;
}
/* Align label/value pairs without sticking the colon to the value or
   introducing spaces on the wrong side of Latin SKU/model numbers. */
html[lang="ar"] .rbt-single-product-area .product-details-list.shipment-details-list {
    direction: rtl;
    text-align: right;
    padding: 0;
    margin: 0;
    width: 100%;
}
html[lang="ar"] .rbt-single-product-area .product-details-list.shipment-details-list > li {
    display: flex;
    flex-flow: row wrap;
    direction: rtl;
    justify-content: flex-start;
    align-items: baseline;
    gap: 2px 7px;
    padding: 0;
    text-align: right;
}
html[lang="ar"] .rbt-single-product-area .product-details-list.shipment-details-list > li .rbt-bold--text {
    margin: 0 !important;
    flex: 0 0 auto;
    white-space: normal;
    text-align: right;
}
html[lang="ar"] .rbt-single-product-area .product-details-list.shipment-details-list > li .text {
    margin: 0 !important;
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: right;
    unicode-bidi: plaintext;
}
/* The quantity buttons keep their JS increment/decrement classes. Only the
   VISUAL order changes: + on the right, value central, - on the left. */
html[lang="ar"] .rbt-single-product-area .product-btn-grp .rbt-qty-area {
    direction: rtl;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
html[lang="ar"] .rbt-single-product-area .product-btn-grp .rbt-qty-area .qty-item-btn-incr { order: 0; }
html[lang="ar"] .rbt-single-product-area .product-btn-grp .rbt-qty-area .items-qty-input { order: 1; direction: ltr; text-align: center; }
html[lang="ar"] .rbt-single-product-area .product-btn-grp .rbt-qty-area .qty-item-btn-decr { order: 2; }
/* Keep prev / page numbers / next in RTL reading order and use the
   appropriate facing chevrons, without changing page destinations. */
html[lang="ar"] .techsouq-ar-pagination-nav .techsouq-server-pagination { direction: rtl; }
html[lang="ar"] .rbt-breadcrumb-two .rbt-products-nav { direction: rtl; }
@media (max-width: 767px) {
    html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > label {
        min-height: 34px;
        padding-right: 30px !important;
    }
    html[lang="ar"] .rbt-single-product-area .product-details-list.shipment-details-list > li {
        gap: 3px 6px;
    }
}


/* ============================================================
   TechSouq AR: truly mirrored decorative shapes + filter layout.
   Directional SVG only. Product photography, brands and icons
   containing text must NEVER be flipped/mirrored.
   ============================================================ */

/* The LTR filter title is attached to the LEFT border and its
   curved SVG extends to the right. Mirror the arrangement, not
   the title text, for the Arabic filter on the RIGHT border. */
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-title {
    text-align: right;
    padding: 10px 16px 8px 0;
    border-radius: 0 var(--radius-12) 0 0;
    border-left-color: transparent;
    border-right: 2px solid transparent;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-title .rbt-fshape-right-portion {
    left: auto;
    right: 100%;
    transform: scaleX(-1);
    transform-origin: center;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    border-radius: 12px 0 12px 12px;
}

/* Keep the checkbox against the Arabic label at the RIGHT,
   while matching the LTR theme's opposite-edge count column. */
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper > li.rbt-check-group > label {
    justify-content: space-between !important;
}
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper .rbt-lable.count,
html[lang="ar"] .techsouq-shop-filter-form .rbt-sidebar-list-wrapper .rbt-lable-count {
    margin-right: auto !important;
    margin-left: 0 !important;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
}

/* Product description/specification tabs: the English template
   rounds the FIRST tab on the left. In RTL it is the right edge.
   The paired inline SVG shapes are already left/right variants;
   swap the active visible side rather than mirroring all content. */
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs {
    direction: rtl;
    justify-content: flex-start;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-link {
    text-align: right;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding-left: var(--shape-width);
    padding-right: 32px;
    margin-left: calc(-.5 * var(--shape-width));
    margin-right: 0;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link::after {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 16px;
    border-left: 0;
    border-right: 2px solid transparent;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active {
    border-top-left-radius: 0;
    border-top-right-radius: 16px;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-left-portion {
    display: block;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-right-portion {
    display: none;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .tab-content .tab-pane:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 0;
}
@media (max-width: 767px) {
    html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
        padding-right: 16px;
    }
}


/* ===========================================================
   TechSouq AR - shop filter title, product tab seam, clean
   sort control. Follow-up to the directional-shape patch.
   This is scoped to the Arabic storefront only.
   =========================================================== */

/* The left part of the frame must meet the curved SVG at
   exactly the bottom of the 40px title. The default panel
   border rendered a separate line beneath that curve. */
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-top {
    display: flex;
    direction: rtl;
    align-items: flex-end;
    width: 100%;
    height: 40px;
    min-height: 40px;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-top::after {
    content: "";
    display: block;
    height: 2px;
    background: var(--color-gray-200, #e6e6e6);
    flex: 1 1 auto;
    margin-right: 42px;
    margin-bottom: 0;
    min-width: 0;
    align-self: flex-end;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-top .rbt-sidebar-title {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    height: 40px;
    margin: 0;
    padding: 0 17px !important;
    line-height: 38px;
    border-top: 2px solid var(--color-gray-200, #e6e6e6);
    border-right: 2px solid var(--color-gray-200, #e6e6e6);
    border-left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 14px;
    background: var(--color-white, white);
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-top .rbt-sidebar-title .rbt-fshape-right-portion {
    position: absolute;
    top: -2px;
    left: auto;
    right: 100%;
    width: 42px;
    height: 40px;
    transform: scaleX(-1);
    transform-origin: center;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    border-top: 0 !important;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Join the active Arabic description tab to the white panel;
   keep its left-hand SVG curve, not the LTR right-hand one. */
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .rbt-tab-nav-wrapper {
    max-width: 100%;
    overflow: visible;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs {
    direction: rtl;
    justify-content: flex-start;
    padding: 2px 0 0 !important;
    overflow: visible;
    margin-bottom: 0 !important;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding: 12px 22px 12px calc(var(--shape-width) + 16px) !important;
    margin-left: calc(-.5 * var(--shape-width)) !important;
    margin-right: 0 !important;
    border-top-right-radius: 14px;
    border-top-left-radius: 0;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link::after {
    top: -2px;
    right: 0 !important;
    left: auto !important;
    width: calc(100% - var(--shape-width)) !important;
    height: calc(100% + 2px);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 0;
    border-top-right-radius: 14px;
    border-top-left-radius: 0;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::after {
    border-top-color: var(--color-brand-100, #e2e6e9);
    border-right-color: var(--color-brand-100, #e2e6e9);
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .rbt-fshape-left-portion {
    left: 0;
    right: auto;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-left-portion {
    display: block;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-right-portion {
    display: none;
}
html[lang="ar"] .rbt-product-single-details-tab.rbt-fshape-tab .tab-content .tab-pane:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 18px;
}

/* Match the EN sort's understated treatment. Retain the native
   select so the dropdown never gets positioned off-screen. */
html[lang="ar"] .rbt-shop-filter-area .rbt-tools-select-single {
    display: inline-flex;
    direction: rtl;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-tools-select-single > .rbt-shop-tools-title {
    margin: 0 !important;
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: right;
}
html[lang="ar"] .rbt-shop-filter-area .rbt-shop-view-sort-select-one {
    flex: 0 1 auto;
    min-width: 0;
    position: relative;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-ar-sort-native {
    display: block;
    appearance: auto;
    -webkit-appearance: menulist;
    width: auto !important;
    min-width: 112px;
    max-width: 190px;
    height: 36px;
    padding: 4px 3px 4px 6px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline-offset: 2px;
    color: var(--color-heading, #161616);
    direction: rtl;
    text-align: right;
    line-height: 1.5;
    font-size: 15px;
}
html[lang="ar"] .rbt-shop-filter-area .techsouq-ar-sort-native:hover {
    color: var(--color-primary, #119d37);
}
@media only screen and (max-width: 1199px) {
    html[lang="ar"] .rbt-shop-filter-area .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-top .rbt-sidebar-title {
        padding-inline: 10px !important;
        font-size: 15px;
    }
}

/* ==============================================================
   Arabic header search-category dropdown (desktop + mobile).
   site-ar.css positions the flyout at left:0 and its option buttons
   use text-align:left; overriding the parent alone is insufficient.
   Keep the dropdown inside the field and align labels to its RTL edge.
   ============================================================= */
html[lang="ar"] .rbt-header .techsouq-search-category {
    direction: rtl;
}
html[lang="ar"] .rbt-header .techsouq-search-category .techsouq-search-category-toggle {
    direction: rtl;
    text-align: right !important;
}
html[lang="ar"] .rbt-header .techsouq-search-category .techsouq-search-category-toggle > span {
    text-align: right;
}
html[lang="ar"] .rbt-header .techsouq-search-category .techsouq-search-category-menu {
    left: auto !important;
    right: 0 !important;
    direction: rtl;
    text-align: right !important;
    max-width: min(320px, calc(100vw - 24px));
}
html[lang="ar"] .rbt-header .techsouq-search-category .techsouq-search-category-menu .techsouq-search-category-option {
    display: block;
    width: 100%;
    direction: rtl;
    text-align: right !important;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    white-space: normal;
    overflow-wrap: break-word;
}
/* The mobile search overlay is a sibling of <header>, not its child. */
html[lang="ar"] .techsouq-mobile-search-overlay .techsouq-search-category-mobile {
    direction: rtl;
}
html[lang="ar"] .techsouq-mobile-search-overlay .techsouq-search-category-mobile .techsouq-search-category-toggle {
    direction: rtl;
    text-align: right !important;
}
html[lang="ar"] .techsouq-mobile-search-overlay .techsouq-search-category-mobile .techsouq-search-category-menu {
    left: auto !important;
    right: 0 !important;
    direction: rtl;
    text-align: right !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
html[lang="ar"] .techsouq-mobile-search-overlay .techsouq-search-category-mobile .techsouq-search-category-option {
    direction: rtl;
    text-align: right !important;
}


/* TechSouq AR — match the original EN hero SHOP NOW placement on desktop.
   The image is on the right in both languages, so anchor the CTA near the
   bottom-left of the available copy region rather than directly after price.
   Avoid absolute positioning: longer translations must stay in normal flow.
   Phone/tablet layout stays exactly as previously approved. */
@media only screen and (min-width: 992px) {
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-content {
        align-items: stretch !important;
        padding-bottom: 44px !important;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .techsouq-ar-hero-text {
        align-self: stretch !important;
        height: auto;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn {
        align-self: flex-end !important;
        margin-top: auto !important;
        margin-left: 24px !important;
        margin-right: 0 !important;
        padding-top: 18px;
    }
    html[lang="ar"] .rbt-elctro-hero-banner .techsouq-ar-hero-card .rbt-banner-btn .rbt-btn-round {
        width: 108px;
        min-width: 108px;
        height: 108px;
        font-size: 14px;
    }
}

/* Multilingual cart: readable Arabic side panel and cart page. */
html[lang="ar"] .techsouq-minicart-shell {direction:rtl;text-align:right;}
html[lang="ar"] .techsouq-minicart-shell .rbt-cart-header,
html[lang="ar"] .techsouq-minicart-shell .rbt-minicart-footer,
html[lang="ar"] .techsouq-minicart-shell .rbt-minicart-wrapper {direction:rtl;text-align:right;}
html[lang="ar"] .techsouq-minicart-shell .minicart-item {display:flex;flex-direction:row;align-items:flex-start;gap:14px;min-width:0;}
html[lang="ar"] .techsouq-minicart-shell .minicart-item .thumbnail {flex:0 0 110px;max-width:110px;}
html[lang="ar"] .techsouq-minicart-shell .minicart-item .product-content {flex:1 1 auto;min-width:0;text-align:right;}
html[lang="ar"] .techsouq-minicart-shell .minicart-item .product-content .title {text-align:right;white-space:normal;overflow-wrap:anywhere;line-height:1.6;}
html[lang="ar"] .techsouq-minicart-shell .techsouq-minicart-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
html[lang="ar"] .techsouq-minicart-shell .rbt-cart-subttotal {display:flex;justify-content:space-between;gap:12px;}
html[lang="ar"] .techsouq-minicart-shell .rbt-button-group {display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
html[lang="ar"] .rbt-cart-page .cart-product-card {direction:rtl;text-align:right;}
html[lang="ar"] .rbt-cart-page .rbt-breadcrumb-page-list {direction:rtl;}
@media (max-width:575px) {
 html[lang="ar"] .techsouq-minicart-shell .minicart-item .thumbnail {flex-basis:78px;max-width:78px;}
}