/* =========================================================
   GISSAH — SALLA THEME OVERRIDES
   Version: 1.8 FINAL — PINGARLT + BALANCED DESCRIPTION SPACING
   Paste this entire file into Salla Custom CSS.
========================================================= */

:root {
    --gissah-beige: #f2eedf;
    --gissah-ivory: #fffdf8;
    --gissah-white: #ffffff;
    --gissah-black: #191a18;
    --gissah-black-hover: #343530;
    --gissah-burgundy: #a70f2d;
    --gissah-burgundy-dark: #820b22;
    --gissah-gold: #b6904b;
    --gissah-text: #292a27;
    --gissah-muted: #6c685f;
    --gissah-border: #e2dccb;
}

/* ---------- Global typography ---------- */

body,
button,
input,
select,
textarea,
p,
a,
span,
li {
    font-family: "PingARLT", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body {
    color: var(--gissah-text) !important;
    background: var(--gissah-white) !important;
}

/* ---------- Arabic typography ---------- */

html[lang^="ar"] body,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea,
html[lang^="ar"] p,
html[lang^="ar"] a,
html[lang^="ar"] li,
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] li {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .s-block__title,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .s-block__title {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
}

/*
   Salla can keep html lang="en" even when the storefront is Arabic.
   The body.rtl rules below therefore use Windows' native Segoe UI Arabic,
   which loads reliably without an external font request.
*/

body.rtl,
body.rtl p,
body.rtl a,
body.rtl li,
body.rtl label,
body.rtl button,
body.rtl input,
body.rtl select,
body.rtl textarea {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl .s-block__title,
body.rtl .product-card__title a,
body.rtl .product-card__promotion {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* ---------- Top bar ---------- */

.top-navbar {
    min-height: 40px !important;
    background: var(--gissah-black) !important;
    color: #eee9dc !important;
}

.top-navbar a,
.top-navbar button,
.top-navbar span,
.top-navbar i {
    color: #eee9dc !important;
    font-size: 13px !important;
}

.top-navbar a:hover,
.top-navbar button:hover {
    color: var(--gissah-gold) !important;
}

/* ---------- Header and navigation ---------- */

.main-nav-container,
.main-nav-container .inner,
.main-menu-row {
    background: var(--gissah-beige) !important;
    color: var(--gissah-black) !important;
}

.main-nav-container {
    border-bottom: 1px solid var(--gissah-border) !important;
    box-shadow: none !important;
}

.main-menu-row {
    border-top: 1px solid rgba(25, 26, 24, 0.06) !important;
}

.main-menu-row a {
    color: var(--gissah-black) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.main-menu-row a:hover {
    color: var(--gissah-burgundy) !important;
}

.header-btn__icon,
.main-nav-container .sicon-search,
.main-nav-container .sicon-user,
.main-nav-container .sicon-cart {
    color: var(--gissah-black) !important;
}

/* ---------- Homepage section headings ---------- */

.s-block__title,
.s-block__title h2,
.s-block__title h3 {
    color: var(--gissah-black) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.s-block__title p {
    color: var(--gissah-muted) !important;
    font-size: 15px !important;
}

.s-block__display-all,
.s-block__title a {
    color: var(--gissah-black) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--gissah-black) !important;
}

.s-block__display-all:hover,
.s-block__title a:hover {
    color: var(--gissah-burgundy) !important;
    border-color: var(--gissah-burgundy) !important;
}

/* =========================================================
   CATEGORY AND COLLECTION LANDING PAGES
========================================================= */

body.product-index .main-content h1 {
    display: inline-block !important;
    margin-bottom: 25px !important;
    padding-bottom: 9px !important;
    color: var(--gissah-black) !important;
    border-bottom: 3px solid var(--gissah-burgundy) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body.product-index custom-salla-product-card.product-card,
body.index custom-salla-product-card.product-card {
    overflow: hidden !important;
    background: var(--gissah-white) !important;
    border: 1px solid #e5dfd1 !important;
    border-radius: 5px !important;
    box-shadow: 0 3px 12px rgba(25, 26, 24, 0.05) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

body.product-index custom-salla-product-card.product-card:hover,
body.index custom-salla-product-card.product-card:hover {
    transform: translateY(-5px) !important;
    border-color: #cfc5ae !important;
    box-shadow: 0 14px 32px rgba(25, 26, 24, 0.11) !important;
}

body.product-index .product-card__image,
body.index .product-card__image {
    overflow: hidden !important;
    background: #faf8f2 !important;
    border-radius: 5px 5px 0 0 !important;
}

body.product-index .product-card__image img,
body.index .product-card__image img {
    transition: transform 0.4s ease !important;
}

body.product-index custom-salla-product-card:hover .product-card__image img,
body.index custom-salla-product-card:hover .product-card__image img {
    transform: scale(1.025) !important;
}

body.product-index .product-card__promotion,
body.index .product-card__promotion {
    min-height: 32px !important;
    padding: 7px 12px !important;
    background: var(--gissah-beige) !important;
    border: 1px solid var(--gissah-gold) !important;
    border-radius: 3px !important;
    color: var(--gissah-black) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.product-index .product-card__content,
body.index .product-card__content {
    padding: 15px 14px 17px !important;
    background: var(--gissah-white) !important;
}

body.product-index .product-card__title,
body.index .product-card__title {
    min-height: 48px !important;
    margin-bottom: 5px !important;
    white-space: normal !important;
}

body.product-index .product-card__title a,
body.index .product-card__title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: var(--gissah-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.product-index .product-card__title a:hover,
body.index .product-card__title a:hover {
    color: var(--gissah-burgundy) !important;
}

body.product-index .product-card__subtitle,
body.index .product-card__subtitle {
    min-height: 25px !important;
    margin-bottom: 9px !important;
    color: var(--gissah-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

body.product-index .product-card__price,
body.product-index .product-card__price .total-price,
body.product-index .product-card__price .sicon-sar,
body.product-index .starting-or-normal-price,
body.product-index .starting-or-normal-price *,
body.index .product-card__price,
body.index .product-card__price .total-price,
body.index .product-card__price .sicon-sar,
body.index .starting-or-normal-price,
body.index .starting-or-normal-price * {
    color: var(--gissah-burgundy) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.product-index .product-card__price .before-price,
body.index .product-card__price .before-price {
    color: #88837a !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

body.product-index .product-card__addToCart button.s-button-element,
body.product-index .product-card__mini-cart button.s-button-element,
body.index .product-card__addToCart button.s-button-element,
body.index .product-card__mini-cart button.s-button-element {
    width: 100% !important;
    min-height: 44px !important;
    background: var(--gissah-black) !important;
    border: 1px solid var(--gissah-black) !important;
    border-radius: 4px !important;
    color: var(--gissah-white) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.product-index .product-card__addToCart button.s-button-element *,
body.product-index .product-card__mini-cart button.s-button-element *,
body.index .product-card__addToCart button.s-button-element *,
body.index .product-card__mini-cart button.s-button-element * {
    color: var(--gissah-white) !important;
    fill: var(--gissah-white) !important;
}

body.product-index .product-card__addToCart button.s-button-element:hover,
body.product-index .product-card__mini-cart button.s-button-element:hover,
body.index .product-card__addToCart button.s-button-element:hover,
body.index .product-card__mini-cart button.s-button-element:hover {
    background: var(--gissah-burgundy) !important;
    border-color: var(--gissah-burgundy) !important;
}

body.product-index .product-card .btn--wishlist.s-button-element,
body.product-index .product-card .quickview-btn .s-button-element,
body.index .product-card .btn--wishlist.s-button-element,
body.index .product-card .quickview-btn .s-button-element {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #ddd6c5 !important;
    color: var(--gissah-black) !important;
}

body.product-index select,
body.product-index .s-form-control {
    background: var(--gissah-white) !important;
    border: 1px solid #d8d0bc !important;
    border-radius: 4px !important;
    color: var(--gissah-black) !important;
}

/* =========================================================
   PRODUCT-PAGE RECOMMENDATIONS / USUALLY PURCHASED WITH
========================================================= */

body.product-single .s-products-slider-wrapper {
    margin-top: 45px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--gissah-border) !important;
}

body.product-single
.s-products-slider-wrapper
.s-slider-block__title {
    margin-bottom: 24px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--gissah-border) !important;
}

body.product-single
.s-products-slider-wrapper
.s-slider-block__title-right {
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 10px !important;
    color: var(--gissah-black) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body.product-single
.s-products-slider-wrapper
.s-slider-block__title-right::after {
    position: absolute !important;
    bottom: -11px !important;
    inset-inline-start: 0 !important;
    width: 85px !important;
    height: 3px !important;
    background: var(--gissah-burgundy) !important;
    content: "" !important;
}

body.product-single custom-salla-product-card.product-card {
    overflow: hidden !important;
    background: var(--gissah-white) !important;
    border: 1px solid #e5dfd1 !important;
    border-radius: 5px !important;
    box-shadow: 0 3px 12px rgba(25, 26, 24, 0.05) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

body.product-single custom-salla-product-card.product-card:hover {
    transform: translateY(-5px) !important;
    border-color: #cfc5ae !important;
    box-shadow: 0 14px 32px rgba(25, 26, 24, 0.11) !important;
}

body.product-single custom-salla-product-card .product-card__image {
    overflow: hidden !important;
    background: #faf8f2 !important;
    border-radius: 5px 5px 0 0 !important;
}

body.product-single custom-salla-product-card .product-card__promotion {
    min-height: 32px !important;
    padding: 7px 12px !important;
    background: var(--gissah-beige) !important;
    border: 1px solid var(--gissah-gold) !important;
    border-radius: 3px !important;
    color: var(--gissah-black) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.product-single custom-salla-product-card .product-card__content {
    padding: 15px 14px 17px !important;
}

body.product-single custom-salla-product-card .product-card__title {
    min-height: 48px !important;
    margin-bottom: 5px !important;
    white-space: normal !important;
}

body.product-single custom-salla-product-card .product-card__title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: var(--gissah-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.product-single custom-salla-product-card .product-card__subtitle {
    min-height: 25px !important;
    color: var(--gissah-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.product-single custom-salla-product-card .product-card__price,
body.product-single custom-salla-product-card .product-card__price *,
body.product-single custom-salla-product-card .starting-or-normal-price,
body.product-single custom-salla-product-card .starting-or-normal-price * {
    color: var(--gissah-burgundy) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.product-single
custom-salla-product-card
.product-card__addToCart
button.s-button-element,
body.product-single
custom-salla-product-card
.product-card__mini-cart
button.s-button-element {
    width: 100% !important;
    min-height: 44px !important;
    background: var(--gissah-black) !important;
    border: 1px solid var(--gissah-black) !important;
    border-radius: 4px !important;
    color: var(--gissah-white) !important;
    font-weight: 700 !important;
}

/* =========================================================
   PRODUCT PAGE
========================================================= */

body.product-single .product-single__info > h1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 14px 18px !important;
    background: var(--gissah-ivory) !important;
    border-inline-start: 4px solid var(--gissah-burgundy) !important;
    border-bottom: 1px solid var(--gissah-border) !important;
    border-radius: 2px !important;
    color: var(--gissah-black) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

body.product-single .product-entry__sub-title {
    margin: 0 0 12px !important;
    color: var(--gissah-muted) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
}

body.product-single .breadcrumbs,
body.product-single .breadcrumbs a {
    color: #77736a !important;
    font-size: 13px !important;
}

body.product-single .breadcrumbs a:hover {
    color: var(--gissah-burgundy) !important;
}

body.product-single .promotion-title {
    padding: 9px 15px !important;
    background: var(--gissah-beige) !important;
    border: 1px solid var(--gissah-gold) !important;
    border-radius: 3px !important;
    color: var(--gissah-black) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.product-single .price-wrapper,
body.product-single .price-wrapper *,
body.product-single .product-price,
body.product-single .product-price * {
    color: var(--gissah-burgundy) !important;
    font-weight: 700 !important;
}

body.product-single .price-wrapper .before-price {
    color: #77736a !important;
}

body.product-single .btn--wishlist.s-button-element,
body.product-single .s-social-share-btn.s-button-element {
    background: var(--gissah-ivory) !important;
    border: 1px solid var(--gissah-border) !important;
    border-radius: 3px !important;
    color: var(--gissah-black) !important;
    box-shadow: none !important;
}

body.product-single .btn--wishlist.s-button-element:hover,
body.product-single .s-social-share-btn.s-button-element:hover {
    background: var(--gissah-beige) !important;
    border-color: var(--gissah-gold) !important;
    color: var(--gissah-burgundy) !important;
}

body.product-single .swiper-slide-thumb-active,
body.product-single .active-thumbnail,
body.product-single .product-thumbnails .is-active {
    border-color: var(--gissah-gold) !important;
    box-shadow: 0 0 0 1px var(--gissah-gold) !important;
}

body.product-single .product-single-top-description article,
body.product-single .product-single-top-description article p {
    color: var(--gissah-text) !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    text-align: start !important;
}

body.product-single .product-single-top-description article p {
    margin-bottom: 14px !important;
}

body.product-single .product-single-top-description article strong,
body.product-single .product-single-top-description article b {
    color: var(--gissah-black) !important;
    font-weight: 700 !important;
}

body.product-single .s-quantity-input-container {
    overflow: hidden !important;
    background: var(--gissah-white) !important;
    border: 1px solid #d8d0bc !important;
    border-radius: 4px !important;
}

body.product-single .s-quantity-input-button:hover {
    background: var(--gissah-beige) !important;
}

/* ---------- Add to Cart and Buy Now ---------- */

body.product-single salla-add-product-button[quick-buy] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

body.product-single
salla-add-product-button[quick-buy]
.s-add-product-button-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
}

body.product-single .s-add-product-button-main > salla-button,
body.product-single .s-add-product-button-main > salla-mini-checkout-widget {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.product-single
.s-add-product-button-main > salla-button
button.s-button-element {
    width: 100% !important;
    min-height: 52px !important;
    background: var(--gissah-burgundy) !important;
    border: 1px solid var(--gissah-burgundy) !important;
    border-radius: 4px !important;
    color: var(--gissah-white) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.product-single
.s-add-product-button-main > salla-button
button.s-button-element * {
    color: var(--gissah-white) !important;
    fill: var(--gissah-white) !important;
}

body.product-single
.s-add-product-button-main > salla-button
button.s-button-element:hover {
    background: var(--gissah-burgundy-dark) !important;
    border-color: var(--gissah-burgundy-dark) !important;
}

body.product-single
salla-mini-checkout-widget.s-add-product-button-mini-checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    background: var(--gissah-black) !important;
    border: 1px solid var(--gissah-black) !important;
    border-radius: 4px !important;
    color: var(--gissah-white) !important;
    cursor: pointer !important;
}

body.product-single .s-add-product-button-mini-checkout-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 50px !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--gissah-white) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

body.product-single .s-add-product-button-mini-checkout-content *,
body.product-single .s-add-product-button-mini-checkout-content svg {
    color: var(--gissah-white) !important;
    fill: currentColor !important;
}

body.product-single
salla-mini-checkout-widget.s-add-product-button-mini-checkout:hover {
    background: var(--gissah-black-hover) !important;
    border-color: var(--gissah-black-hover) !important;
}

/* ---------- Send as gift ---------- */

body.product-single button.s-gifting-widget-action.s-button-element {
    min-height: 50px !important;
    background: var(--gissah-beige) !important;
    border: 1px solid #d8d0bc !important;
    border-radius: 4px !important;
    color: var(--gissah-black) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.product-single button.s-gifting-widget-action.s-button-element * {
    color: var(--gissah-black) !important;
    fill: currentColor !important;
}

body.product-single button.s-gifting-widget-action.s-button-element:hover {
    background: #e7dfcb !important;
    border-color: #c9bfa7 !important;
}

/* ---------- About section and footer ---------- */

.s-block--about {
    background: var(--gissah-beige) !important;
    color: var(--gissah-black) !important;
}

.s-block--about p {
    color: var(--gissah-text) !important;
    line-height: 1.9 !important;
}

.store-footer__inner,
.footer-bottom {
    background: var(--gissah-black) !important;
    color: var(--gissah-white) !important;
}

.store-footer__inner a,
.footer-bottom a {
    color: #e8e2d5 !important;
}

.store-footer__inner a:hover,
.footer-bottom a:hover {
    color: var(--gissah-gold) !important;
}

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

@media (max-width: 768px) {
    .top-navbar {
        display: none !important;
    }

    .s-block__title,
    .s-block__title h2,
    .s-block__title h3 {
        font-size: 24px !important;
    }

    body.product-index .main-content h1 {
        margin-bottom: 18px !important;
        font-size: 25px !important;
    }

    body.product-index .product-card__content,
    body.index .product-card__content {
        padding: 12px 10px 14px !important;
    }

    body.product-index .product-card__title,
    body.index .product-card__title {
        min-height: 44px !important;
    }

    body.product-index .product-card__title a,
    body.index .product-card__title a {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    body.product-index .product-card__subtitle,
    body.index .product-card__subtitle {
        font-size: 13px !important;
    }

    body.product-single .product-single__info > h1 {
        padding: 12px 14px !important;
        font-size: 22px !important;
        line-height: 1.5 !important;
    }

    body.product-single .promotion-title {
        padding: 7px 12px !important;
        font-size: 12px !important;
    }

    body.product-single .product-single-top-description article,
    body.product-single .product-single-top-description article p {
        font-size: 16px !important;
        line-height: 1.85 !important;
    }

    body.product-single
    .s-products-slider-wrapper
    .s-slider-block__title-right {
        font-size: 21px !important;
    }

    body.product-single
    salla-add-product-button[quick-buy]
    .s-add-product-button-main {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* =========================================================
   ARABIC STOREFRONT — FINAL OVERRIDES
   Kept at the end so Salla's Lyon/PingARLT rules cannot win.
========================================================= */

html[lang^="ar"] body.rtl,
html[lang^="ar"] body.rtl p,
html[lang^="ar"] body.rtl a,
html[lang^="ar"] body.rtl li,
html[lang^="ar"] body.rtl label,
html[lang^="ar"] body.rtl button,
html[lang^="ar"] body.rtl input,
html[lang^="ar"] body.rtl select,
html[lang^="ar"] body.rtl textarea,
html[dir="rtl"] body.rtl,
html[dir="rtl"] body.rtl p,
html[dir="rtl"] body.rtl a,
html[dir="rtl"] body.rtl li,
html[dir="rtl"] body.rtl label,
html[dir="rtl"] body.rtl button {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html[lang^="ar"] body.rtl h1,
html[lang^="ar"] body.rtl h2,
html[lang^="ar"] body.rtl h3,
html[lang^="ar"] body.rtl h4,
html[lang^="ar"] body.rtl h5,
html[lang^="ar"] body.rtl h6,
html[lang^="ar"] body.rtl .s-block__title,
html[lang^="ar"] body.rtl .s-slider-block__title,
html[lang^="ar"] body.rtl .s-slider-block__title-right,
html[lang^="ar"] body.rtl .product-single__info > h1,
html[lang^="ar"] body.rtl .product-card__title,
html[lang^="ar"] body.rtl .product-card__title a,
html[lang^="ar"] body.rtl .product-card__promotion,
html[lang^="ar"] body.rtl .main-menu li > a,
html[dir="rtl"] body.rtl h1,
html[dir="rtl"] body.rtl h2,
html[dir="rtl"] body.rtl h3,
html[dir="rtl"] body.rtl .product-single__info > h1,
html[dir="rtl"] body.rtl .product-card__title a {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

html[lang^="ar"] body.rtl .main-menu li > a {
    font-size: 14px !important;
    line-height: 1.65 !important;
}

html[lang^="ar"] body.rtl .product-single__info > h1 {
    font-size: clamp(24px, 2vw, 32px) !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

html[lang^="ar"] body.rtl .product-single-top-description article,
html[lang^="ar"] body.rtl .product-single-top-description article p,
html[lang^="ar"] body.rtl .product-single-top-description article li,
html[lang^="ar"] body.rtl .product-card__subtitle {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    line-height: 2 !important;
}

html[lang^="ar"] body.rtl .product-single-top-description article,
html[lang^="ar"] body.rtl .product-single-top-description article p,
html[lang^="ar"] body.rtl .product-single-top-description article li,
html[lang^="ar"] body.rtl .product-single-top-description article h2,
html[lang^="ar"] body.rtl .product-single-top-description article h3,
html[lang^="ar"] body.rtl .product-single-top-description article h4,
html[lang^="ar"] body.rtl .product-single-top-description article h5,
html[lang^="ar"] body.rtl .product-single-top-description article h6,
html[lang^="ar"] body.rtl .product-single-top-description article strong,
html[lang^="ar"] body.rtl .product-single-top-description article b {
    text-align: center !important;
}

html[lang^="ar"] body.rtl .product-single-top-description article ul,
html[lang^="ar"] body.rtl .product-single-top-description article ol {
    margin-inline: auto !important;
    padding-inline-start: 0 !important;
    text-align: center !important;
    list-style-position: inside !important;
}

/* Remove empty editor paragraphs that create oversized vertical gaps. */
html[lang^="ar"] body.rtl .product-single-top-description article p:empty,
html[lang^="ar"] body.rtl .product-single-top-description article p:has(> br:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Balanced rhythm between description paragraphs and sections. */
html[lang^="ar"] body.rtl .product-single-top-description article p {
    margin: 0 0 12px !important;
}

html[lang^="ar"] body.rtl .product-single-top-description article h2,
html[lang^="ar"] body.rtl .product-single-top-description article h3,
html[lang^="ar"] body.rtl .product-single-top-description article h4,
html[lang^="ar"] body.rtl .product-single-top-description article h5,
html[lang^="ar"] body.rtl .product-single-top-description article h6 {
    margin: 28px 0 12px !important;
    line-height: 1.7 !important;
}

html[lang^="ar"] body.rtl .product-single-top-description article ul,
html[lang^="ar"] body.rtl .product-single-top-description article ol {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
}

@media (max-width: 768px) {
    html[lang^="ar"] body.rtl .product-single-top-description article p {
        margin-bottom: 10px !important;
    }

    html[lang^="ar"] body.rtl .product-single-top-description article h2,
    html[lang^="ar"] body.rtl .product-single-top-description article h3,
    html[lang^="ar"] body.rtl .product-single-top-description article h4,
    html[lang^="ar"] body.rtl .product-single-top-description article h5,
    html[lang^="ar"] body.rtl .product-single-top-description article h6 {
        margin: 22px 0 10px !important;
    }
}

html[lang^="ar"] body.rtl .product-card__title a {
    line-height: 1.7 !important;
}

html[lang^="ar"] body.rtl .product-card__price,
html[lang^="ar"] body.rtl .product-single__price,
html[lang^="ar"] body.rtl .price-wrapper {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
}

html[lang^="ar"] body.rtl
salla-add-product-button
button.s-button-element,
html[lang^="ar"] body.rtl
salla-mini-checkout-widget
button.s-button-element,
html[lang^="ar"] body.rtl
button.s-gifting-widget-action {
    font-family: "PingARLT", Tahoma, Arial, sans-serif !important;
    font-weight: 600 !important;
}

/* Never replace Salla's icon font with the Arabic text font. */
html[lang^="ar"] [class^="sicon-"],
html[lang^="ar"] [class*=" sicon-"],
html[dir="rtl"] [class^="sicon-"],
html[dir="rtl"] [class*=" sicon-"] {
    font-family: "sallaicons" !important;
    font-style: normal !important;
}

html[lang^="ar"] svg,
html[lang^="ar"] svg *,
html[dir="rtl"] svg,
html[dir="rtl"] svg * {
    font-family: initial !important;
}

@media (max-width: 768px) {
    html[lang^="ar"] body.rtl .product-single__info > h1 {
        font-size: 21px !important;
        line-height: 1.7 !important;
        font-weight: 400 !important;
    }

    html[lang^="ar"] body.rtl .product-single-top-description article,
    html[lang^="ar"] body.rtl .product-single-top-description article p {
        font-size: 15px !important;
        line-height: 1.95 !important;
    }

    html[lang^="ar"] body.rtl .product-card__title a {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}