/* =============================================================================
               SECTION 01 — FONTS & VARIABLES
============================================================================= */

/* -----------------------------------------------------------------------------
               PART — Font files & CSS variables
----------------------------------------------------------------------------- */
@font-face {
    font-family: "FS-Mada";
    src: url("https://sanint.sirv.com/Salla%20Sites/Web%20Fonts/FS%20Mada.ttf");
}

html {
    --font-main: "FS-Mada" !important;
}

/* =============================================================================
                 SECTION 02 — HEADER & NAVIGATION
  ============================================================================= */
.app-inner {
    min-height: unset;
}

.sicon-shopping-basket:before {
    content: "\e96b";
}

/* Default transparent header */
#main-nav.fixed-header .sicon-shopping-basket {
    color: #000 !important;
}

.yasmeen-store-header .yasmeen-top-navbar .s-user-menu-trigger {
    background-color: transparent !important;
}

/* -----------------------------------------------------------------------------
                 PART — Hide nav items
  ----------------------------------------------------------------------------- */
li#\38 94196208,
li#\"894196208\",
li#\35 3469786,
li#\"53469786\",
li#\36 126014,
li#\"6126014\",
li#\33 90660920,
li#\"390660920\",
li#\"1563423507\",
li#\37 80816395,
li#\"780816395\",
li#\"1154146639\",
li#\"1200868617\",
li#\31 200868617,
li#\"1691308301\",
li#\31 691308301,
li#\"1751255334\",
li#\31 751255334,

li#\31 242008350,
li#\"1242008350\",
/*main categories*/

/* prices start from 90*/
li#\31 048965297,
li#\"1048965297\",

li#\34 02676719,
li#\"402676719\",

/* viona */
li#\31 216458900,
li#\"1216458900\",

/* zyros offers */
li#\31 37802488,
li#\"137802488\",

/* outlet men-women sub-categories */
li#\39 8039809,
li#\"98039809\",

li#\34 87601436,
li#\"487601436\",

li#\33 47660297,
li#\"347660297\",

li#\39 12969753,
li#\"912969753\",

li#\38 31490395,
li#\"831490395\",

li#\32 81525888,
li#\"281525888\",

li#\31 190829959,
li#\"1190829959\",

li#\31 933742403,
li#\"1933742403\",

li#\31 456632400,
li#\"1456632400\",

li#\39 86956040,
li#\"986956040\",

li#\35 63684867,
li#\"563684867\",

li#\31 163317784,
li#\"1163317784\",

li#\32 125029896,
li#\"2125029896\",

li#\31 215791369,
li#\"1215791369\",

li#\34 42277898,
li#\"442277898\",

li#\31 949945611,
li#\"1949945611\",

li#\38 17670135,
li#\"817670135\",
li#\35 22814222,
li#\"522814222\",

/* Father's Day */
li#\31 386583335,
li#\"1386583335\",

/* Men's Access */
li#\"172967777\",
li#\31 72967777,
/* Women's Access */
li#\"1854216551\",
li#\31 854216551,
/* Galino */
li#\"1411964044\",
li#\31 411964044,
/* Best Seller */
li#\"1684388183\",
li#\31 684388183,

/* Zyros offers */
li#\"1253182102\",
li#\31 253182102,

/* آخر قطعة + على وشك النفاد */
li#\"1288355232\",
li#\31 288355232,
li#\"1928175271\",
li#\31 928175271 {
    display: none !important;
}

/* hide sub-sub categories */
li#\35 22814222 .sub-menu,
li#\35 22814222 a[aria-label="الشنط"]:after,
li#\31 563423507 .sub-menu,
li#\31 563423507 a[aria-label="وصل حديثًا"],
li#\31 154146639 a[aria-label="الهدايا"],
li#\31 691308301 a[aria-label="عروض اليوم الوطني"],
li#\31 691308301 a[aria-label="National Day Offers"] {
    display: none;
}

/* offers */
li[id='"600026416"']>span {
    color: #ff3b3b !important;
}

li[id='"930107653"'] {
    color: #556b3e !important;
}

/* -----------------------------------------------------------------------------
                 PART — Desktop navbar
  ----------------------------------------------------------------------------- */
.yasmeen-store-header .yasmeen-main-nav .inner .container .xl:px-20 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.yasmeen-store-header .yasmeen-main-nav .inner .container span:has(+ salla-cart-summary) {
    display: none;
}

.yasmeen-store-header .yasmeen-main-nav:not(.fixed-header) .main-menu li.root-level>a {
    color: var(--color-primary);
    transition-property: background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
}

.index .yasmeen-store-header .main-menu>li>a>span,
.index .yasmeen-store-header .main-menu>li.has-children.root-level>a::after {
    color: #fff;
}

.index .yasmeen-top-navbar.fixed-header,
.index .yasmeen-main-nav.fixed-header {
    color: var(--color-primary);
    background-color: #fff;
}

.index .yasmeen-store-header .navbar-brand img {
    filter: invert(1);
}

.index .yasmeen-store-header .s-user-menu-trigger-content p,
.index .yasmeen-store-header .s-user-menu-trigger-content span {
    color: #fff !important;
}

.index .yasmeen-store-header .s-user-menu-trigger-icon svg {
    fill: #fff !important;
}

.index .yasmeen-store-header .top-navbar,
.index .yasmeen-store-header .header-btn__icon.icon {
    color: #fff !important;
}


.index .yasmeen-store-header .s-cart-summary-count {
    background-color: #fff !important;
    color: var(--color-primary) !important;
}

.index .yasmeen-store-header .sicon-menu {
    color: #fff !important;
}

/* [DUPLICATE] same selector also has filter:invert below — additive, not an override */
@media (min-width: 768px) {
    .yasmeen-store-header .navbar-brand img {
        max-width: 132px;
    }
}

/* -----------------------------------------------------------------------------
                 PART — Mobile navbar
  ----------------------------------------------------------------------------- */
.yasmeen-store-header .yasmeen-main-nav .inner .container .btn--close-sm.close-mobile-menu {
    background-color: transparent;
    color: var(--color-primary);
    margin-left: 12%;
}

/* Only top-level menu items whose direct span contains an img (skip nested lis like #1457826396) */
.mm-ocd .mobile-menu .main-menu>li:has(> span > img) {
    padding: 0;
    margin: 0.5rem;
    border: 0.031rem solid #e5e7eb;
    font-size: 1rem;
}

.mm-ocd .mobile-menu .main-menu>li:has(> span > img)>span>img {
    border-radius: 0;
}

.mm-ocd .mobile-menu .main-menu>li:has(> span > img)>span {
    padding: 0 !important;
}

/* =============================================================================
                 SECTION 03 — FOOTER
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Mobile footer layout
  ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .yasmeen-footer div:has(> .yasmeen-story-info) {
        padding: 0;
    }

    .yasmeen-footer .yasmeen-story-info a {
        justify-content: center;
    }

    .yasmeen-footer .yasmeen-story-info a h4 {
        font-size: 3rem;
    }

    .yasmeen-footer .yasmeen-story-info p {
        text-align: center;
        font-size: 1.125rem;
    }

    .yasmeen-footer .yasmeen-footer-links .yasmeen-footer-menu-title,
    .yasmeen-footer .s-contacts-title,
    .yasmeen-footer .s-contacts-list .s-contacts-item {
        justify-content: center;
    }

    .yasmeen-footer .yasmeen-footer-links .s-menu-footer-list {
        text-align: center;
    }

    .yasmeen-footer .s-apps-icons-list {
        justify-content: center;
        margin-top: 2rem;
    }
}

/* =============================================================================
                 SECTION 04 — PRODUCT CARD
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Card shell, badge & image
  ----------------------------------------------------------------------------- */
.s-product-card-out-of-stock {
    display: none;
}

.s-product-card-entry {
    border: 1px solid #eeeeee;
    border-radius: 0.125rem !important;
    justify-content: space-between !important;
}

.s-product-card-entry .s-product-card-promotion-title {
    right: 1rem !important;
    left: unset !important;
    border-radius: 0 !important;
}

.s-product-card-entry .discount-tag {
    border-radius: 0;
    left: 0rem;
    padding: 0.05rem 0.4rem;
    color: rgba(153, 27, 27, 1) !important;
    background-color: rgba(207, 20, 43, 0.11);
}

.s-product-card-entry .discount-tag small {
    line-height: 0.625rem;
}

.s-product-card-entry .discount-tag small:nth-child(2) {
    display: none;
}

.s-product-card-entry .s-product-card-image {
    border-radius: 0 !important;
}

/* -----------------------------------------------------------------------------
                 PART — Card content & pricing
  ----------------------------------------------------------------------------- */
.s-product-card-entry .s-product-card-content {
    padding-top: 0.25rem !important;
    padding-bottom: 0 !important;
    height: 100%;
    justify-content: space-between;
}

.s-product-card-entry .s-product-card-content-footer {
    padding-bottom: 0;
}

.s-product-card-entry .s-product-card-content-main,
.s-product-card-entry .s-product-card-content-sub {
    padding-right: 0.188rem !important;
    padding-left: 0.188rem !important;
}

.s-product-card-entry .s-product-card-content-title {
    margin-bottom: 1.5rem !important;
    min-height: 2.5rem;
}

.s-product-card-entry .s-product-card-sale-price {
    display: flex;
    flex-direction: column-reverse;
}

.s-product-card-entry .s-product-card-sale-price span {
    margin: 0 !important;
    line-height: 0;
    color: #666666;
}

.s-product-card-entry .s-product-card-rating {
    display: none;
}

.s-product-card-entry .s-product-card-content-sub {
    margin-bottom: 0;
}

/* [DUPLICATE] .s-product-card-entry .s-product-card-content-sub also set above with padding — additive */
/* -----------------------------------------------------------------------------
                 PART — Add-to-cart button
  ----------------------------------------------------------------------------- */
.s-product-card-entry salla-add-product-button {
    border-color: #000000;
}

.s-product-card-entry salla-add-product-button .s-button-primary-outline:hover {
    opacity: unset;
    color: #fff;
}

.s-product-card-entry .s-button-btn {
    border-radius: 0.125rem !important;
    min-height: 22px;
    padding: 0 0.5rem !important;
    justify-content: space-between;
}

.s-product-card-entry .s-button-btn span.s-button-text {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.s-product-card-entry .s-button-btn span.s-button-text span {
    font-size: 0 !important;
}

.s-product-card-entry .s-button-btn span.s-button-text span:after {
    font-size: 1.125rem;
    content: "إضافـــة";
    line-height: 1.75;
}

.s-product-card-entry .s-button-btn span.s-button-text i {
    font-size: 0 !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.s-product-card-entry .s-button-btn span.s-button-text i:before {
    font-size: 1.125rem;
    font-family: "sallaicons" !important;
    content: "\e90c";
}

/* -----------------------------------------------------------------------------
                 PART — Product card (desktop)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] desktop overrides base card padding / font-sizes / ATC margin-left */
@media (min-width: 768px) {
    .s-product-card-fit-height .s-product-card-image {
        height: auto;
        max-height: unset;
        flex: none !important;
    }

    .s-product-card-entry:hover .s-product-card-content-footer,
    .s-product-card-entry .s-product-card-content-footer {
        position: unset;
        visibility: visible;
        opacity: unset;
    }

    .s-product-card-entry:hover .s-product-card-content-main,
    .s-product-card-entry:hover .s-product-card-content-sub {
        opacity: unset;
    }

    .s-product-card-entry .discount-tag small {
        font-size: 1rem;
    }

    .s-product-card-entry .s-product-card-content-title a {
        font-size: 1rem !important;
    }

    .s-product-card-entry .s-product-card-sale-price h4 {
        font-size: 1.125rem;
    }

    .s-product-card-entry .s-button-btn {
        padding: 0.25rem 0.5rem !important;
    }

    .s-product-card-entry .s-button-btn span.s-button-text span {
        width: auto;
        margin: 0;
        text-align: center;
    }

    .s-product-card-entry .s-button-btn span.s-button-text span:after {
        font-size: 1.25rem;
    }
}

/* -----------------------------------------------------------------------------
                 PART — Product card (mobile)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] mobile overrides base / desktop font-sizes & ATC margin-left */
@media (max-width: 767px) {
    .s-products-slider-card {
        max-width: 10rem;
    }

    .s-product-card-entry .s-product-card-image {
        height: auto;
        max-height: unset;
    }

    .s-product-card-entry .s-product-card-content-footer {
        margin-top: 0.25rem;
    }

    .s-product-card-entry .discount-tag small {
        font-size: 0.875rem;
    }

    .s-product-card-entry .s-product-card-content-title a {
        font-size: 0.875rem !important;
    }

    .s-product-card-entry .s-product-card-sale-price h4 {
        font-size: 1rem;
    }

    .s-product-card-entry .s-button-btn span.s-button-text span {
        width: auto;
        margin: 0;
        text-align: center;
    }
}

/* =============================================================================
                 SECTION 05 — HOME SECTIONS (SHARED)
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Home margins & padding
  ----------------------------------------------------------------------------- */
.yasmeen-fixed-product .container div:has(> .yasmeen-fixed-product-title),
.s-block--tabs-produtcs {
    padding-bottom: 0;
    padding-top: 0;
}

.yasmeen-fixed-product .container .s-products-list+div {
    padding-top: 0;
    padding-bottom: 0;
}

.s-block--testimonials {
    margin-top: 0.65rem;
    padding-bottom: 0 !important;
}

section.yasmeen-fixed-product {
    margin-bottom: 1.75rem;
}

.s-block--tabs-produtcs,
.s-block--best-offers {
    margin-top: 0.65rem;
    margin-bottom: 1.875rem;
}

@media (min-width: 768px) {
    section.yasmeen-fixed-product {
        margin-bottom: 4rem;
    }

    .yasmeen-fixed-product .container .s-products-list+div {
        width: 100%;
        padding-top: 0.875rem;
    }

    .s-block--tabs-produtcs,
    .s-block--best-offers {
        margin-top: 1.75rem;
        margin-bottom: 4rem;
    }
}

/* [OVERRIDE] desktop margin/padding overrides base home spacing above */
/* -----------------------------------------------------------------------------
                 PART — Section titles
  ----------------------------------------------------------------------------- */
.yasmeen-fixed-product .yasmeen-fixed-product-title,
section.container div div:has(> .right-side),
.s-slider-block__title {
    margin-bottom: 0.25rem;
}

.yasmeen-fixed-product .yasmeen-fixed-product-title h2,
section.container div div .right-side h2,
.s-slider-block__title .s-slider-block__title-right h2 {
    font-size: 1.125rem !important;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .yasmeen-fixed-product .yasmeen-fixed-product-title h2 {
        font-size: 1.5rem !important;
    }
}

.yasmeen-fixed-product .yasmeen-fixed-product-title h2:before,
section.container div div .right-side h2:before,
.s-slider-block__title .s-slider-block__title-right h2:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 24px;
    background: currentColor;
    border-radius: 2px;
    margin-inline-end: 10px;
}

/* [OVERRIDE] fixed-product title h2 font-size overridden in desktop media above */
/* -----------------------------------------------------------------------------
                 PART — Display-all buttons
  ----------------------------------------------------------------------------- */
section.container div div .right-side+a,
.s-slider-block__title .s-slider-block__title-left a {
    border: 1px #0b1f37 solid;
    padding: 0rem 0.25rem !important;
    font-size: 0.875rem !important;
}

section.container div div .right-side+a i {
    display: none;
}

/* -----------------------------------------------------------------------------
                 PART — Nav Arrows
  ----------------------------------------------------------------------------- */
@media (min-width: 768px) {

    .s-slider-v-centered .s-slider-block__title-nav,
    .s-block--testimonials .s-slider-block__title-nav {
        display: none !important;
    }
}

/* =============================================================================
                 SECTION 06 — HOME BANNER / MAIN SLIDER
  ============================================================================= */
/* Main Banner - Slider */
.index .yasmeen-slider-simple {
    height: auto;
}

/* desktop Slider */
section.yasmeen-slider-simple {
    /* margin-bottom: 4rem; */
}

/* mobile Slider */
@media (max-width: 767px) {
    section.yasmeen-slider-simple {
        /* margin-bottom: 1.75rem; */
    }
}

/* [OVERRIDE] mobile margin-bottom overrides desktop base on section.yasmeen-slider-simple */
/* =============================================================================
                 SECTION 07 — REVIEWS & TESTIMONIALS
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Title & display-all
  ----------------------------------------------------------------------------- */
.s-block--testimonials>div:first-child>div:first-child {
    justify-content: center !important;
    align-items: center;
    gap: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0.75rem;
}

.s-block--testimonials>div:first-child h1 {
    display: none;
}

.s-block--testimonials>div:first-child>div:first-child:before,
.s-block--testimonials>div:first-child>div:first-child:after {
    content: "";
    flex: 1;
    height: 0.05rem;
    background: #d9dde3;
}

.s-block--testimonials>div:first-child>div:first-child .s-block__display-all {
    border: 1px #0b1f37 solid;
    padding: 0.125rem 0.25rem !important;
    font-size: 1rem !important;
}

.s-block--testimonials>div:first-child>div:first-child .s-block__display-all i {
    display: none;
}

/* -----------------------------------------------------------------------------
                 PART — Card, quote & rating (shared)
  ----------------------------------------------------------------------------- */
.s-block--testimonials .testimonials-slider .swiper .testimonial {
    border-radius: 4px !important;
    box-shadow: -2px 1px 3px 0px rgb(1 36 61 / 15%);
    border: 0.031rem #e7e3e3 solid;
}

.s-block--testimonials .testimonials-slider .testimonial .testimonial__inner .sicon-quote-open {
    font-size: 1rem;
}

.s-block--testimonials .testimonials-slider .testimonial .testimonial__inner .sicon-quote-open:before {
    content: "\e983";
}

.s-block--testimonials .testimonials-slider .s-rating-stars-selected {
    fill: #b38143;
}

/* -----------------------------------------------------------------------------
                 PART — Testimonials (mobile)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] mobile box-shadow unset overrides shared card box-shadow */
@media (max-width: 767px) {
    .s-block--testimonials .testimonials-slider .testimonial {
        box-shadow: unset;
    }

    .s-block--testimonials .testimonials-slider .testimonial__avatar {
        /* width: 2.5rem;
        height: 2.5rem; */
        display: none;
    }

    .s-block--testimonials .testimonials-slider .testimonial__text {
        font-size: 1rem;
    }

    .s-block--testimonials .testimonials-slider .testimonial__text p {
        margin-top: 2rem;
    }

    .testimonials-slider .swiper-slide-active .testimonial__info {
        margin-bottom: 0;
    }

    .s-block--testimonials .s-rating-stars-wrapper {
        gap: 0.125rem;
    }

    .s-block--testimonials .testimonials-slider .s-rating-stars-small svg {
        height: 0.75rem;
        width: 0.75rem;
    }
}

/* -----------------------------------------------------------------------------
                 PART — Testimonials (desktop)
  ----------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .s-block--testimonials .testimonials-slider .testimonial__text p+div:has(> .testimonial__info) {
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonials-slider .testimonial__text p {
        font-size: 1.5rem;
    }
}

/* =============================================================================
                 SECTION 08 — FAQ (DEPRECATED)
  ============================================================================= */
[class^="yasmeen-faq-"] .yasmeen-faq-title,
[class*=" yasmeen-faq-"] .yasmeen-faq-title {
    justify-content: center !important;
}

[class^="yasmeen-faq-"] .yasmeen-faq-title h2,
[class*=" yasmeen-faq-"] .yasmeen-faq-title h2 {
    font-size: 1.75rem;
}

[class^="yasmeen-faq-"] .accordion-container,
[class*=" yasmeen-faq-"] .accordion-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

[class^="yasmeen-faq-"] .accordion-container .yasmeen-label,
[class*=" yasmeen-faq-"] .accordion-container .yasmeen-label {
    padding: 6px;
    border: 1px solid rgba(1, 36, 61, 0.06);
    box-shadow: -1px 2px 5px 0px rgba(1, 36, 61, 0.08);
}

[class^="yasmeen-faq-"] .accordion-container .yasmeen-label h5,
[class*=" yasmeen-faq-"] .accordion-container .yasmeen-label h5 {
    font-size: 1.125rem;
}

[class^="yasmeen-faq-"] .accordion-container .yasmeen-label span i,
[class*=" yasmeen-faq-"] .accordion-container .yasmeen-label span i {
    background-color: var(--color-primary);
    border-radius: 9999px;
    color: #fff;
}

/* =============================================================================
                 SECTION 09 — FIXED BANNER
  ============================================================================= */

/* [DUPLICATE] .s-block--fixed-banner .container also extended in xl media — additive max-width */
.s-block--fixed-banner .container {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 1280px) {
    .s-block--fixed-banner .container {
        max-width: unset;
    }
}

.s-block--fixed-banner .container div:has(> a.banner--fixed) {
    padding: 0;
}

.s-block--fixed-banner .container div:has(> a.banner--fixed) img {
    border-radius: 0;
}

/* =============================================================================
                 SECTION 10 — TABS PRODUCTS
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Tabs row & buttons
  ----------------------------------------------------------------------------- */
.s-block--tabs-produtcs .container .tabs {
    --column-gap: 0.875rem;

    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch;

    column-gap: var(--column-gap) !important;
    row-gap: 0.7rem !important;

    width: 100%;
    margin-bottom: 0.65rem !important;
    padding-bottom: 0 !important;

    overflow: visible !important;
    white-space: normal !important;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
}

.s-block--tabs-produtcs .container .tabs>salla-button {
    display: block !important;
    box-sizing: border-box;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;

    /* Maximum three buttons per row */
    flex: 1 1 calc(33.333333% - var(--column-gap)) !important;
}

/* Make the inner button fill the salla-button element */
.s-block--tabs-produtcs .container .tabs>salla-button>button,
.s-block--tabs-produtcs .container .tabs>salla-button .s-button-element {
    box-sizing: border-box;
    width: 100% !important;
    height: 100%;
    padding: 0;
}

.s-block--tabs-produtcs .container .tabs>salla-button button {
    border-radius: 0.125rem !important;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    color: #fff;
}

.s-block--tabs-produtcs .container .tabs>salla-button button:hover {
    background-color: var(--color-primary) !important;
    color: #fff !important;
    opacity: 1;
}

/* -----------------------------------------------------------------------------
                 PART — Tabs (desktop)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] desktop margin-bottom / button height+padding override base tabs styles */
@media (min-width: 768px) {
    .s-block--tabs-produtcs .container .tabs {
        margin-bottom: 1.75rem !important;
    }

    .s-block--tabs-produtcs .container .tabs>salla-button>button,
    .s-block--tabs-produtcs .container .tabs>salla-button .s-button-element {
        height: auto;
        padding: 0.75rem;
        font-size: 1.25rem;
    }

    .s-block--tabs-produtcs .container .tabs>salla-button .s-button-element .s-button-text {
        height: 1.5rem;
    }
}

/* =============================================================================
                 SECTION 11 — FIXED PRODUCTS (SPECIAL / 2ND LIST)
  ============================================================================= */
/* 2nd products section only (nth-of-type fails when other sections exist above) */

section.container>div:first-child {
    padding-bottom: 0;
    padding-top: 0;
}

section.container:has(salla-products-list)>div:first-child>div:first-child {
    display: none;
}

section.container:has(salla-products-list) .s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

section.container:has(salla-products-list) {
    margin-top: -15%;
    padding-right: 3rem;
    padding-left: 3rem;
}

@media (min-width: 768px) {
    section.container:has(salla-products-list) {
        max-width: 46%;
        margin-bottom: 4rem;
    }
}

/* [DUPLICATE] section.container:has(salla-products-list) also set above — desktop adds max-width/margin */
/* =============================================================================
                 SECTION 12 — YASMEEN FIXED PRODUCT
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Title & product list
  ----------------------------------------------------------------------------- */
.yasmeen-fixed-product .yasmeen-fixed-product-title div:has(> h2) {
    gap: 0.5rem;
}

.yasmeen-fixed-product .container .s-products-list .s-products-list-wrapper {
    margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
                 PART — View-all button with dividers
  ----------------------------------------------------------------------------- */
.yasmeen-fixed-product .container a button {
    background: unset;
    color: #000;
    border: unset;
    box-shadow: unset;
}

.yasmeen-fixed-product .container a:has(> button) {
    display: flex;
    align-items: center;
    width: 100%;
    padding-inline: 0rem;
    box-sizing: border-box;
    text-decoration: none;
    gap: clamp(1rem, 5vw, 3rem);
}

.yasmeen-fixed-product .container a:has(> button)::before,
.yasmeen-fixed-product .container a:has(> button)::after {
    content: "";
    display: block;
    flex: 1 1 0;
    min-width: 0;
    height: 1px;
    background-color: #d5d9df;
}

.yasmeen-fixed-product .container a:has(> button)>button {
    flex: 0 0 auto;
    width: fit-content !important;
    /* Overrides Tailwind's w-full */
    white-space: nowrap;
    padding-left: 0rem;
    padding-right: 0rem;
}

.yasmeen-fixed-product .container a button span:first-child {
    border: 1px #0b1f37 solid;
    padding: 0rem 0.25rem !important;
    font-size: 0.875rem !important;
}

.yasmeen-fixed-product .container a button .sicon-arrow-left,
.yasmeen-fixed-product .container a button .sicon-arrow-right {
    display: none;
}

@media (min-width: 768px) {
    .yasmeen-fixed-product .container a button span:first-child {
        font-size: 1.25rem !important;
        padding: 0.25rem 0.5rem !important;
    }
}

/* [OVERRIDE] desktop font-size/padding override base view-all span styles */
/* =============================================================================
                 SECTION 13 — BEST OFFERS / FEATURED PRODUCTS
  ============================================================================= */
.s-block--best-offers#best-offers-12-slider .s-slider-block__title {
    display: none;
}

/* =============================================================================
                 SECTION 14 — CATEGORIES (IMPORTANT LINKS)
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Title & category cards
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] more specific than shared .s-slider-block__title in SECTION 05 */
.s-block--categories .container .s-slider-block__title {
    justify-content: center;
    margin-bottom: 0.75rem;
}

.s-block--categories .container .s-slider-block__title h2 {
    font-size: 1.75rem !important;
    padding: 0;
}

.s-block--categories .container .s-slider-block__title h2:before {
    background: unset;
}

.s-block--categories .container .swiper-slide .slide--cat-entry {
    height: auto;
    /* border: 0.031rem solid rgba(1, 36, 61, 0.06); */
    border: 0.031rem var(--color-primary) solid;
    box-shadow: -1px 2px 1px 0px rgba(1, 36, 61, 0.08);
    border-radius: 0.125rem;
}

.s-block--categories .container .swiper-slide .slide--cat-entry h2 {
    font-size: 1.125rem !important;
}

.s-block--categories .container .swiper-slide i {
    display: none;
}

.s-block--categories .container .s-slider-container .swiper-wrapper {
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

.s-block--categories .container .s-slider-container {
    padding-left: 5px;
}

/* -----------------------------------------------------------------------------
                 PART — Categories (desktop)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] desktop title size / box-shadow / entry h2 override base categories styles */
/* [DUPLICATE] border value restated identical to base */
@media (min-width: 768px) {
    .s-block--categories .container .s-slider-block__title {
        margin-bottom: 1rem;
    }

    .s-block--categories .container .s-slider-block__title h2 {
        font-size: 2.5rem !important;
    }

    .s-block--categories .container .swiper-slide .slide--cat-entry {
        /* border: 1px solid rgba(1, 36, 61, 0.06); */
        border: 0.031rem var(--color-primary) solid;
        box-shadow: 0px 1px 7px 0px rgba(1, 36, 61, 0.08);
    }

    .s-block--categories .container .swiper-slide .slide--cat-entry h2 {
        font-size: 1.25rem !important;
    }

    .s-block--categories .container .s-slider-container .swiper-wrapper {
        justify-content: space-around;
    }

    .s-block--categories .container .s-slider-container .swiper-wrapper .swiper-slide {
        width: 25%;
    }
}

/* =============================================================================
                 SECTION 15 — CATEGORY / PRODUCT INDEX PAGE
  ============================================================================= */

/* -----------------------------------------------------------------------------
                 PART — Categories slider chips
  ----------------------------------------------------------------------------- */
.product-index .yasmeen-products-index .yasmeen-categories-slider .s-slider-container {
    padding-left: 0rem;
}

@media (max-width: 767px) {
    .product-index .yasmeen-products-index .yasmeen-categories-slider .s-slider-container .s-slider-swiper-wrapper {
        justify-content: space-between;
        row-gap: 0.5rem;
        flex-wrap: wrap;
    }

    .product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide {
        flex: 25%;
    }
}

.product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide a img {
    display: none;
}

.product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide {
    border: 1px #0b1f37 solid !important;
    border-radius: 2px !important;
    height: 2rem !important;
}

.product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide span {
    font-size: 0.875rem;
}

/* -----------------------------------------------------------------------------
                 PART — Page title
  ----------------------------------------------------------------------------- */
.product-index .yasmeen-products-index #page-main-title {
    font-size: 1.25rem;
    margin-bottom: 0.125rem;
}

/* -----------------------------------------------------------------------------
                 PART — Product index (desktop)
  ----------------------------------------------------------------------------- */

/* [OVERRIDE] desktop flex / font-size / margins override mobile & base index styles */
@media (min-width: 768px) {
    .product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide {
        flex: 100%;
    }

    .product-index .yasmeen-products-index #page-main-title {
        font-size: 1.875rem;
        margin-bottom: 0.5rem;
    }

    .product-index .yasmeen-products-index .yasmeen-categories-slider .swiper-slide span {
        font-size: 1rem;
        flex: 100%;
    }
}

/* =============================================================================
                 SECTION 16 — PRODUCT PAGE
  ============================================================================= */
.product-single .product-brand {
    display: none !important;
}

/* -----------------------------------------------------------------------------
               PART — Offers & description
----------------------------------------------------------------------------- */
.pdp-accordion {
    direction: rtl;
    text-align: right;
    font-family: inherit;
}

.pdp-accordion-item {
    border-bottom: 1px solid #e5e5e5;
}

.pdp-accordion-header {
    width: 100%;
    padding: 16px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    color: #111;
}

.pdp-accordion-header:hover {
    opacity: 0.85;
}

.pdp-accordion-icon {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.25s ease;
    transform: rotate(270deg);
}

.pdp-accordion-content {
    display: none;
    padding: 0 0 18px;
    color: #333;
    line-height: 1.9;
    overflow: hidden;
}

:lang(en) .pdp-accordion-content {
    text-align: left;
}

.pdp-accordion-item.is-open .pdp-accordion-content {
    display: block;
}

.pdp-accordion-item.is-open .pdp-accordion-icon {
    transform: rotate(90deg);
}

.pdp-accordion-content ul {
    padding-right: 20px;
    margin: 0;
}

.pdp-accordion-content li {
    margin-bottom: 8px;
}

.pdp-accordion-note {
    margin-top: 16px;
}

.pdp-accordion-link {
    color: #cf142b;
    text-decoration: none;
}

/* -----------------------------------------------------------------------------
               PART — Options, variants & installments
----------------------------------------------------------------------------- */
#zyros-variant-browser {
    margin-top: 20px;
}

#zyros-variant-browser .zyros-variant-title {
    margin-bottom: 12px;
    font-weight: 700;
}

#zyros-variant-browser .zyros-variant-list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

#zyros-variant-browser .zyros-variant-item {
    min-width: 76px;
    text-align: center;
    text-decoration: none;
    color: inherit;

    flex-shrink: 0;
}

#zyros-variant-browser .zyros-variant-item img {
    width: 72px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
    display: block;
}

#zyros-variant-browser .zyros-variant-item span {
    display: none;
}

.product-693489456 .s-product-options-grid-mode input:checked+div,
.product-377399358 .s-product-options-grid-mode input:checked+div,
.product-234202895 .s-product-options-grid-mode input:checked+div,
.product-1574602782 .s-product-options-grid-mode input:checked+div,
.product-314921317 .s-product-options-grid-mode input:checked+div,
.product-2139846766 .s-product-options-grid-mode input:checked+div,
.product-1655317108 .s-product-options-grid-mode input:checked+div,
.product-132959601 .s-product-options-grid-mode input:checked+div,
.product-1795323775 .s-product-options-grid-mode input:checked+div {
    color: var(--store-text-primary);
    background-color: unset;
    border: unset;
}

.product-693489456 .s-product-options-grid-mode input:checked+div:before,
.product-377399358 .s-product-options-grid-mode input:checked+div:before,
.product-234202895 .s-product-options-grid-mode input:checked+div:before,
.product-1574602782 .s-product-options-grid-mode input:checked+div:before,
.product-314921317 .s-product-options-grid-mode input:checked+div:before,
.product-2139846766 .s-product-options-grid-mode input:checked+div:before,
.product-1655317108 .s-product-options-grid-mode input:checked+div:before,
.product-132959601 .s-product-options-grid-mode input:checked+div:before,
.product-1795323775 .s-product-options-grid-mode input:checked+div:before {
    content: "\ea9c";
}

.product-693489456 .s-product-options-grid-mode-span,
.product-377399358 .s-product-options-grid-mode-span,
.product-234202895 .s-product-options-grid-mode-span,
.product-1574602782 .s-product-options-grid-mode-span,
.product-314921317 .s-product-options-grid-mode-span,
.product-2139846766 .s-product-options-grid-mode-span,
.product-1655317108 .s-product-options-grid-mode-span,
.product-132959601 .s-product-options-grid-mode-span,
.product-1795323775 .s-product-options-grid-mode-span {
    border: unset;
}

.product-693489456 .s-product-options-grid-mode-span:before,
.product-377399358 .s-product-options-grid-mode-span:before,
.product-234202895 .s-product-options-grid-mode-span:before,
.product-1574602782 .s-product-options-grid-mode-span:before,
.product-314921317 .s-product-options-grid-mode-span:before,
.product-2139846766 .s-product-options-grid-mode-span:before,
.product-1655317108 .s-product-options-grid-mode-span:before,
.product-132959601 .s-product-options-grid-mode-span:before,
.product-1795323775 .s-product-options-grid-mode-span:before {
    font-family: sallaicons;
    content: "\ea9f";
    font-size: 18px;
}

.product-693489456 .s-product-options-option,
.product-377399358 .s-product-options-option,
.product-234202895 .s-product-options-option,
.product-1574602782 .s-product-options-option,
.product-314921317 .s-product-options-option,
.product-2139846766 .s-product-options-option,
.product-1655317108 .s-product-options-option,
.product-132959601 .s-product-options-option,
.product-1795323775 .s-product-options-option {
    grid-template-columns: 65% 20% !important;
}

/* -----------------------------------------------------------------------------
               PART — Order elements
----------------------------------------------------------------------------- */
.product-single .main-content {
    display: flex;
    flex-direction: column;
}

.product-single .main-content h1 {
    order: 1;
}

.product-single .main-content div.flex.whitespace-nowrap.gap-4.items-center {
    order: 2
}

.product-single .main-content div.flex.whitespace-nowrap.gap-4.items-center div {
    display: flex;
    flex-direction: column;
}

.product-single .main-content div.flex.whitespace-nowrap.gap-4.items-center div span {
    order: 1;
    margin: 0;
}

.product-single .main-content div.flex.whitespace-nowrap.gap-4.items-center div h4 {
    order: 2;
}

.product-single .main-content small.color-grey {
    order: 3;
}

.product-single .main-content .product-form {
    order: 4
}

.product-single .main-content salla-loyalty-points-banner {
    order: 5;
    padding-top: 1rem;
}

.product-single .main-content div.mb-4.flex.justify-between.items-center.sm\:grid.sm\:grid-cols-3.bg-white.rounded-md.py-4 {
    order: 6;
}

.product-single .main-content salla-installment {
    order: 7;
}

.product-single .main-content .product-form section.flex.bg-white.sm\:pb-0.rounded-md.rounded-b-none {
    display: none;
}

/*desktop override*/
@media(min-width: 768px) {
    .product-single .main-content .product-form section.sticky-product-bar.bg-white.pt-5.rounded-md.rounded-b-none.items-center {
        margin-bottom: 1rem;
    }
}

/* [OVERRIDE] desktop sticky-product-bar margin override */
/* =============================================================================
               SECTION 17 — MODALS, GIFTING & ALERTS
============================================================================= */

/* -----------------------------------------------------------------------------
               PART — Gifting modal
----------------------------------------------------------------------------- */
html[lang="ar"] .s-gifting-modal .s-gifting-steps-wrapper::before {
    content: "النص سيصل للمستلم عبر رسالة نصية ، مع إشعار لإضافة العنوان الوطني";
}

html[lang="en"] .s-gifting-modal .s-gifting-steps-wrapper::before {
    content: "The essage will be sent to the recipient via SMS, along with a prompt to add their National Address. This is not a physical card.";
}

.s-gifting-modal .s-gifting-steps-wrapper::before {
    display: block;
    color: rgba(153, 27, 27, 1);
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
}

.product-single .s-gifting-widget {
    border-color: #b09050 !important;
}

.product-single .s-gifting-widget .s-list-tile-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px;
    padding: 16px;

    background: #fbf9f1 !important;
    border-radius: 10px;

    position: relative;
}

.product-single .s-gifting-widget .s-list-tile-item-content {
    flex: 1;
    min-width: 0;
}

.product-single .s-gifting-widget .s-list-tile-item-title h3,
.product-single .s-gifting-widget .s-list-tile-item-subtitle {
    color: #0e2032 !important;
}

.product-single .s-gifting-widget .s-list-tile-item-action {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-single .s-gifting-widget-action button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

.product-single .s-gifting-widget-action-content span {
    display: none;
}

.product-single .s-gifting-widget-action-content:after {
    content: "›";
    font-size: 1.75rem;
    color: #0e2032;
    line-height: 1;
}

.product-single .s-gifting-widget .s-list-tile-item-icon {
    display: block;
    margin: 0;
}

.product-single .s-gifting-widget .s-list-tile-item-icon:after {
    font-family: sallaicons !important;
    content: "\ec5d";
    border-radius: 8px;
    background: #f0e8d0;
    color: #b09050;
    padding: 0.65rem;
    font-size: 1.75rem;
}

html[lang^="ar"] .product-single .s-gifting-widget .s-list-tile-item {
    flex-direction: row !important;
}

html[lang^="ar"] .product-single .s-gifting-widget .s-list-tile-item-content {
    order: 2;
    text-align: right;
}

html[lang^="ar"] .product-single .s-gifting-widget .s-list-tile-item-action {
    order: 3;
}

html:not([lang^="ar"]) .product-single .s-gifting-widget .s-list-tile-item {
    flex-direction: row !important;
}

html:not([lang^="ar"]) .product-single .s-gifting-widget .s-list-tile-item-content {
    order: 2;
    text-align: left;
}

html:not([lang^="ar"]) .product-single .s-gifting-widget .s-list-tile-item-action {
    order: 3;
}

:lang(en) .product-single salla-gifting,
:lang(en) .product-single salla-gifting .s-list-tile-item-title {
    text-align: left !important;
}

.s-gifting-modal-header::after {
    display: block;
    color: rgba(153, 27, 27, 1);
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
}

#cart-gifting .s-list-tile-item .s-list-tile-item-title span {
    display: none !important;
}

#cart-gifting .s-list-tile-item .s-list-tile-item-subtitle {
    padding: 0;
}

/* [DUPLICATE] html[lang^=ar] and html:not([lang^=ar]) both set flex-direction:row on .s-list-tile-item */
/* [DUPLICATE] both lang variants set .custom-gift-icon { order: 1 } (see below) */
/* -----------------------------------------------------------------------------
               PART — Offer modal
----------------------------------------------------------------------------- */
#salla-modal>div.s-modal-wrapper>div>div.s-modal-header>div>div>p {
    font-weight: bold;
}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-title,
#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-sub-title {
    font: var(--font-main) !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-title {
    font-weight: bold !important;
}

#salla-modal>.s-modal-wrapper>div>.s-modal-header>div>div>.s-modal-sub-title {
    color: #991b1b !important;
}

/* [DUPLICATE] .s-modal-title / .s-modal-sub-title set jointly then refined — additive */
/* -----------------------------------------------------------------------------
               PART — Alerts & animation
----------------------------------------------------------------------------- */
.s-add-product-toast:not(.s-add-product-toast--visible) {
    visibility: hidden;
}

.custom-gift-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;

    border-radius: 8px;
    background: #f0e8d0;
    color: #b09050;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.custom-gift-icon .sicon-gift {
    font-size: 24px;
    line-height: 1;

    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-gift-icon .sicon-gift:before {
    content: "\ec5d";
}

html[lang^="ar"] .custom-gift-icon {
    order: 1;
}

html:not([lang^="ar"]) .custom-gift-icon {
    order: 1;
}

.modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.modal .modal-content {
    background: #fff;
    padding: 24px 20px;
    border-radius: 14px;
    text-align: center;
    width: 92%;
    max-width: 380px;
    position: relative;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
    animation: popIn 0.25s ease;
}

.modal .message-text {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.modal .close-button {
    width: 100%;
    padding: 12px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
}

.modal .close-button:hover {
    opacity: 0.8;
}

.modal .close-icon {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 18px;
    cursor: pointer;
    color: #333;
    opacity: 0.7;
}

/* -----------------------------------------------------------------------------
               PART — Mobile overrides
----------------------------------------------------------------------------- */

/* [OVERRIDE] mobile gifting title/subtitle sizes override base widget text styles */
@media (max-width: 767px) {
    .product-single .s-gifting-widget .s-list-tile-item-title h3 {
        font-size: 0;
        line-height: 1.75rem;
    }

    :lang(ar) .product-single .s-gifting-widget .s-list-tile-item-title h3:after {
        content: '‎ أرسلها كهدية';
        font-size: 18px !important;
    }

    :lang(en) .product-single .s-gifting-widget .s-list-tile-item-title h3:after {
        content: '‎ Send it as a Gift';
        font-size: 18px !important;
    }

    .product-single .s-gifting-widget .s-list-tile-item-subtitle {
        font-size: 13px;
        line-height: 1.6;
    }
}