/* ===========================================
   العقد الثمين - Luxury Theme
   Jawhara Clean Fixed Version
   نسخة كاملة جاهزة للاستبدال
=========================================== */

:root {
    --primary: #C8A75A;
    --primary-dark: #A8842E;
    --gold-light: #E8D4A2;
    --header-brown: #472618;
    --header-gold: #E8D4A2;
    --background: #FAF9F6;
    --surface: #FFFFFF;
    --text: #3E3120;
    --text-light: #7B6A50;
    --border: #EEE4D1;
    --video-background: #F7F3EC;
}

/* ===========================================
   الخلفية العامة
=========================================== */
html,
body,
.site,
.main-content {
    background: var(--background) !important;
}

main,
.main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===========================================
   البطاقات العامة
=========================================== */
.card,
.product-card,
.product-item {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(200, 167, 90, 0.08) !important;
}

/* ===========================================
   الأزرار العامة
   ملاحظة: لا تشمل أزرار تحكم السلايدر
=========================================== */
.btn:not(.swiper-button-next):not(.swiper-button-prev),
.button:not(.swiper-button-next):not(.swiper-button-prev),
.s-button-element:not(.swiper-button-next):not(.swiper-button-prev),
input[type="submit"] {
    background: var(--primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;
    transition: all 0.3s ease !important;
}

.btn:not(.swiper-button-next):not(.swiper-button-prev):hover,
.button:not(.swiper-button-next):not(.swiper-button-prev):hover,
.s-button-element:not(.swiper-button-next):not(.swiper-button-prev):hover,
input[type="submit"]:hover {
    background: var(--primary-dark) !important;
}

/* ===========================================
   الأسعار والعناوين والنصوص
=========================================== */
.price,
.price * {
    color: var(--primary-dark) !important;
    font-weight: 700 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title {
    color: var(--text) !important;
}

p,
small,
label {
    color: var(--text-light);
}

input,
textarea,
select {
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
}

/* ===========================================
   الهيدر الأساسي
=========================================== */
header.store-header,
.store-header {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
}

.jawhara-top-navbar,
.top-navbar {
    background: var(--header-brown) !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
}

.jawhara-top-navbar,
.jawhara-top-navbar a,
.jawhara-top-navbar span,
.top-navbar,
.top-navbar a,
.top-navbar span {
    color: var(--header-gold) !important;
}

#mainnav,
.jawhara-main-nav-container,
.main-nav-container {
    background: var(--header-brown) !important;
    min-height: 54px !important;
    height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#mainnav > .container,
#mainnav .container,
#mainnav > .inner,
#mainnav .inner,
.jawhara-main-nav-container > .container,
.jawhara-main-nav-container .container,
.jawhara-main-nav-container > .inner,
.jawhara-main-nav-container .inner {
    min-height: 54px !important;
    height: 54px !important;
    max-height: 54px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    align-items: center !important;
}

/* ===========================================
   الشعار
=========================================== */
.logo,
.site-logo,
.store-logo,
.header__logo,
.header-logo,
.navbar-brand,
.logo > a,
.site-logo > a,
.store-logo > a,
.header__logo > a,
.header-logo > a,
.navbar-brand > a {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mainnav .logo img,
#mainnav .site-logo img,
#mainnav .store-logo img,
#mainnav .header__logo img,
#mainnav .header-logo img,
#mainnav .navbar-brand img,
.logo img,
.site-logo img,
.store-logo img,
.header__logo img,
.header-logo img,
.navbar-brand img {
    width: auto !important;
    max-height: 40px !important;
    max-width: 62px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.logo::after,
.site-logo::after,
.store-logo::after,
.header__logo::after,
.header-logo::after,
.navbar-brand::after {
    content: none !important;
}

#mainnav :is(
    .logo,
    .site-logo,
    .store-logo,
    .header__logo,
    .header-logo,
    .navbar-brand
):not(.hidden)::after {
    content: "العقد الثمين" !important;
    display: inline-block !important;
    margin-inline-start: 7px !important;
    color: var(--header-gold) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

/* ===========================================
   البحث + الحساب + السلة
=========================================== */
#mainnav salla-search,
#mainnav .search,
#mainnav .header-search,
#mainnav salla-user-menu,
#mainnav .header-user,
#mainnav .user-menu-trigger,
#mainnav .account-trigger,
#mainnav salla-cart-summary,
#mainnav .header-cart,
#mainnav .cart-summary,
#mainnav .cart-button {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
}

#mainnav salla-user-menu,
#mainnav .header-user,
#mainnav .user-menu-trigger,
#mainnav .account-trigger {
    padding: 0 !important;
}

#mainnav salla-user-menu > button,
#mainnav salla-user-menu > a,
#mainnav .header-user > button,
#mainnav .header-user > a,
#mainnav .user-menu-trigger,
#mainnav .account-trigger,
#mainnav .s-user-menu-trigger {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 2px !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

#mainnav salla-user-menu img,
#mainnav .header-user img,
#mainnav .user-menu-trigger img,
#mainnav .account-trigger img,
#mainnav .s-user-menu-trigger img {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}

#mainnav > button,
#mainnav .menu-trigger,
#mainnav .hamburger,
#mainnav .mobile-menu,
#mainnav button[aria-label*="menu"],
#mainnav button[aria-label*="Menu"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--header-gold) !important;
}

#mainnav > i,
#mainnav .icon,
#mainnav .menu-trigger,
#mainnav .hamburger {
    color: var(--header-gold) !important;
}

#mainnav salla-search svg,
#mainnav salla-cart-summary svg {
    color: var(--header-gold) !important;
    width: 23px !important;
    height: 23px !important;
}

#mainnav > a,
#mainnav .container > a,
.jawhara-main-nav-container > a {
    color: #FFFFFF !important;
}

/* ===========================================
   إزالة الفراغ بعد الهيدر
=========================================== */
header.store-header + main,
.store-header + main,
#mainnav + main,
#mainnav + .main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===========================================
   البنرات
=========================================== */
.jawhara-slider,
.s-block--hero,
.s-block--slider,
.s-slider-v-centered,
.home-slider,
.main-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.jawhara-slider img,
.s-block--hero img,
.s-block--slider img,
.home-slider img,
.main-slider img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

/* ===========================================
   إصلاح الأسهم - مهم جداً
   لا نغير position/top/transform لأسهم سلة الأصلية
=========================================== */
.s-block--hero .swiper-button-next,
.s-block--hero .swiper-button-prev,
.s-block--slider .swiper-button-next,
.s-block--slider .swiper-button-prev,
.jawhara-slider .swiper-button-next,
.jawhara-slider .swiper-button-prev,
.home-slider .swiper-button-next,
.home-slider .swiper-button-prev,
.main-slider .swiper-button-next,
.main-slider .swiper-button-prev {
    margin: initial !important;
}

/* لو كان هناك كود قديم وضع الأسهم absolute خارج السلايدر، نعيدها للقيمة الافتراضية */
.s-block--hero > .swiper-button-next,
.s-block--hero > .swiper-button-prev,
.s-block--slider > .swiper-button-next,
.s-block--slider > .swiper-button-prev,
.jawhara-slider > .swiper-button-next,
.jawhara-slider > .swiper-button-prev,
.home-slider > .swiper-button-next,
.home-slider > .swiper-button-prev,
.main-slider > .swiper-button-next,
.main-slider > .swiper-button-prev {
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
}

/* ===========================================
   الفوتر والشارات
=========================================== */
footer,
.footer {
    background: #F7F3EC !important;
    border-top: 1px solid var(--border) !important;
}

.badge,
.tag {
    background: #F3E6C4 !important;
    color: #7A5A17 !important;
}

/* ===========================================
   الهيدر - اللابتوب
=========================================== */
@media (min-width: 769px) {
    .jawhara-top-navbar,
    .top-navbar {
        min-height: 36px !important;
        height: 36px !important;
    }

    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container,
    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner {
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
    }

    #mainnav :is(
        .logo,
        .site-logo,
        .store-logo,
        .header__logo,
        .header-logo,
        .navbar-brand
    ):not(.hidden)::after {
        font-size: 19px !important;
        margin-inline-start: 8px !important;
    }

    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img {
        max-height: 46px !important;
        max-width: 72px !important;
    }

    #mainnav salla-user-menu img,
    #mainnav .header-user img,
    #mainnav .user-menu-trigger img,
    #mainnav .account-trigger img,
    #mainnav .s-user-menu-trigger img {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
    }
}

/* ===========================================
   الهيدر - الجوال والتابلت
=========================================== */
@media (max-width: 768px) {
    .jawhara-top-navbar,
    .top-navbar {
        min-height: 24px !important;
        height: 24px !important;
        max-height: 24px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container,
    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner,
    .jawhara-main-nav-container > .container,
    .jawhara-main-nav-container .container,
    .jawhara-main-nav-container > .inner,
    .jawhara-main-nav-container .inner {
        min-height: 50px !important;
        height: 50px !important;
        max-height: 50px !important;
    }

    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container {
        background: var(--header-brown) !important;
    }

    #mainnav :is(
        .logo,
        .site-logo,
        .store-logo,
        .header__logo,
        .header-logo,
        .navbar-brand
    ):not(.hidden)::after {
        font-size: 14px !important;
        margin-inline-start: 5px !important;
    }

    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img {
        max-height: 36px !important;
        max-width: 54px !important;
    }

    #mainnav salla-user-menu img,
    #mainnav .header-user img,
    #mainnav .user-menu-trigger img,
    #mainnav .account-trigger img,
    #mainnav .s-user-menu-trigger img {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        min-height: 17px !important;
        max-width: 17px !important;
        max-height: 17px !important;
    }

    #mainnav salla-search svg,
    #mainnav salla-cart-summary svg {
        width: 21px !important;
        height: 21px !important;
    }
}

@media (max-width: 480px) {
    .jawhara-top-navbar,
    .top-navbar {
        min-height: 20px !important;
        height: 20px !important;
        max-height: 20px !important;
    }

    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container,
    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner {
        min-height: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
    }

    #mainnav :is(
        .logo,
        .site-logo,
        .store-logo,
        .header__logo,
        .header-logo,
        .navbar-brand
    ):not(.hidden)::after {
        font-size: 13px !important;
        margin-inline-start: 4px !important;
    }

    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img {
        max-height: 34px !important;
        max-width: 51px !important;
    }

    #mainnav salla-user-menu img,
    #mainnav .header-user img,
    #mainnav .user-menu-trigger img,
    #mainnav .account-trigger img,
    #mainnav .s-user-menu-trigger img {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }
}

/* ===========================================
   فيديو جوهرة
=========================================== */
.s-block--video,
.video-section,
.jawhara-video {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--video-background) !important;
    overflow: hidden !important;
}

.s-block--video > *,
.video-section > *,
.jawhara-video > * {
    filter: none !important;
    opacity: 1 !important;
}

.s-block--video video,
.video-section video,
.jawhara-video video,
.s-block--video iframe,
.video-section iframe,
.jawhara-video iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.jawhara-video::after,
.jawhara-video.s-block-live-editor::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
}

@media (min-width: 769px) {
    .s-block--video,
    .video-section,
    .jawhara-video,
    .s-block--video video,
    .video-section video,
    .jawhara-video video,
    .s-block--video iframe,
    .video-section iframe,
    .jawhara-video iframe {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
}

@media (max-width: 768px) {
    .s-block--video,
    .video-section,
    .jawhara-video,
    .s-block--video video,
    .video-section video,
    .jawhara-video video,
    .s-block--video iframe,
    .video-section iframe,
    .jawhara-video iframe {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }
}

@media (max-width: 480px) {
    .s-block--video,
    .video-section,
    .jawhara-video,
    .s-block--video video,
    .video-section video,
    .jawhara-video video,
    .s-block--video iframe,
    .video-section iframe,
    .jawhara-video iframe {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
    }
}

/* ===========================================
   الأقسام الدائرية
=========================================== */
.s-block--categories {
    position: relative !important;
    overflow: visible !important;
}

.s-block--categories .swiper,
.s-block--categories .swiper-wrapper,
.s-block--categories .swiper-slide {
    overflow: visible !important;
}

.s-block--categories .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.s-block--categories .slide--cat-entry {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 158px !important;
    height: 158px !important;
    min-width: 158px !important;
    min-height: 158px !important;
    max-width: 158px !important;
    max-height: 158px !important;
    margin: 8px auto 14px !important;
    padding: 15px !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #FFFFFF 0%, #FCFAF6 62%, #F7F0E3 100%) !important;
    border: 1px solid rgba(200, 167, 90, 0.38) !important;
    box-shadow: 0 8px 22px rgba(62, 49, 32, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.70) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transform: translateY(0) scale(1) !important;
    transition: transform 0.32s cubic-bezier(.2,.8,.2,1), box-shadow 0.32s ease, border-color 0.32s ease !important;
}

.s-block--categories .slide--cat-entry::before {
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(200, 167, 90, 0.16) !important;
    pointer-events: none !important;
}

.s-block--categories .slide--cat-entry::after {
    content: "" !important;
    position: absolute !important;
    width: 60% !important;
    height: 170% !important;
    top: -35% !important;
    left: -85% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.70), transparent) !important;
    transform: rotate(20deg) !important;
    pointer-events: none !important;
    transition: left 0.55s ease !important;
}

.s-block--categories .slide--cat-entry img {
    display: block !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    max-width: 88px !important;
    max-height: 88px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: 0 5px 14px rgba(168, 132, 46, 0.10) !important;
    transition: transform 0.32s ease, box-shadow 0.32s ease !important;
}

.s-block--categories .slide--cat-entry picture,
.s-block--categories .slide--cat-entry figure,
.s-block--categories .slide--cat-entry [class*="image"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.s-block--categories .slide--cat-entry span,
.s-block--categories .slide--cat-entry p,
.s-block--categories .slide--cat-entry h3,
.s-block--categories .slide--cat-entry h4 {
    color: var(--text) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

@media (hover: hover) and (pointer: fine) {
    .s-block--categories .slide--cat-entry:hover {
        transform: translateY(-7px) scale(1.045) !important;
        border-color: var(--primary) !important;
        box-shadow: 0 16px 32px rgba(168,132,46,0.18), 0 0 0 4px rgba(232,212,162,0.14) !important;
    }

    .s-block--categories .slide--cat-entry:hover::after {
        left: 120% !important;
    }

    .s-block--categories .slide--cat-entry:hover img {
        transform: scale(1.075) !important;
        box-shadow: 0 8px 18px rgba(168,132,46,0.15) !important;
    }
}

.s-block--categories .slide--cat-entry:active {
    transform: translateY(-1px) scale(0.94) !important;
}

@media (min-width: 769px) {
    .s-block--categories .slide--cat-entry {
        width: 168px !important;
        height: 168px !important;
        min-width: 168px !important;
        min-height: 168px !important;
        max-width: 168px !important;
        max-height: 168px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 94px !important;
        height: 94px !important;
        min-width: 94px !important;
        min-height: 94px !important;
        max-width: 94px !important;
        max-height: 94px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    .s-block--categories .slide--cat-entry {
        width: 124px !important;
        height: 124px !important;
        min-width: 124px !important;
        min-height: 124px !important;
        max-width: 124px !important;
        max-height: 124px !important;
        padding: 11px !important;
        margin: 6px auto 10px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        min-height: 68px !important;
        max-width: 68px !important;
        max-height: 68px !important;
        margin-bottom: 6px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 12.5px !important;
    }
}

@media (max-width: 480px) {
    .s-block--categories .slide--cat-entry {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        max-width: 112px !important;
        max-height: 112px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 61px !important;
        height: 61px !important;
        min-width: 61px !important;
        min-height: 61px !important;
        max-width: 61px !important;
        max-height: 61px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 11.5px !important;
    }
}

/* ===========================================
   بطاقات المنتجات
=========================================== */
.s-product-card-entry {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    background: #FFFFFF !important;
    border: 1px solid #EEE8DD !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 18px rgba(62,49,32,0.05) !important;
    transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .s-product-card-entry:hover {
        transform: translateY(-5px) !important;
        border-color: rgba(200,167,90,0.45) !important;
        box-shadow: 0 14px 30px rgba(62,49,32,0.10) !important;
    }
}

.s-product-card-image {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #F8F7F4 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.s-product-card-image img,
img.s-product-card-image-contain {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    background: #F8F7F4 !important;
    transition: transform 0.45s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .s-product-card-entry:hover .s-product-card-image img {
        transform: scale(1.045) !important;
    }
}

/* القلب */
.s-product-card-entry salla-button[shape="icon"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.s-product-card-entry button.s-product-card-wishlist-btn.s-button-element,
.s-product-card-entry .s-product-card-wishlist-btn.s-button-element {
    position: absolute !important;
    top: 14px !important;
    inset-inline-start: 14px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--primary) !important;
    background-color: var(--primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 14px rgba(62,49,32,0.12) !important;
    opacity: 1 !important;
    z-index: 20 !important;
}

.s-product-card-entry button.s-product-card-wishlist-btn::before,
.s-product-card-entry button.s-product-card-wishlist-btn::after,
.s-product-card-entry .s-product-card-wishlist-btn::before,
.s-product-card-entry .s-product-card-wishlist-btn::after {
    content: none !important;
    display: none !important;
}

.s-product-card-entry .s-product-card-wishlist-btn .s-button-text {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}

.s-product-card-entry .s-product-card-wishlist-btn svg,
.s-product-card-entry .s-product-card-wishlist-btn i {
    width: 21px !important;
    height: 21px !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    fill: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
    .s-product-card-entry .s-product-card-wishlist-btn.s-button-element:hover {
        background: var(--primary-dark) !important;
        background-color: var(--primary-dark) !important;
        transform: scale(1.08) !important;
    }
}

@media (max-width: 768px) {
    .s-product-card-entry .s-product-card-wishlist-btn.s-button-element {
        top: 10px !important;
        inset-inline-start: 10px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
    }

    .s-product-card-entry .s-product-card-wishlist-btn svg {
        width: 19px !important;
        height: 19px !important;
    }
}

@media (max-width: 480px) {
    .s-product-card-entry .s-product-card-wishlist-btn.s-button-element {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }
}

/* محتوى البطاقة */
.s-product-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    background: #FFFFFF !important;
    text-align: right !important;
}

.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-entry .s-product-card-content-title {
    color: #111111 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    margin: 0 0 2px !important;
}

.s-product-card-content-sub,
.s-product-card-content-description,
.s-product-card-content p {
    color: #111111 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.s-product-card-entry .price,
.s-product-card-entry .price *,
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-price *,
.s-product-card-entry [class*="price"],
.s-product-card-entry [class*="price"] * {
    color: #000000 !important;
    font-weight: 800 !important;
}

.s-product-card-content-footer {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.s-product-card-entry .s-product-card-content-footer .s-button-element,
.s-product-card-entry salla-add-product-button .s-button-element,
.s-product-card-entry salla-add-product-button button {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--primary) !important;
    background-color: var(--primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
    box-shadow: none !important;
    transition: background 0.25s ease, transform 0.20s ease !important;
}

.s-product-card-entry .s-product-card-content-footer .s-button-element:hover,
.s-product-card-entry salla-add-product-button .s-button-element:hover,
.s-product-card-entry salla-add-product-button button:hover {
    background: var(--primary-dark) !important;
    background-color: var(--primary-dark) !important;
    transform: translateY(-1px) !important;
}

.s-product-card-promotion-title,
.s-product-card-badge,
.s-product-card-image .badge {
    position: absolute !important;
    top: 16px !important;
    inset-inline-end: 16px !important;
    z-index: 5 !important;
    background: #F1D59B !important;
    color: #4A321D !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* ===========================================
   عناوين أقسام المنتجات
   جديدنا + التصنيفات
=========================================== */
.s-block--products-slider .s-slider-block__title {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    margin-bottom: 28px !important;
}

.s-block--products-slider .s-slider-block__title-right {
    grid-column: 2 !important;
    width: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.s-block--products-slider .s-slider-block__title-right h2 {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: #111111 !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    position: relative !important;
    padding-bottom: 10px !important;
}

.s-block--products-slider .s-slider-block__title-right h2::after {
    content: "" !important;
    display: block !important;
    width: 65px !important;
    height: 2px !important;
    margin: 8px auto 0 !important;
    background: var(--primary) !important;
    border-radius: 10px !important;
}

/* أزرار منتجات متحركة تبقى داخل عنوان قسمها */
.s-block--products-slider .s-slider-block__title-left {
    grid-column: 1 !important;
    justify-self: start !important;
    width: auto !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.s-block--products-slider .s-slider-block__title-left button,
.s-block--products-slider .s-slider-block__title-left .s-button-element {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .s-block--products-slider .s-slider-block__title {
        margin-bottom: 18px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2 {
        font-size: 24px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2::after {
        width: 50px !important;
    }

    .s-block--products-slider .s-slider-block__title-left {
        gap: 5px !important;
    }
}

@media (max-width: 480px) {
    .s-block--products-slider .s-slider-block__title-right h2 {
        font-size: 22px !important;
    }
}

/* ===========================================
   مقاسات سلايدر المنتجات النهائية
=========================================== */
@media (min-width: 769px) {
    .s-products-slider-card.swiper-slide {
        width: calc((100% - 54px) / 4) !important;
        max-width: calc((100% - 54px) / 4) !important;
        height: auto !important;
    }

    .s-products-slider-card .s-product-card-entry {
        width: 100% !important;
        height: 395px !important;
        min-height: 395px !important;
        max-height: 395px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .s-products-slider-card .s-product-card-image {
        width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
        flex: 0 0 300px !important;
    }

    .s-products-slider-card .s-product-card-content {
        width: 100% !important;
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
        padding: 10px 10px 8px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
        height: auto !important;
    }

    .s-products-slider-card .s-product-card-entry {
        width: 100% !important;
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .s-products-slider-card .s-product-card-image {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        flex: 0 0 220px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
        padding: 8px 9px !important;
        box-sizing: border-box !important;
    }

    .s-product-card-content-title,
    .s-product-card-content-title a {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .s-product-card-content-sub,
    .s-product-card-content-description,
    .s-product-card-content p {
        font-size: 11.5px !important;
    }

    .s-product-card-entry .price,
    .s-product-card-entry .s-product-card-price {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .s-products-slider-card.swiper-slide {
        width: calc((100% - 10px) / 2) !important;
        max-width: calc((100% - 10px) / 2) !important;
    }

    .s-products-slider-card .s-product-card-entry {
        height: 275px !important;
        min-height: 275px !important;
        max-height: 275px !important;
    }

    .s-products-slider-card .s-product-card-image {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        flex: 0 0 190px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 85px !important;
        min-height: 85px !important;
        max-height: 85px !important;
        flex: 0 0 85px !important;
        padding: 7px 8px !important;
    }

    .s-product-card-content-title,
    .s-product-card-content-title a {
        font-size: 12px !important;
    }

    .s-product-card-entry .price,
    .s-product-card-entry .s-product-card-price {
        font-size: 13px !important;
    }
}

.s-products-slider-card .s-product-card-content {
    justify-content: flex-start !important;
    gap: 4px !important;
}

.s-products-slider-card .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.s-products-slider-card .s-product-card-content-title {
    margin-bottom: 2px !important;
}

.s-products-slider-card .s-product-card-content .price,
.s-products-slider-card .s-product-card-price {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}


/* ===========================================
   إصلاح نهائي لأسهم البنر الرئيسي
   لا تتأثر بتنسيق عناوين سلايدر المنتجات
=========================================== */

.s-block--slider .s-slider-block__title,
.s-block--hero .s-slider-block__title,
.jawhara-slider .s-slider-block__title,
.home-slider .s-slider-block__title,
.main-slider .s-slider-block__title {
    display: initial !important;
    position: static !important;
    margin: 0 !important;
}

.s-block--slider .s-slider-block__title-left,
.s-block--hero .s-slider-block__title-left,
.jawhara-slider .s-slider-block__title-left,
.home-slider .s-slider-block__title-left,
.main-slider .s-slider-block__title-left {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
}

/* ===========================================
   النهاية
=========================================== */


/* ===========================================
   العقد الثمين - تحسينات نهائية إضافية
   1) تصغير دوائر الأقسام
   2) تقليل المساحات البيضاء
   3) ضبط مميزات المتجر Responsive
   4) تجهيز بطاقة المنتج لسطر العيار والوزن
=========================================== */


/* ===========================================
   1) تصغير دوائر الأقسام
=========================================== */

@media (min-width: 769px) {
    .s-block--categories .slide--cat-entry {
        width: 148px !important;
        height: 148px !important;
        min-width: 148px !important;
        min-height: 148px !important;
        max-width: 148px !important;
        max-height: 148px !important;
        padding: 13px !important;
        margin: 4px auto 8px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
        margin-bottom: 6px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .s-block--categories .slide--cat-entry {
        width: 106px !important;
        height: 106px !important;
        min-width: 106px !important;
        min-height: 106px !important;
        max-width: 106px !important;
        max-height: 106px !important;
        padding: 9px !important;
        margin: 3px auto 6px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
        margin-bottom: 5px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 11.5px !important;
    }
}

@media (max-width: 480px) {
    .s-block--categories .slide--cat-entry {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        max-width: 96px !important;
        max-height: 96px !important;
        padding: 8px !important;
    }

    .s-block--categories .slide--cat-entry img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
    }

    .s-block--categories .slide--cat-entry span,
    .s-block--categories .slide--cat-entry p,
    .s-block--categories .slide--cat-entry h3,
    .s-block--categories .slide--cat-entry h4 {
        font-size: 10.8px !important;
    }
}


/* ===========================================
   2) تقليل المساحات البيضاء بين عناصر الرئيسية
   بدون لمس البنر والهيدر والشريط المتحرك
=========================================== */

.s-block--categories {
    margin-top: 14px !important;
    margin-bottom: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.s-block--products-slider,
.s-block--products,
.products-slider {
    margin-top: 18px !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.s-block--products-slider .container,
.s-block--products .container,
.products-slider .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.s-block--products-slider .s-slider-block__title {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.s-block--categories .s-slider-block__title {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

@media (max-width: 768px) {
    .s-block--categories {
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }

    .s-block--products-slider,
    .s-block--products,
    .products-slider {
        margin-top: 12px !important;
        margin-bottom: 14px !important;
    }

    .s-block--products-slider .s-slider-block__title {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 480px) {
    .s-block--categories {
        margin-top: 8px !important;
        margin-bottom: 10px !important;
    }

    .s-block--products-slider,
    .s-block--products,
    .products-slider {
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }
}


/* ===========================================
   3) مميزات المتجر - اللابتوب والجوال
=========================================== */

.s-block--features,
.store-features,
.features-section,
.jawhara-features,
[class*="store-features"],
[class*="features-section"] {
    width: 100% !important;
    margin: 20px auto !important;
    padding: 18px 0 !important;
}

.s-block--features > .container,
.store-features > .container,
.features-section > .container,
.jawhara-features > .container,
[class*="store-features"] > .container,
[class*="features-section"] > .container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.s-block--features .feature,
.s-block--features [class*="feature-item"],
.store-features .feature,
.store-features [class*="feature-item"],
.features-section .feature,
.features-section [class*="feature-item"],
.jawhara-features .feature,
.jawhara-features [class*="feature-item"] {
    min-width: 0 !important;
    height: 100% !important;
    padding: 18px 14px !important;
    margin: 0 !important;
    text-align: center !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}

.s-block--features h2,
.s-block--features h3,
.s-block--features h4,
.store-features h2,
.store-features h3,
.store-features h4,
.features-section h2,
.features-section h3,
.features-section h4,
.jawhara-features h2,
.jawhara-features h3,
.jawhara-features h4 {
    color: #111111 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    margin: 6px 0 4px !important;
}

.s-block--features p,
.store-features p,
.features-section p,
.jawhara-features p {
    color: #444444 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.s-block--features svg,
.s-block--features img,
.store-features svg,
.store-features img,
.features-section svg,
.features-section img,
.jawhara-features svg,
.jawhara-features img {
    max-width: 42px !important;
    max-height: 42px !important;
}

@media (max-width: 768px) {
    .s-block--features,
    .store-features,
    .features-section,
    .jawhara-features,
    [class*="store-features"],
    [class*="features-section"] {
        margin: 14px auto !important;
        padding: 10px 0 !important;
    }

    .s-block--features > .container,
    .store-features > .container,
    .features-section > .container,
    .jawhara-features > .container,
    [class*="store-features"] > .container,
    [class*="features-section"] > .container {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .s-block--features .feature,
    .s-block--features [class*="feature-item"],
    .store-features .feature,
    .store-features [class*="feature-item"],
    .features-section .feature,
    .features-section [class*="feature-item"],
    .jawhara-features .feature,
    .jawhara-features [class*="feature-item"] {
        padding: 11px 6px !important;
        border-radius: 11px !important;
    }

    .s-block--features h2,
    .s-block--features h3,
    .s-block--features h4,
    .store-features h2,
    .store-features h3,
    .store-features h4,
    .features-section h2,
    .features-section h3,
    .features-section h4,
    .jawhara-features h2,
    .jawhara-features h3,
    .jawhara-features h4 {
        font-size: 12px !important;
        margin: 4px 0 2px !important;
    }

    .s-block--features p,
    .store-features p,
    .features-section p,
    .jawhara-features p {
        font-size: 9.5px !important;
        line-height: 1.45 !important;
    }

    .s-block--features svg,
    .s-block--features img,
    .store-features svg,
    .store-features img,
    .features-section svg,
    .features-section img,
    .jawhara-features svg,
    .jawhara-features img {
        max-width: 30px !important;
        max-height: 30px !important;
    }
}

@media (max-width: 390px) {
    .s-block--features > .container,
    .store-features > .container,
    .features-section > .container,
    .jawhara-features > .container,
    [class*="store-features"] > .container,
    [class*="features-section"] > .container {
        gap: 5px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .s-block--features .feature,
    .s-block--features [class*="feature-item"],
    .store-features .feature,
    .store-features [class*="feature-item"],
    .features-section .feature,
    .features-section [class*="feature-item"],
    .jawhara-features .feature,
    .jawhara-features [class*="feature-item"] {
        padding: 9px 4px !important;
    }

    .s-block--features h2,
    .s-block--features h3,
    .s-block--features h4,
    .store-features h2,
    .store-features h3,
    .store-features h4,
    .features-section h2,
    .features-section h3,
    .features-section h4,
    .jawhara-features h2,
    .jawhara-features h3,
    .jawhara-features h4 {
        font-size: 11px !important;
    }

    .s-block--features p,
    .store-features p,
    .features-section p,
    .jawhara-features p {
        font-size: 8.5px !important;
    }
}


/* ===========================================
   4) بطاقة المنتج - مساحة مخصصة للعيار والوزن
=========================================== */

.alaqd-product-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 1px 0 4px !important;
    color: #333333 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: right !important;
}

.alaqd-product-meta .alaqd-separator {
    color: #A8842E !important;
    font-weight: 700 !important;
}

@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-entry {
        height: 414px !important;
        min-height: 414px !important;
        max-height: 414px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 114px !important;
        min-height: 114px !important;
        max-height: 114px !important;
        flex: 0 0 114px !important;
        padding: 9px 10px 8px !important;
    }
}

@media (max-width: 768px) {
    .alaqd-product-meta {
        font-size: 10.5px !important;
        gap: 3px !important;
        margin: 1px 0 3px !important;
    }

    .s-products-slider-card .s-product-card-entry {
        height: 330px !important;
        min-height: 330px !important;
        max-height: 330px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
    }
}

@media (max-width: 480px) {
    .alaqd-product-meta {
        font-size: 9.8px !important;
    }

    .s-products-slider-card .s-product-card-entry {
        height: 292px !important;
        min-height: 292px !important;
        max-height: 292px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 102px !important;
        min-height: 102px !important;
        max-height: 102px !important;
        flex: 0 0 102px !important;
    }
}


/* ===========================================
   النهاية النهائية
=========================================== */


/* ===========================================
   بطاقة المنتج - النسخة المصححة
   اسم المنتج
   العيار
   الوزن
   السعر
   بدون تخريب رمز الريال أو الأيقونات
=========================================== */

/* اسم المنتج */
.s-products-slider-card .s-product-card-content-title,
.s-products-slider-card .s-product-card-content-title a {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-align: right !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* بيانات العيار والوزن */
.alaqd-product-meta {
    display: block !important;
    width: 100% !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #6F6252 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: right !important;
}

.alaqd-product-meta .alaqd-karat,
.alaqd-product-meta .alaqd-weight {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #6F6252 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: right !important;
}

.alaqd-product-meta .alaqd-separator {
    display: none !important;
}

/* السعر */
.s-products-slider-card .s-product-card-price,
.s-products-slider-card .price {
    display: block !important;
    width: 100% !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    text-align: right !important;
    color: #111111 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

/* لا نغير خط أيقونات سلة أو رمز الريال */
.s-products-slider-card i,
.s-products-slider-card [class*="sicon"],
.s-products-slider-card svg {
    font-family: initial;
}

/* ارتفاع الجزء الأبيض متوازن */
@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-entry {
        height: 408px !important;
        min-height: 408px !important;
        max-height: 408px !important;
    }

    .s-products-slider-card .s-product-card-image {
        height: 305px !important;
        min-height: 305px !important;
        max-height: 305px !important;
        flex: 0 0 305px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 103px !important;
        min-height: 103px !important;
        max-height: 103px !important;
        flex: 0 0 103px !important;
        padding: 9px 10px 8px !important;
        gap: 0 !important;
    }
}

@media (max-width: 768px) {
    .s-products-slider-card .s-product-card-content-title,
    .s-products-slider-card .s-product-card-content-title a {
        font-size: 12.5px !important;
    }

    .alaqd-product-meta {
        font-size: 10.5px !important;
        margin-bottom: 4px !important;
    }

    .s-products-slider-card .s-product-card-price,
    .s-products-slider-card .price {
        font-size: 13px !important;
    }

    .s-products-slider-card .s-product-card-content {
        padding: 7px 8px !important;
    }
}

@media (max-width: 480px) {
    .s-products-slider-card .s-product-card-content-title,
    .s-products-slider-card .s-product-card-content-title a {
        font-size: 12px !important;
    }

    .alaqd-product-meta {
        font-size: 10px !important;
    }

    .s-products-slider-card .s-product-card-price,
    .s-products-slider-card .price {
        font-size: 12.5px !important;
    }
}


/* ===========================================
   توسيط عناوين أقسام المنتجات بشكل نهائي
=========================================== */

.s-block--products-slider .s-slider-block__title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.s-block--products-slider .s-slider-block__title-right {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.s-block--products-slider .s-slider-block__title-right h2,
.s-block--products-slider .s-slider-block__title-right h3 {
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 0 9px !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.s-block--products-slider .s-slider-block__title-right h2::after,
.s-block--products-slider .s-slider-block__title-right h3::after {
    content: "" !important;
    display: block !important;
    width: 58px !important;
    height: 2px !important;
    margin: 8px auto 0 !important;
    background: #C8A75A !important;
    border-radius: 20px !important;
}

/* أسهم أقسام المنتجات تبقى على الطرف ولا تزاحم العنوان */
.s-block--products-slider .s-slider-block__title-left {
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3 {
        font-size: 23px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2::after,
    .s-block--products-slider .s-slider-block__title-right h3::after {
        width: 46px !important;
    }
}

@media (max-width: 480px) {
    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3 {
        font-size: 21px !important;
    }
}

/* ===========================================
   النهاية
=========================================== */


/* ===========================================
   العقد الثمين - التعديل النهائي المطلوب
   1) جميع عناوين الأقسام في الوسط
   2) بطاقة المنتج: الاسم + العيار + الوزن + السعر
      في الوسط وبنفس اللون وبخط متناسق
=========================================== */

/* ---------- عناوين الأقسام ---------- */
.s-block--products-slider .s-slider-block__title,
.s-block--products-slider .s-block__title {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.s-block--products-slider .s-slider-block__title-right,
.s-block--products-slider .s-block__title > div:first-child {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.s-block--products-slider .s-slider-block__title-right h2,
.s-block--products-slider .s-slider-block__title-right h3,
.s-block--products-slider .s-block__title h2,
.s-block--products-slider .s-block__title h3 {
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto !important;
    padding: 0 0 9px !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-family: inherit !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.s-block--products-slider .s-slider-block__title-right h2::after,
.s-block--products-slider .s-slider-block__title-right h3::after,
.s-block--products-slider .s-block__title h2::after,
.s-block--products-slider .s-block__title h3::after {
    content: "" !important;
    display: block !important;
    width: 56px !important;
    height: 2px !important;
    margin: 8px auto 0 !important;
    background: #C8A75A !important;
    border-radius: 20px !important;
}

/* ---------- محتوى بطاقة المنتج ---------- */
.s-products-slider-card .s-product-card-content,
.s-product-card-entry .s-product-card-content {
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
}

/* الاسم */
.s-products-slider-card .s-product-card-content-title,
.s-products-slider-card .s-product-card-content-title a,
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
    width: 100% !important;
    display: block !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* العيار والوزن */
.alaqd-product-meta {
    width: 100% !important;
    display: block !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.alaqd-product-meta .alaqd-karat,
.alaqd-product-meta .alaqd-weight {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.alaqd-product-meta .alaqd-separator {
    display: none !important;
}

/* السعر - نفس اللون ونفس عائلة الخط */
.s-products-slider-card .s-product-card-price,
.s-products-slider-card .price,
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .price {
    width: 100% !important;
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #3E3120 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* نحافظ على خط رمز الريال والأيقونات حتى لا تتشوه */
.s-products-slider-card .s-product-card-price i,
.s-products-slider-card .price i,
.s-product-card-entry .s-product-card-price i,
.s-product-card-entry .price i,
.s-products-slider-card [class*="sicon"],
.s-product-card-entry [class*="sicon"] {
    font-family: inherit;
}

/* اللابتوب */
@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-content,
    .s-product-card-entry .s-product-card-content {
        padding: 9px 10px 8px !important;
    }

    .s-products-slider-card .s-product-card-content-title,
    .s-products-slider-card .s-product-card-content-title a,
    .s-product-card-entry .s-product-card-content-title,
    .s-product-card-entry .s-product-card-content-title a,
    .alaqd-product-meta,
    .s-products-slider-card .s-product-card-price,
    .s-products-slider-card .price,
    .s-product-card-entry .s-product-card-price,
    .s-product-card-entry .price {
        font-size: 14px !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3,
    .s-block--products-slider .s-block__title h2,
    .s-block--products-slider .s-block__title h3 {
        font-size: 23px !important;
    }

    .s-products-slider-card .s-product-card-content-title,
    .s-products-slider-card .s-product-card-content-title a,
    .s-product-card-entry .s-product-card-content-title,
    .s-product-card-entry .s-product-card-content-title a,
    .alaqd-product-meta,
    .s-products-slider-card .s-product-card-price,
    .s-products-slider-card .price,
    .s-product-card-entry .s-product-card-price,
    .s-product-card-entry .price {
        font-size: 12px !important;
        font-weight: 600 !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3,
    .s-block--products-slider .s-block__title h2,
    .s-block--products-slider .s-block__title h3 {
        font-size: 21px !important;
    }

    .s-products-slider-card .s-product-card-content-title,
    .s-products-slider-card .s-product-card-content-title a,
    .s-product-card-entry .s-product-card-content-title,
    .s-product-card-entry .s-product-card-content-title a,
    .alaqd-product-meta,
    .s-products-slider-card .s-product-card-price,
    .s-products-slider-card .price,
    .s-product-card-entry .s-product-card-price,
    .s-product-card-entry .price {
        font-size: 11.5px !important;
    }
}


/* ===========================================
   العقد الثمين - ضبط عناوين الأقسام والمسافات
   نهائي: جديدنا / خواتم / قلائد / أساور / أقراط / أطقم
=========================================== */

/* تقليل المسافات العمودية بين أقسام المنتجات */
.s-block--products-slider,
section.s-block--products-slider,
.s-block.s-block--products-slider {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* منع فراغات الحاوية الداخلية */
.s-block--products-slider > .container,
.s-block--products-slider .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* عنوان كل قسم في منتصف الصفحة */
.s-block--products-slider .s-slider-block__title,
.s-block--products-slider .s-block__title {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;

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

    margin: 0 0 16px !important;
    padding: 0 !important;

    text-align: center !important;
}

/* جهة العنوان */
.s-block--products-slider .s-slider-block__title-right {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

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

    flex: 1 1 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* العنوان نفسه */
.s-block--products-slider .s-slider-block__title-right h2,
.s-block--products-slider .s-slider-block__title-right h3,
.s-block--products-slider .s-block__title h2,
.s-block--products-slider .s-block__title h3 {
    position: relative !important;

    display: inline-block !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 0 8px !important;

    color: #3E3120 !important;

    font-family: inherit !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
    white-space: nowrap !important;
}

/* خط ذهبي واحد مرتب تحت العنوان */
.s-block--products-slider .s-slider-block__title-right h2::after,
.s-block--products-slider .s-slider-block__title-right h3::after,
.s-block--products-slider .s-block__title h2::after,
.s-block--products-slider .s-block__title h3::after {
    content: "" !important;

    display: block !important;

    width: 48px !important;
    height: 2px !important;

    margin: 7px auto 0 !important;

    background: #C8A75A !important;
    border-radius: 20px !important;
}

/* الأسهم لا تحرك العنوان من المنتصف */
.s-block--products-slider .s-slider-block__title-left {
    position: absolute !important;

    top: 50% !important;
    inset-inline-start: 0 !important;

    transform: translateY(-50%) !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;
}

/* إزالة الفراغات الكبيرة حول سلايدر المنتجات */
.s-block--products-slider .swiper,
.s-block--products-slider .swiper-container,
.s-block--products-slider salla-slider {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* اللابتوب */
@media (min-width: 769px) {
    .s-block--products-slider,
    section.s-block--products-slider {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .s-block--products-slider .s-slider-block__title,
    .s-block--products-slider .s-block__title {
        margin-bottom: 14px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3,
    .s-block--products-slider .s-block__title h2,
    .s-block--products-slider .s-block__title h3 {
        font-size: 28px !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    .s-block--products-slider,
    section.s-block--products-slider {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .s-block--products-slider .s-slider-block__title,
    .s-block--products-slider .s-block__title {
        margin-bottom: 10px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3,
    .s-block--products-slider .s-block__title h2,
    .s-block--products-slider .s-block__title h3 {
        font-size: 21px !important;
        padding-bottom: 6px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2::after,
    .s-block--products-slider .s-slider-block__title-right h3::after,
    .s-block--products-slider .s-block__title h2::after,
    .s-block--products-slider .s-block__title h3::after {
        width: 40px !important;
        margin-top: 5px !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    .s-block--products-slider,
    section.s-block--products-slider {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .s-block--products-slider .s-slider-block__title,
    .s-block--products-slider .s-block__title {
        margin-bottom: 8px !important;
    }

    .s-block--products-slider .s-slider-block__title-right h2,
    .s-block--products-slider .s-slider-block__title-right h3,
    .s-block--products-slider .s-block__title h2,
    .s-block--products-slider .s-block__title h3 {
        font-size: 19px !important;
    }
}


/* ===========================================
   العقد الثمين - مميزات المتجر Responsive
   تسوق آمن + خدمة العملاء + شحن/توصيل آمن
=========================================== */

/* القسم كامل */
.s-block--features,
.store-features,
.features-section,
.jawhara-features {
    width: 100% !important;
    margin: 14px auto !important;
    padding: 0 !important;
}

/* الحاوية */
.s-block--features > .container,
.store-features > .container,
.features-section > .container,
.jawhara-features > .container {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;

    align-items: stretch !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
}

/* كل ميزة */
.s-block--features .feature,
.s-block--features [class*="feature-item"],
.store-features .feature,
.store-features [class*="feature-item"],
.features-section .feature,
.features-section [class*="feature-item"],
.jawhara-features .feature,
.jawhara-features [class*="feature-item"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 145px !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 16px 10px !important;

    text-align: center !important;

    background: #FFFFFF !important;
    border: 1px solid #EEE4D1 !important;
    border-radius: 14px !important;

    box-shadow: 0 5px 16px rgba(62,49,32,0.05) !important;
    box-sizing: border-box !important;
}

/* الأيقونة */
.s-block--features svg,
.s-block--features img,
.store-features svg,
.store-features img,
.features-section svg,
.features-section img,
.jawhara-features svg,
.jawhara-features img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;

    object-fit: contain !important;
    margin: 0 auto 9px !important;
}

/* عنوان الميزة */
.s-block--features h2,
.s-block--features h3,
.s-block--features h4,
.store-features h2,
.store-features h3,
.store-features h4,
.features-section h2,
.features-section h3,
.features-section h4,
.jawhara-features h2,
.jawhara-features h3,
.jawhara-features h4 {
    width: 100% !important;
    margin: 0 0 4px !important;

    color: #3E3120 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-align: center !important;
}

/* وصف الميزة */
.s-block--features p,
.store-features p,
.features-section p,
.jawhara-features p {
    width: 100% !important;
    margin: 0 !important;

    color: #7B6A50 !important;

    font-family: inherit !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: center !important;
}


/* ===========================================
   اللابتوب والكمبيوتر
=========================================== */

@media (min-width: 769px) {

    .s-block--features,
    .store-features,
    .features-section,
    .jawhara-features {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .s-block--features > .container,
    .store-features > .container,
    .features-section > .container,
    .jawhara-features > .container {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .s-block--features .feature,
    .s-block--features [class*="feature-item"],
    .store-features .feature,
    .store-features [class*="feature-item"],
    .features-section .feature,
    .features-section [class*="feature-item"],
    .jawhara-features .feature,
    .jawhara-features [class*="feature-item"] {
        min-height: 155px !important;
        padding: 18px 14px !important;
    }

    .s-block--features h2,
    .s-block--features h3,
    .s-block--features h4,
    .store-features h2,
    .store-features h3,
    .store-features h4,
    .features-section h2,
    .features-section h3,
    .features-section h4,
    .jawhara-features h2,
    .jawhara-features h3,
    .jawhara-features h4 {
        font-size: 16px !important;
    }

    .s-block--features p,
    .store-features p,
    .features-section p,
    .jawhara-features p {
        font-size: 12px !important;
    }
}


/* ===========================================
   الجوال والتابلت
   الثلاث مميزات في صف واحد ومتساوية
=========================================== */

@media (max-width: 768px) {

    .s-block--features,
    .store-features,
    .features-section,
    .jawhara-features {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .s-block--features > .container,
    .store-features > .container,
    .features-section > .container,
    .jawhara-features > .container {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .s-block--features .feature,
    .s-block--features [class*="feature-item"],
    .store-features .feature,
    .store-features [class*="feature-item"],
    .features-section .feature,
    .features-section [class*="feature-item"],
    .jawhara-features .feature,
    .jawhara-features [class*="feature-item"] {
        min-height: 118px !important;
        padding: 10px 5px !important;
        border-radius: 11px !important;
    }

    .s-block--features svg,
    .s-block--features img,
    .store-features svg,
    .store-features img,
    .features-section svg,
    .features-section img,
    .jawhara-features svg,
    .jawhara-features img {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        margin-bottom: 6px !important;
    }

    .s-block--features h2,
    .s-block--features h3,
    .s-block--features h4,
    .store-features h2,
    .store-features h3,
    .store-features h4,
    .features-section h2,
    .features-section h3,
    .features-section h4,
    .jawhara-features h2,
    .jawhara-features h3,
    .jawhara-features h4 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-bottom: 3px !important;
    }

    .s-block--features p,
    .store-features p,
    .features-section p,
    .jawhara-features p {
        font-size: 8.8px !important;
        line-height: 1.35 !important;
    }
}


/* ===========================================
   الجوال الصغير جدًا
=========================================== */

@media (max-width: 390px) {

    .s-block--features > .container,
    .store-features > .container,
    .features-section > .container,
    .jawhara-features > .container {
        gap: 5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .s-block--features .feature,
    .s-block--features [class*="feature-item"],
    .store-features .feature,
    .store-features [class*="feature-item"],
    .features-section .feature,
    .features-section [class*="feature-item"],
    .jawhara-features .feature,
    .jawhara-features [class*="feature-item"] {
        min-height: 110px !important;
        padding: 8px 4px !important;
    }

    .s-block--features svg,
    .s-block--features img,
    .store-features svg,
    .store-features img,
    .features-section svg,
    .features-section img,
    .jawhara-features svg,
    .jawhara-features img {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    .s-block--features h2,
    .s-block--features h3,
    .s-block--features h4,
    .store-features h2,
    .store-features h3,
    .store-features h4,
    .features-section h2,
    .features-section h3,
    .features-section h4,
    .jawhara-features h2,
    .jawhara-features h3,
    .jawhara-features h4 {
        font-size: 10.5px !important;
    }

    .s-block--features p,
    .store-features p,
    .features-section p,
    .jawhara-features p {
        font-size: 8px !important;
    }
}

/* ===========================================
   نهاية مميزات المتجر
=========================================== */


/* ===========================================
   العقد الثمين - توسيط عناوين أقسام المنتجات نهائيًا
   نفس مقاس عنوان "الأقسام" + خط ذهبي أنيق
=========================================== */

/* حاوية عنوان أي سلايدر منتجات */
main .s-slider-block__title,
main .s-block__title {
    position: relative !important;
    width: 100% !important;
    min-height: 44px !important;

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

    margin: 0 0 14px !important;
    padding: 0 !important;

    text-align: center !important;
}

/* جهة العنوان - نثبتها في منتصف الحاوية مهما كانت الأسهم */
main .s-slider-block__title-right {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: max-content !important;
    max-width: calc(100% - 110px) !important;

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

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    z-index: 2 !important;
}

/* العنوان نفسه: جديدنا / خواتم / قلائد / أساور / أقراط / أطقم */
main .s-slider-block__title-right h2,
main .s-slider-block__title-right h3,
main .s-slider-block__title h2,
main .s-slider-block__title h3,
main .s-block__title h2,
main .s-block__title h3 {
    position: relative !important;

    display: inline-block !important;
    width: auto !important;

    margin: 0 auto !important;
    padding: 0 0 11px !important;

    color: #3E3120 !important;

    font-family: inherit !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
    white-space: nowrap !important;

    letter-spacing: 0 !important;
}

/* الخط الذهبي تحت كل عنوان */
main .s-slider-block__title-right h2::after,
main .s-slider-block__title-right h3::after,
main .s-slider-block__title h2::after,
main .s-slider-block__title h3::after,
main .s-block__title h2::after,
main .s-block__title h3::after {
    content: "" !important;

    display: block !important;

    width: 58px !important;
    height: 2px !important;

    margin: 8px auto 0 !important;

    background: #C8A75A !important;
    border-radius: 999px !important;
}

/* الأسهم تبقى على الطرف ولا تحرك العنوان */
main .s-slider-block__title-left {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 3 !important;
}

/* تقليل الفراغ بين العنوان والبطاقات وبين الأقسام */
main .s-block--products-slider,
main section.s-block--products-slider,
main .s-block--products {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* اللابتوب والكمبيوتر */
@media (min-width: 769px) {
    main .s-slider-block__title,
    main .s-block__title {
        min-height: 52px !important;
        margin-bottom: 14px !important;
    }

    main .s-slider-block__title-right h2,
    main .s-slider-block__title-right h3,
    main .s-slider-block__title h2,
    main .s-slider-block__title h3,
    main .s-block__title h2,
    main .s-block__title h3 {
        font-size: 32px !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    main .s-slider-block__title,
    main .s-block__title {
        min-height: 42px !important;
        margin-bottom: 9px !important;
    }

    main .s-slider-block__title-right {
        max-width: calc(100% - 76px) !important;
    }

    main .s-slider-block__title-right h2,
    main .s-slider-block__title-right h3,
    main .s-slider-block__title h2,
    main .s-slider-block__title h3,
    main .s-block__title h2,
    main .s-block__title h3 {
        font-size: 24px !important;
        padding-bottom: 8px !important;
    }

    main .s-slider-block__title-right h2::after,
    main .s-slider-block__title-right h3::after,
    main .s-slider-block__title h2::after,
    main .s-slider-block__title h3::after,
    main .s-block__title h2::after,
    main .s-block__title h3::after {
        width: 46px !important;
        margin-top: 6px !important;
    }

    main .s-block--products-slider,
    main section.s-block--products-slider,
    main .s-block--products {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    main .s-slider-block__title-right h2,
    main .s-slider-block__title-right h3,
    main .s-slider-block__title h2,
    main .s-slider-block__title h3,
    main .s-block__title h2,
    main .s-block__title h3 {
        font-size: 22px !important;
    }
}

/* ===========================================
   نهاية توسيط العناوين
=========================================== */


/* ===========================================
   إصلاح نهائي مؤكد لعناوين سلايدر المنتجات
   يستهدف العنصر الحقيقي: salla-products-slider
=========================================== */

/* الحاوية الحقيقية للعنوان */
salla-products-slider .s-slider-block__title {
    position: relative !important;
    width: 100% !important;
    min-height: 54px !important;

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

    margin: 0 0 14px !important;
    padding: 0 !important;

    text-align: center !important;
    box-sizing: border-box !important;
}

/* إلغاء أي padding يفرضه قالب جوهرة */
salla-products-slider .s-slider-block__title h2,
salla-products-slider .s-slider-block__title h3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

/* جهة العنوان: تثبيت في منتصف الحاوية فعليًا */
salla-products-slider .s-slider-block__title-right {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: auto !important;
    max-width: calc(100% - 120px) !important;

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

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    flex: none !important;

    z-index: 4 !important;
}

/* جديدنا / خواتم / قلائد / أساور / أقراط / أطقم */
salla-products-slider .s-slider-block__title-right h2,
salla-products-slider .s-slider-block__title-right h3 {
    position: relative !important;

    display: inline-block !important;
    width: auto !important;

    margin: 0 auto !important;
    padding: 0 0 10px !important;

    color: #3E3120 !important;

    font-family: inherit !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    white-space: nowrap !important;

    letter-spacing: 0 !important;
}

/* الشريط الذهبي */
salla-products-slider .s-slider-block__title-right h2::after,
salla-products-slider .s-slider-block__title-right h3::after {
    content: "" !important;

    display: block !important;

    width: 58px !important;
    height: 2px !important;

    margin: 8px auto 0 !important;

    background: #C8A75A !important;
    border-radius: 999px !important;
}

/* منطقة الأسهم تبقى على الطرف ولا تؤثر على العنوان */
salla-products-slider .s-slider-block__title-left {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 3 !important;
}

/* تقليل المسافة بين عناوين الأقسام والمنتجات */
salla-products-slider {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* الجوال */
@media (max-width: 768px) {
    salla-products-slider .s-slider-block__title {
        min-height: 44px !important;
        margin-bottom: 9px !important;
    }

    salla-products-slider .s-slider-block__title-right {
        max-width: calc(100% - 80px) !important;
    }

    salla-products-slider .s-slider-block__title-right h2,
    salla-products-slider .s-slider-block__title-right h3 {
        font-size: 24px !important;
        padding-bottom: 8px !important;
    }

    salla-products-slider .s-slider-block__title-right h2::after,
    salla-products-slider .s-slider-block__title-right h3::after {
        width: 46px !important;
        margin-top: 6px !important;
    }

    salla-products-slider {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    salla-products-slider .s-slider-block__title-right h2,
    salla-products-slider .s-slider-block__title-right h3 {
        font-size: 22px !important;
    }
}

/* ===========================================
   نهاية الإصلاح المؤكد
=========================================== */

/* ===========================================
   تعديل جديد: المسافة + النصوص السوداء
=========================================== */

/* مسافة بسيطة بين جديدنا والفيديو */
.s-block--video,
.video-section,
.jawhara-video {
    margin-top: 18px !important;
}

/* جميع نصوص بطاقات المنتجات بالأسود */
.s-product-card-entry .s-product-card-content,
.s-product-card-entry .s-product-card-content *,
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a,
.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-content-description,
.s-product-card-entry .s-product-card-content p,
.s-product-card-entry .price,
.s-product-card-entry .price *,
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-price * {
    color: #000000 !important;
}

/* صفحة المنتج: الاسم، العيار، الوزن، الكمية، السعر، والوصف */
.product-entry,
.product-entry p,
.product-entry span,
.product-entry label,
.product-entry h1,
.product-entry h2,
.product-entry h3,
.product-entry h4,
.product-entry [class*="quantity"],
.product-entry [class*="quantity"] *,
.product-entry [class*="price"],
.product-entry [class*="price"] *,
.product-single,
.product-single p,
.product-single span,
.product-single label,
.product-single h1,
.product-single h2,
.product-single h3,
.product-single h4,
.product-single [class*="quantity"],
.product-single [class*="quantity"] *,
.product-single [class*="price"],
.product-single [class*="price"] *,
main .product-form,
main .product-form *,
main .product__description,
main .product__description *,
main .product-description,
main .product-description *,
main .product-options,
main .product-options *,
main .product-details,
main .product-details * {
    color: #000000 !important;
}

/* الرئيسية / ... / خاتم */
.breadcrumb,
.breadcrumb *,
.breadcrumbs,
.breadcrumbs *,
.s-breadcrumb,
.s-breadcrumb *,
salla-breadcrumb,
salla-breadcrumb *,
[class*="breadcrumb"],
[class*="breadcrumb"] * {
    color: #000000 !important;
}

/* لا نحول كتابة الأزرار إلى أسود */
.s-product-card-entry .s-button-element,
.s-product-card-entry .s-button-element *,
.s-product-card-entry salla-add-product-button button,
.s-product-card-entry salla-add-product-button button *,
.product-entry .s-button-element,
.product-entry .s-button-element *,
.product-single .s-button-element,
.product-single .s-button-element * {
    color: #FFFFFF !important;
}

@media (max-width: 768px) {
    .s-block--video,
    .video-section,
    .jawhara-video {
        margin-top: 12px !important;
    }
}


/* ===========================================
   العقد الثمين - إصلاح وضوح رسالة إضافة المنتج للسلة
   بدون تغيير أي لون
=========================================== */

/* حاوية رسالة النجاح */
salla-toast,
.s-toast-item,
.s-toast-content,
.toast,
.toast-body,
.s-notification,
.notification,
.alert-success,
[class*="toast-message"],
[class*="notification-message"] {
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* النص داخل رسالة النجاح */
salla-toast p,
salla-toast span,
.s-toast-item p,
.s-toast-item span,
.s-toast-content p,
.s-toast-content span,
.toast p,
.toast span,
.toast-body,
.toast-body p,
.toast-body span,
.s-notification p,
.s-notification span,
.notification p,
.notification span,
.alert-success p,
.alert-success span,
[class*="toast-message"],
[class*="notification-message"] {
    display: initial !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* الجوال */
@media (max-width: 768px) {
    salla-toast p,
    salla-toast span,
    .s-toast-item p,
    .s-toast-item span,
    .s-toast-content p,
    .s-toast-content span,
    .toast p,
    .toast span,
    .toast-body,
    .toast-body p,
    .toast-body span,
    .s-notification p,
    .s-notification span,
    .notification p,
    .notification span,
    .alert-success p,
    .alert-success span,
    [class*="toast-message"],
    [class*="notification-message"] {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }
}


/* ===========================================
   العقد الثمين - إصلاح رسالة "تم إضافة المنتج للسلة"
   نسخة أوسع لتغطية مكوّن الإشعارات الفعلي في سلة
   بدون تغيير ألوان الرسالة
=========================================== */

/* Toastify */
.toastify,
.toastify.on {
    top: 105px !important;
    bottom: auto !important;
    z-index: 2147483646 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Notyf */
.notyf {
    top: 100px !important;
    bottom: auto !important;
    z-index: 2147483646 !important;
    pointer-events: none !important;
}

.notyf__toast,
.notyf__wrapper,
.notyf__message {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

/* Toastr */
#toast-container {
    top: 100px !important;
    bottom: auto !important;
    z-index: 2147483646 !important;
}

#toast-container > div,
#toast-container .toast-message {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

/* iziToast */
.iziToast-wrapper-topCenter,
.iziToast-wrapper-topRight,
.iziToast-wrapper-topLeft {
    top: 100px !important;
    z-index: 2147483646 !important;
}

.iziToast,
.iziToast-body,
.iziToast-message {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* مكونات سلة المحتملة */
salla-toast,
salla-notification,
salla-notify,
.salla-toast,
.salla-notification,
.salla-notify,
.s-toast,
.s-toast-wrapper,
.s-toast-container,
.s-notification,
.s-notification-wrapper,
.s-notification-container {
    z-index: 2147483646 !important;
    overflow: visible !important;
    max-height: none !important;
}

/* إذا كانت حاوية الرسائل مثبتة أعلى الشاشة */
body > .s-toast-container,
body > .s-notification-container,
body > .salla-toast,
body > .salla-notification,
body > salla-toast,
body > salla-notification,
body > salla-notify {
    position: fixed !important;
    top: 100px !important;
    bottom: auto !important;
}

/* تنسيق النص فقط لمنع القص - لا يوجد color هنا عمدًا */
.toastify,
.toastify *,
.notyf__toast,
.notyf__toast *,
#toast-container,
#toast-container *,
.iziToast,
.iziToast *,
salla-toast,
salla-toast *,
salla-notification,
salla-notification *,
salla-notify,
salla-notify *,
.s-toast,
.s-toast *,
.s-notification,
.s-notification * {
    max-height: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.55 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* حل احتياطي لرسالة نجاح علوية مباشرة داخل body */
body > [role="alert"] {
    z-index: 2147483646 !important;
}

body > [role="alert"][style*="position: fixed"],
body > [role="alert"][style*="position:fixed"] {
    top: 100px !important;
    bottom: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    .toastify,
    .toastify.on {
        top: 82px !important;
        left: 10px !important;
        right: 10px !important;
        max-width: calc(100% - 20px) !important;
    }

    .notyf,
    #toast-container,
    .iziToast-wrapper-topCenter,
    .iziToast-wrapper-topRight,
    .iziToast-wrapper-topLeft {
        top: 82px !important;
    }

    body > .s-toast-container,
    body > .s-notification-container,
    body > .salla-toast,
    body > .salla-notification,
    body > salla-toast,
    body > salla-notification,
    body > salla-notify {
        top: 82px !important;
    }

    body > [role="alert"][style*="position: fixed"],
    body > [role="alert"][style*="position:fixed"] {
        top: 82px !important;
    }
}

@media (max-width: 480px) {
    .toastify,
    .toastify.on,
    .notyf,
    #toast-container,
    .iziToast-wrapper-topCenter,
    .iziToast-wrapper-topRight,
    .iziToast-wrapper-topLeft {
        top: 76px !important;
    }

    body > .s-toast-container,
    body > .s-notification-container,
    body > .salla-toast,
    body > .salla-notification,
    body > salla-toast,
    body > salla-notification,
    body > salla-notify {
        top: 76px !important;
    }

    body > [role="alert"][style*="position: fixed"],
    body > [role="alert"][style*="position:fixed"] {
        top: 76px !important;
    }
}

/* ===========================================
   توضيح عداد الكمية في السلة
=========================================== */

.cart-item-quantity,
.cart-item-quantity *,
.quantity,
.quantity *,
[class*="quantity"],
[class*="quantity"] * {
    color: #000000 !important;
}

/* زر الناقص والزائد */
button[aria-label*="increase"],
button[aria-label*="decrease"],
button[aria-label*="زيادة"],
button[aria-label*="نقص"],
[class*="quantity"] button,
[class*="quantity"] .s-button-element {
    color: #000000 !important;
    font-weight: 800 !important;
}

/* الرقم داخل مربع الكمية */
[class*="quantity"] input,
[class*="quantity"] span,
[class*="quantity"] div {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* أيقونات + و - */
[class*="quantity"] svg,
[class*="quantity"] i {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* ===========================================
   العقد الثمين - إصلاح نهائي مؤكد من العنصر الحقيقي
   div.s-product-card-image + img.s-product-card-image-contain
=========================================== */

/* صفحات الأقسام - اللابتوب */
@media (min-width: 769px) {
    /* نوحّد مساحة الصورة لكل البطاقات */
    .s-product-card-entry .s-product-card-image {
        width: 100% !important;
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
        flex: 0 0 315px !important;
        overflow: hidden !important;
        background: #F8F7F4 !important;
    }

    .s-product-card-entry .s-product-card-image > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    /* هذا هو عنصر الصورة الحقيقي الذي ظهر في Inspect */
    .s-product-card-entry .s-product-card-image img.s-product-card-image-contain,
    .s-product-card-entry img.s-product-card-image-contain {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #F8F7F4 !important;
    }

    /* توحيد الجزء الأبيض تحت الصورة */
    .s-product-card-entry .s-product-card-content {
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
        padding: 10px 10px 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .s-product-card-entry {
        height: 425px !important;
        min-height: 425px !important;
        max-height: 425px !important;
        overflow: hidden !important;
    }
}

/* الجوال */
@media (max-width: 768px) {
    .s-product-card-entry .s-product-card-image {
        width: 100% !important;
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        flex: 0 0 220px !important;
        overflow: hidden !important;
        background: #F8F7F4 !important;
    }

    .s-product-card-entry .s-product-card-image > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .s-product-card-entry .s-product-card-image img.s-product-card-image-contain,
    .s-product-card-entry img.s-product-card-image-contain {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .s-product-card-entry .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
        overflow: hidden !important;
    }

    .s-product-card-entry {
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
    }
}

/* إخفاء عبارة عدد المنتجات مثل: 7 منتجات */
.products-count,
.product-count,
.s-products-count,
.category-products-count,
.products-listing-count,
.s-products-list-count,
[class*="products-count"],
[class*="product-count"] {
    display: none !important;
}

/* ===========================================
   نهاية الإصلاح النهائي المؤكد
=========================================== */

/* =========================================
   إخفاء عدد المنتجات في صفحات التصنيفات
   مثال: 7 منتجات
========================================= */

#page-main-title {
    display: none !important;
}

/* خانة الترتيب */
select,
.form-select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* =========================================
   قائمة الترتيب
   المربع يبقى أبيض والخيار المختار يظهر بالأسود
========================================= */
select,
.form-select {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border-color: var(--border) !important;
    opacity: 1 !important;
}

select option,
.form-select option {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

select:focus,
select:valid,
.form-select:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* =========================================================
   تصغير ارتفاع الهيدر الرئيسي - النسخة الأخيرة
   Desktop only
========================================================= */
@media (min-width: 769px) {
    #mainnav,
    .main-nav-container,
    #mainnav .container {
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
    }

    #mainnav > div,
    #mainnav .container > div,
    #mainnav .flex.items-stretch {
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
    }

    #mainnav img,
    #mainnav .navbar-brand img,
    #mainnav .brand img {
        max-height: 36px !important;
        height: auto !important;
        width: auto !important;
    }

    #mainnav a,
    #mainnav button,
    #mainnav salla-button,
    #mainnav salla-cart-summary,
    #mainnav salla-user-menu,
    #mainnav salla-search {
        min-height: 0 !important;
    }
}

/* =========================================================
   الهيدر الرئيسي أنحف جداً - Desktop
========================================================= */
@media (min-width: 769px) {
    #mainnav,
    .main-nav-container,
    #mainnav .container,
    #mainnav > div,
    #mainnav .container > div,
    #mainnav .flex.items-stretch {
        min-height: 38px !important;
        height: 38px !important;
        max-height: 38px !important;
    }

    #mainnav img,
    #mainnav .navbar-brand img,
    #mainnav .brand img {
        max-height: 30px !important;
        height: auto !important;
        width: auto !important;
    }
}

/* =========================================================
   الهيدر الرئيسي أنحف أكثر - Desktop
========================================================= */
@media (min-width: 769px) {
    #mainnav,
    .main-nav-container,
    #mainnav .container,
    #mainnav > div,
    #mainnav .container > div,
    #mainnav .flex.items-stretch {
        min-height: 32px !important;
        height: 32px !important;
        max-height: 32px !important;
    }

    #mainnav img,
    #mainnav .navbar-brand img,
    #mainnav .brand img {
        max-height: 26px !important;
        height: auto !important;
        width: auto !important;
    }
}


/* إخفاء "عن المتجر" من الهيدر فقط */
#mainnav a[href*="/redirect/pages/1540738737"] {
    display: none !important;
}

/* =========================================
   تصغير وتقريب دوائر الأقسام
========================================= */

/* اللابتوب */
@media (min-width: 769px) {

    .s-block--categories .slide--cat-entry {
        width: 125px !important;
        height: 125px !important;
        min-width: 125px !important;
        min-height: 125px !important;
        max-width: 125px !important;
        max-height: 125px !important;

        padding: 10px !important;
        margin: 2px auto 5px !important;
    }

    .s-block--categories .swiper-slide {
        width: 140px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .s-block--categories .swiper-wrapper {
        gap: 4px !important;
        justify-content: center !important;
    }
}


/* الجوال */
@media (max-width: 768px) {

    .s-block--categories .slide--cat-entry {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;

        padding: 7px !important;
        margin: 2px auto 4px !important;
    }

    .s-block--categories .swiper-slide {
        width: 110px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .s-block--categories .swiper-wrapper {
        gap: 2px !important;
    }
}


/* ===========================================
   إصلاح فيديو جوهرة على الجوال - العنصر الحقيقي
   يمنع الانكماش والقص ويزيل الفراغ الضخم
=========================================== */
@media (max-width: 768px) {

    /* الحاوية الحقيقية التي ظهرت في Inspect */
    .jawhara-video-header {
        position: relative !important;
        width: 100% !important;
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: var(--video-background) !important;
    }

    /* طبقة الصورة/الفيديو المطلقة داخل القسم */
    .jawhara-video-header > div.absolute,
    .jawhara-video-header [class*="absolute"][class*="bg-cover"] {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;

        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-color: var(--video-background) !important;
    }

    /* إذا كان داخل القسم عنصر video فعلي */
    .jawhara-video-header video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: var(--video-background) !important;
    }

    /* النص داخل الفيديو يبقى ظاهر */
    .jawhara-video-header > :not(.absolute) {
        position: relative !important;
        z-index: 20 !important;
    }
}

@media (max-width: 480px) {
    .jawhara-video-header {
        height: 225px !important;
        min-height: 225px !important;
        max-height: 225px !important;
    }
}

/* ===========================================
   إصلاح نهائي للفيديو - إزالة طبقة البيج فقط
   بدون تغيير مقاس الفيديو أو قصّه
=========================================== */
.s-block--video .jawhara-video-header,
.video-section .jawhara-video-header,
.jawhara-video .jawhara-video-header,
.jawhara-video-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.s-block--video .jawhara-video-header::before,
.s-block--video .jawhara-video-header::after,
.video-section .jawhara-video-header::before,
.video-section .jawhara-video-header::after,
.jawhara-video .jawhara-video-header::before,
.jawhara-video .jawhara-video-header::after,
.jawhara-video-header::before,
.jawhara-video-header::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.s-block--video .jawhara-video-header > *,
.video-section .jawhara-video-header > *,
.jawhara-video .jawhara-video-header > *,
.jawhara-video-header > * {
    background-color: transparent !important;
}

/* لا نلمس الفيديو نفسه هنا */


/* ===========================================
   العقد الثمين - إصلاح نهائي لمميزات المتجر
   يعمل على الكلاس الحقيقي في ثيم جوهرة
   تسوق آمن + خدمة العملاء + شحن سريع
=========================================== */

/* تثبيت الثلاث مميزات في صف واحد */
.s-block--features > .container > .grid,
.s-block--features .grid.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\].md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

/* بطاقة كل ميزة */
.s-block--features .s-block--features__item {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 16px 10px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #EEE4D1 !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
}

/* الدائرة الأصلية: تحويلها من أصفر إلى بني */
.s-block--features .s-block--features__item > span:first-child,
.s-block--features .s-block--features__item > div:first-child,
.s-block--features .s-block--features__item [class*="rounded-full"]:first-child {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    background: #5A321F !important;
    background-color: #5A321F !important;
    border: 1px solid #6B3D27 !important;
    border-radius: 50% !important;
    box-shadow: 0 5px 14px rgba(71,38,24,.16) !important;
    overflow: hidden !important;
    color: #FFFFFF !important;
}

/* إخفاء الأيقونة الأصلية داخل الدائرة */
.s-block--features .s-block--features__item > span:first-child svg,
.s-block--features .s-block--features__item > span:first-child i,
.s-block--features .s-block--features__item > span:first-child img,
.s-block--features .s-block--features__item > div:first-child svg,
.s-block--features .s-block--features__item > div:first-child i,
.s-block--features .s-block--features__item > div:first-child img,
.s-block--features .s-block--features__item [class*="rounded-full"]:first-child svg,
.s-block--features .s-block--features__item [class*="rounded-full"]:first-child i,
.s-block--features .s-block--features__item [class*="rounded-full"]:first-child img {
    display: none !important;
}

/* تجهيز أيقونة بديلة */
.s-block--features .s-block--features__item > span:first-child::before,
.s-block--features .s-block--features__item > div:first-child::before,
.s-block--features .s-block--features__item [class*="rounded-full"]:first-child::before {
    display: block !important;
    color: #FFFFFF !important;
    font-family: Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* RTL الظاهر في المتجر:
   العنصر الأول = تسوق آمن */
.s-block--features .s-block--features__item:nth-child(1) > span:first-child::before,
.s-block--features .s-block--features__item:nth-child(1) > div:first-child::before,
.s-block--features .s-block--features__item:nth-child(1) [class*="rounded-full"]:first-child::before {
    content: "🛡️" !important;
}

/* العنصر الثاني = خدمة العملاء */
.s-block--features .s-block--features__item:nth-child(2) > span:first-child::before,
.s-block--features .s-block--features__item:nth-child(2) > div:first-child::before,
.s-block--features .s-block--features__item:nth-child(2) [class*="rounded-full"]:first-child::before {
    content: "🎧" !important;
}

/* العنصر الثالث = شحن سريع */
.s-block--features .s-block--features__item:nth-child(3) > span:first-child::before,
.s-block--features .s-block--features__item:nth-child(3) > div:first-child::before,
.s-block--features .s-block--features__item:nth-child(3) [class*="rounded-full"]:first-child::before {
    content: "🚚" !important;
}

/* الجوال: الثلاثة جنب بعض */
@media (max-width: 768px) {
    .s-block--features > .container > .grid,
    .s-block--features .grid.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\].md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .s-block--features .s-block--features__item {
        min-height: 118px !important;
        padding: 10px 5px !important;
        border-radius: 11px !important;
    }

    .s-block--features .s-block--features__item > span:first-child,
    .s-block--features .s-block--features__item > div:first-child,
    .s-block--features .s-block--features__item [class*="rounded-full"]:first-child {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        margin-bottom: 8px !important;
    }

    .s-block--features .s-block--features__item > span:first-child::before,
    .s-block--features .s-block--features__item > div:first-child::before,
    .s-block--features .s-block--features__item [class*="rounded-full"]:first-child::before {
        font-size: 21px !important;
    }
}

/* ===========================================
   نهاية إصلاح مميزات المتجر
=========================================== */


/* ===========================================
   إصلاح نهائي لترتيب مميزات المتجر على الجوال
   الثلاث بطاقات في صف واحد
=========================================== */
@media (max-width: 768px) {

    .s-block--features .grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    /* إلغاء span 2 الافتراضي لأول عنصر في ثيم جوهرة */
    .s-block--features .s-block--features__item,
    .s-block--features .s-block--features__item:first-child,
    .s-block--features .s-block--features__item:nth-child(1),
    .s-block--features .s-block--features__item:nth-child(2),
    .s-block--features .s-block--features__item:nth-child(3) {
        grid-column: auto !important;
        grid-column-start: auto !important;
        grid-column-end: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .s-block--features .s-block--features__item {
        min-height: 118px !important;
        padding: 10px 4px !important;
    }

    .s-block--features .s-block--features__item h2,
    .s-block--features .s-block--features__item h3,
    .s-block--features .s-block--features__item h4 {
        font-size: 11px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    .s-block--features .s-block--features__item p {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }
}

/* الشاشات الصغيرة جداً */
@media (max-width: 480px) {
    .s-block--features .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    .s-block--features .s-block--features__item {
        min-height: 112px !important;
        padding: 8px 3px !important;
    }
}


/* ===========================================
   العقد الثمين - إصلاح نهائي لشريط نجاح السلة
   يمنع قص رسالة الحذف/الإضافة خلف شريط الأسعار والهيدر
=========================================== */

/* جميع حاويات التنبيه المحتملة في سلة */
salla-toast,
salla-notification,
salla-notify,
.s-toast,
.s-toast-container,
.s-toast-wrapper,
.s-toast-item,
.s-notification,
.s-notification-container,
.s-notification-wrapper,
.toastify,
.toastify.on,
.notyf,
#toast-container,
.iziToast-wrapper-topCenter,
.iziToast-wrapper-topRight,
.iziToast-wrapper-topLeft,
body > [role="alert"],
body > [role="status"] {
    z-index: 2147483647 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    mask: none !important;
    max-height: none !important;
}

/* إذا كان عنصر التنبيه نفسه مثبتاً */
salla-toast,
salla-notification,
salla-notify,
.s-toast-container,
.s-notification-container,
.toastify,
.toastify.on,
#toast-container,
.iziToast-wrapper-topCenter,
.iziToast-wrapper-topRight,
.iziToast-wrapper-topLeft,
body > [role="alert"][style*="fixed"],
body > [role="status"][style*="fixed"] {
    position: fixed !important;
    top: 112px !important;
    bottom: auto !important;
    transform: none !important;
}

/* Toastify */
.toastify,
.toastify.on {
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    min-width: 310px !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    min-height: 46px !important;
    transform: translateX(-50%) !important;
    border-radius: 8px !important;
}

/* مكونات رسالة سلة الداخلية */
.s-toast-item,
.s-toast-content,
.s-notification,
.notification,
.alert-success,
.toast,
.toast-body,
[class*="toast-message"],
[class*="notification-message"] {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
    min-height: 46px !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
}

/* لا نسمح لأي أب مباشر للرسالة بقصّها */
body > salla-toast,
body > salla-notification,
body > salla-notify,
body > .s-toast-container,
body > .s-notification-container,
body > #toast-container,
body > .notyf {
    overflow: visible !important;
    contain: none !important;
}

/* اللابتوب */
@media (min-width: 769px) {
    salla-toast,
    salla-notification,
    salla-notify,
    .s-toast-container,
    .s-notification-container,
    .toastify,
    .toastify.on,
    #toast-container,
    .iziToast-wrapper-topCenter,
    .iziToast-wrapper-topRight,
    .iziToast-wrapper-topLeft,
    body > [role="alert"][style*="fixed"],
    body > [role="status"][style*="fixed"] {
        top: 112px !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    salla-toast,
    salla-notification,
    salla-notify,
    .s-toast-container,
    .s-notification-container,
    .toastify,
    .toastify.on,
    #toast-container,
    .iziToast-wrapper-topCenter,
    .iziToast-wrapper-topRight,
    .iziToast-wrapper-topLeft,
    body > [role="alert"][style*="fixed"],
    body > [role="status"][style*="fixed"] {
        top: 84px !important;
    }

    .toastify,
    .toastify.on {
        min-width: 0 !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    salla-toast,
    salla-notification,
    salla-notify,
    .s-toast-container,
    .s-notification-container,
    .toastify,
    .toastify.on,
    #toast-container,
    .iziToast-wrapper-topCenter,
    .iziToast-wrapper-topRight,
    .iziToast-wrapper-topLeft,
    body > [role="alert"][style*="fixed"],
    body > [role="status"][style*="fixed"] {
        top: 76px !important;
    }
}

/* ===========================================
   نهاية إصلاح شريط نجاح السلة
=========================================== */

/* ============================================
   إصلاح تنبيه حذف المنتج من السلة
   SweetAlert2 Toast
============================================ */

.swal2-container {
    z-index: 99999999 !important;
}

.swal2-container.swal2-top,
.swal2-container.swal2-top-start,
.swal2-container.swal2-top-end {
    top: 70px !important;
    z-index: 99999999 !important;
}

.swal2-container .swal2-popup.swal2-toast {
    position: relative !important;
    z-index: 99999999 !important;

    width: auto !important;
    min-width: 280px !important;
    max-width: 420px !important;

    min-height: 52px !important;
    height: auto !important;

    overflow: visible !important;

    margin: 0 !important;
    padding: 10px 16px !important;

    border-radius: 10px !important;
}

/* نص "تم حذف المنتج بنجاح" */
.swal2-container .swal2-popup.swal2-toast .swal2-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 8px !important;

    font-size: 14px !important;
    line-height: 1.6 !important;

    white-space: normal !important;
    overflow: visible !important;
}

/* الجوال */
@media (max-width: 768px) {

    .swal2-container.swal2-top,
    .swal2-container.swal2-top-start,
    .swal2-container.swal2-top-end {
        top: 62px !important;
    }

    .swal2-container .swal2-popup.swal2-toast {
        min-width: 260px !important;
        max-width: calc(100vw - 24px) !important;
    }
}

/* =========================================================
   العقد الثمين - معرض صور صفحة المنتج
   نسخة نظيفة واحدة فقط بدون تعارضات
   ملاحظة: لا نغيّر عرض Swiper إطلاقاً
   لأن العرض يُحسب تلقائياً حسب مساحة الصفحة
========================================================= */

/* اللابتوب والديسكتوب */
@media (min-width: 769px) {

    /* الشريحة الخاصة بصور المنتج فقط */
    a[data-fslightbox^="product_"].homeslider__slide.swiper-slide {
        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;

        overflow: hidden !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;

        background: #FAF9F6 !important;
        box-sizing: border-box !important;
    }

    /* الصورة داخل الشريحة */
    a[data-fslightbox^="product_"].homeslider__slide.swiper-slide > img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        background: #FAF9F6 !important;
    }

    /* نفس ارتفاع الشريحة للـ wrapper الذي يحتوي صور المنتج */
    .swiper-wrapper:has(> a[data-fslightbox^="product_"].homeslider__slide) {
        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;
        align-items: stretch !important;
    }

    /* الحاوية الخارجية لمعرض المنتج فقط */
    .swiper:has(a[data-fslightbox^="product_"].homeslider__slide),
    .homeslider:has(a[data-fslightbox^="product_"].homeslider__slide) {
        height: 650px !important;
        min-height: 650px !important;
        max-height: 650px !important;
        overflow: hidden !important;
    }
}

/* الجوال والتابلت — صور المنتج بدون تغيير عرض Swiper */
@media (max-width: 768px) {

    /*
       مهم جداً:
       لا نضع width على swiper-slide.
       Swiper يحسب عرض الشرائح بنفسه، وتغيير العرض بعد الحساب
       يسبب انزياح الصور الثانية والثالثة والرابعة.
    */
    a[data-fslightbox^="product_"].homeslider__slide.swiper-slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;

        background: #FAF9F6 !important;
        box-sizing: border-box !important;
    }

    /* كل صور المنتج، وليس الصورة الأولى فقط */
    a[data-fslightbox^="product_"].homeslider__slide.swiper-slide > img,
    a[data-fslightbox^="product_"].swiper-slide > img,
    a[data-fslightbox^="product_"] > img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: none !important;
        scale: none !important;

        background: #FAF9F6 !important;
        box-sizing: border-box !important;
    }

    /* نسمح للارتفاع أن يتبع الصورة، لكن لا نغير عرض السلايدر أو الشرائح */
    .swiper-wrapper:has(> a[data-fslightbox^="product_"].homeslider__slide),
    .swiper:has(a[data-fslightbox^="product_"].homeslider__slide),
    .homeslider:has(a[data-fslightbox^="product_"].homeslider__slide) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .swiper-wrapper:has(> a[data-fslightbox^="product_"].homeslider__slide) {
        align-items: flex-start !important;
    }

    .swiper:has(a[data-fslightbox^="product_"].homeslider__slide),
    .homeslider:has(a[data-fslightbox^="product_"].homeslider__slide) {
        overflow: hidden !important;
    }
}

/* =========================================================
   نهاية معرض صور صفحة المنتج
========================================================= */



/* =========================================================
   العقد الثمين - زر "إضافة للسلة" ثابت على بطاقات المنتجات
   يظهر دائماً مثل الصورة المرجعية
   ينطبق على جميع بطاقات المنتجات في اللابتوب والجوال
========================================================= */

.s-product-card-entry {
    position: relative !important;
}

.s-product-card-entry salla-add-product-button,
.s-products-slider-card salla-add-product-button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    inset-inline: 0 !important;
    width: 100% !important;
    z-index: 30 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.s-product-card-entry salla-add-product-button .s-button-element,
.s-product-card-entry salla-add-product-button button,
.s-products-slider-card salla-add-product-button .s-button-element,
.s-products-slider-card salla-add-product-button button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: var(--primary) !important;
    background-color: var(--primary) !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
}

.s-product-card-entry salla-add-product-button .s-button-element *,
.s-product-card-entry salla-add-product-button button *,
.s-products-slider-card salla-add-product-button .s-button-element *,
.s-products-slider-card salla-add-product-button button * {
    visibility: visible !important;
    opacity: 1 !important;
    color: #FFFFFF !important;
}

.s-product-card-entry:hover salla-add-product-button,
.s-product-card-entry:hover salla-add-product-button .s-button-element,
.s-product-card-entry:hover salla-add-product-button button {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

@media (min-width: 769px) {
    .s-product-card-entry salla-add-product-button,
    .s-products-slider-card salla-add-product-button {
        bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    .s-product-card-entry salla-add-product-button,
    .s-products-slider-card salla-add-product-button {
        bottom: 0 !important;
    }

    .s-product-card-entry salla-add-product-button .s-button-element,
    .s-product-card-entry salla-add-product-button button,
    .s-products-slider-card salla-add-product-button .s-button-element,
    .s-products-slider-card salla-add-product-button button {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        font-size: 12.5px !important;
    }
}

@media (max-width: 480px) {
    .s-product-card-entry salla-add-product-button,
    .s-products-slider-card salla-add-product-button {
        bottom: 0 !important;
    }

    .s-product-card-entry salla-add-product-button .s-button-element,
    .s-product-card-entry salla-add-product-button button,
    .s-products-slider-card salla-add-product-button .s-button-element,
    .s-products-slider-card salla-add-product-button button {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   نهاية تثبيت زر إضافة للسلة
========================================================= */


/* =========================================================
   تثبيت نهائي: الزر ملاصق لأسفل صورة المنتج
========================================================= */
.s-product-card-image {
    position: relative !important;
}

.s-product-card-image salla-add-product-button,
.s-product-card-entry .s-product-card-image salla-add-product-button {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 40 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
/* ========================================================= */



/* =========================================================
   استرجاع آمن - إخفاء أسهم سلايدر المنتجات فقط
   بدون تغيير عناوين الأقسام أو ترتيب المنتجات
========================================================= */

salla-products-slider .swiper-button-next,
salla-products-slider .swiper-button-prev,
salla-products-slider .s-slider-block__title-nav,
salla-products-slider [class*="swiper-button"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ========================================================= */


/* =========================================================
   عرض الكل - الشكل النهائي فقط
   زر أصلي قابل للضغط + لون المتجر + خطان يمين ويسار
   بدون لمس عناوين الأقسام أو المنتجات أو السلايدر
========================================================= */

a.s-slider-block__display-all {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 110px !important;
    height: 40px !important;
    padding: 0 18px !important;

    background: #FFFFFF !important;
    color: #111111 !important;
    border: 1px solid #C8A75A !important;
    border-radius: 0 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    overflow: visible !important;
    z-index: 20 !important;
}

a.s-slider-block__display-all,
a.s-slider-block__display-all * {
    color: #111111 !important;
}

/* السماح فقط بخروج خطي زر عرض الكل من حدوده */
salla-products-slider {
    overflow: visible !important;
}

@media (max-width: 768px) {
    a.s-slider-block__display-all {
        min-width: 92px !important;
        height: 35px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }
}

/* ========================================================= */


/* =========================================================
   عرض الكل - التعديل المطلوب فقط
   مربع في المنتصف + خط يمين + خط يسار
   بدون لمس عنوان القسم أو المنتجات أو السلايدر
========================================================= */

a.s-slider-block__display-all {
    --view-all-box: 110px;

    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(620px, calc(100% - 32px)) !important;
    max-width: 620px !important;
    min-width: 0 !important;
    height: 40px !important;

    margin: 24px auto 0 !important;
    padding: 0 !important;

    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    /*
      الطبقات من الأعلى للأسفل:
      1-4 إطار المربع الأوسط
      5   خلفية المربع البيضاء التي تقطع الخط في الوسط
      6   الخط الذهبي الممتد يمين ويسار
    */
    background:
        linear-gradient(#C8A75A, #C8A75A)
            center top / var(--view-all-box) 1px no-repeat,
        linear-gradient(#C8A75A, #C8A75A)
            center bottom / var(--view-all-box) 1px no-repeat,
        linear-gradient(#C8A75A, #C8A75A)
            calc(50% - (var(--view-all-box) / 2)) center / 1px 100% no-repeat,
        linear-gradient(#C8A75A, #C8A75A)
            calc(50% + (var(--view-all-box) / 2)) center / 1px 100% no-repeat,
        linear-gradient(#FFFFFF, #FFFFFF)
            center / var(--view-all-box) 100% no-repeat,
        linear-gradient(#C8A75A, #C8A75A)
            center / 100% 1px no-repeat !important;

    overflow: visible !important;
    z-index: 20 !important;
}

a.s-slider-block__display-all,
a.s-slider-block__display-all * {
    color: #111111 !important;
}

/* لا نستخدم pseudo-elements حتى لا يظهر أي خط عند عنوان القسم */
a.s-slider-block__display-all::before,
a.s-slider-block__display-all::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 768px) {
    a.s-slider-block__display-all {
        --view-all-box: 92px;

        width: calc(100% - 24px) !important;
        max-width: 420px !important;
        height: 35px !important;
        margin-top: 18px !important;

        font-size: 12px !important;
    }
}

/* ========================================================= */

/* حذف الخطوط من عناوين الأقسام فقط */
salla-products-slider .s-slider-block__title::before,
salla-products-slider .s-slider-block__title::after,
salla-products-slider .s-slider-block__title-right::before,
salla-products-slider .s-slider-block__title-right::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
}

/* حذف أي خط خلف عنوان القسم */
salla-products-slider .s-slider-block__title,
salla-products-slider .s-slider-block__title-right {
    background-image: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
/* إزالة تلوين مربع الكمية وإظهار خلفية المتجر الأصلية */
.sticky-product-bar__quantity {
    background: transparent !important;
    background-color: transparent !important;
}


/* =========================================================
   العقد الثمين - إصلاح خلفية منطقة الكمية فقط
   الحفاظ على خلفية المتجر الأصلية بدون تغيير لونها
========================================================= */

section.sticky-product-bar,
section.sticky-product-bar > .sticky-product-bar__quantity,
.sticky-product-bar__quantity {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* إزالة الخلفية من الطبقات الداخلية بدون لمس عداد الكمية نفسه */
.sticky-product-bar__quantity > div:not([class*="quantity-input"]),
.sticky-product-bar__quantity > section {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* إزالة التظليل من منطقة الكمية والشراء فقط */
html body .jawhara-main-content section.sticky-product-bar.sticky-product-bar {
    background: var(--background) !important;
    background-color: var(--background) !important;
    background-image: none !important;
    box-shadow: none !important;
}

html body .jawhara-main-content section.sticky-product-bar.sticky-product-bar
.sticky-product-bar__quantity {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* =========================================================
   العقد الثمين - ضبط صور المنتجات تلقائياً حسب مقاس الصورة الأصلية
   الجوال + التابلت + اللابتوب + الديسكتوب
   التعديل يخص صور المنتجات فقط
========================================================= */

/* بطاقات المنتجات: إلغاء الارتفاعات الثابتة حتى تتبع الصورة الأصلية */
.s-product-card-entry,
.s-products-slider-card .s-product-card-entry {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.s-product-card-entry .s-product-card-image,
.s-products-slider-card .s-product-card-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
    background: #F8F7F4 !important;
}

.s-product-card-entry .s-product-card-image > a,
.s-products-slider-card .s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
}

/* الصورة نفسها تحافظ على نسبتها الأصلية بدون قص أو تمديد */
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry .s-product-card-image img.s-product-card-image-contain,
.s-product-card-entry img.s-product-card-image-contain,
.s-products-slider-card .s-product-card-image img,
.s-products-slider-card img.s-product-card-image-contain {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    background: #F8F7F4 !important;
}

/* سلايدر المنتجات: البطاقة تتبع ارتفاع صورتها بدلاً من ارتفاع ثابت */
.s-products-slider-card.swiper-slide {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: flex-start !important;
}

/* محتوى البطاقة يبقى أسفل الصورة بشكل طبيعي */
.s-product-card-entry .s-product-card-content,
.s-products-slider-card .s-product-card-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
}

/* صفحة المنتج: كل صورة تأخذ نسبتها الأصلية على الجوال واللابتوب */
a[data-fslightbox^="product_"].homeslider__slide.swiper-slide,
a[data-fslightbox^="product_"].swiper-slide {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #FAF9F6 !important;
}

a[data-fslightbox^="product_"].homeslider__slide.swiper-slide > img,
a[data-fslightbox^="product_"].swiper-slide > img,
a[data-fslightbox^="product_"] > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    background: #FAF9F6 !important;
}

/* الحاويات تتبع ارتفاع الصورة تلقائياً */
.swiper-wrapper:has(> a[data-fslightbox^="product_"].homeslider__slide),
.swiper:has(a[data-fslightbox^="product_"].homeslider__slide),
.homeslider:has(a[data-fslightbox^="product_"].homeslider__slide) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.swiper-wrapper:has(> a[data-fslightbox^="product_"].homeslider__slide) {
    align-items: flex-start !important;
}

/* =========================================================
   نهاية ضبط صور المنتجات تلقائياً
========================================================= */

/* =========================================================
   العقد الثمين - توحيد مربعات بطاقات المنتجات فقط
   يحافظ على الصورة كاملة بدون قص أو تشويه
========================================================= */

/* اللابتوب والديسكتوب */
@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-entry {
        height: 395px !important;
        min-height: 395px !important;
        max-height: 395px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    .s-products-slider-card .s-product-card-entry {
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    .s-products-slider-card .s-product-card-entry {
        height: 275px !important;
        min-height: 275px !important;
        max-height: 275px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 85px !important;
        min-height: 85px !important;
        max-height: 85px !important;
        flex: 0 0 85px !important;
    }
}

/* الصورة تبقى كاملة داخل المربع الموحد */
.s-products-slider-card .s-product-card-image img,
.s-products-slider-card img.s-product-card-image-contain {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    transform: none !important;
}

/* =========================================================
   نهاية توحيد مربعات بطاقات المنتجات
========================================================= */


/* =========================================================
   العقد الثمين - توحيد بطاقات المنتجات داخل صفحات الأقسام
   خواتم / أطقم / أساور / أقراط / سلاسل / بناجر ... إلخ
   مع الحفاظ على الصفحة الرئيسية كما هي
========================================================= */

/* صفحات الأقسام - اللابتوب والديسكتوب */
@media (min-width: 769px) {
    .s-product-card-entry {
        height: 425px !important;
        min-height: 425px !important;
        max-height: 425px !important;
        overflow: hidden !important;
    }

    .s-product-card-entry .s-product-card-image,
    .s-product-card-entry .s-product-card-image > a {
        width: 100% !important;
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
        flex: 0 0 315px !important;
        overflow: hidden !important;
    }

    .s-product-card-entry .s-product-card-content {
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
        flex: 0 0 110px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
}

/* صفحات الأقسام - الجوال والتابلت */
@media (max-width: 768px) {
    .s-product-card-entry {
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
        overflow: hidden !important;
    }

    .s-product-card-entry .s-product-card-image,
    .s-product-card-entry .s-product-card-image > a {
        width: 100% !important;
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        flex: 0 0 220px !important;
        overflow: hidden !important;
    }

    .s-product-card-entry .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    .s-product-card-entry {
        height: 275px !important;
        min-height: 275px !important;
        max-height: 275px !important;
    }

    .s-product-card-entry .s-product-card-image,
    .s-product-card-entry .s-product-card-image > a {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        flex: 0 0 190px !important;
    }

    .s-product-card-entry .s-product-card-content {
        height: 85px !important;
        min-height: 85px !important;
        max-height: 85px !important;
        flex: 0 0 85px !important;
    }
}

/* الصورة داخل بطاقة القسم: كاملة ومتمركزة بدون تشويه */
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry img.s-product-card-image-contain {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    transform: none !important;
}

/* =========================================================
   حماية الصفحة الرئيسية - تبقى بمقاساتها المعتمدة
========================================================= */
@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-entry {
        height: 395px !important;
        min-height: 395px !important;
        max-height: 395px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
        flex: 0 0 300px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
    }
}

@media (max-width: 768px) {
    .s-products-slider-card .s-product-card-entry {
        height: 315px !important;
        min-height: 315px !important;
        max-height: 315px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        flex: 0 0 220px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 95px !important;
        min-height: 95px !important;
        max-height: 95px !important;
        flex: 0 0 95px !important;
    }
}

@media (max-width: 480px) {
    .s-products-slider-card .s-product-card-entry {
        height: 275px !important;
        min-height: 275px !important;
        max-height: 275px !important;
    }

    .s-products-slider-card .s-product-card-image,
    .s-products-slider-card .s-product-card-image > a {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        flex: 0 0 190px !important;
    }

    .s-products-slider-card .s-product-card-content {
        height: 85px !important;
        min-height: 85px !important;
        max-height: 85px !important;
        flex: 0 0 85px !important;
    }
}

/* =========================================================
   نهاية توحيد بطاقات صفحات الأقسام
========================================================= */


/* =========================================================
   العقد الثمين - مقاس الخاتم كقائمة منسدلة
   مبني على عناصر سلة الفعلية بعد الفحص
========================================================= */

.alaqd-ring-size-select-wrap {
    width: 100% !important;
    margin-top: 10px !important;
}

.alaqd-ring-size-select {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid #C8A75A !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    color: #3E3120 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

.alaqd-ring-size-select:focus {
    border-color: #A8842E !important;
    box-shadow: 0 0 0 3px rgba(200, 167, 90, 0.12) !important;
}

/* نخفي شبكة المقاسات الأصلية فقط بعد إنشاء القائمة */
.s-product-options-option.alaqd-ring-size-ready
.s-product-options-grid-mode {
    display: none !important;
}

@media (max-width: 768px) {
    .alaqd-ring-size-select {
        min-height: 46px !important;
        height: 46px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   نهاية قائمة مقاس الخاتم
========================================================= */


/* =========================================================
   العقد الثمين - تنظيف نصوص الفروع بشكل آمن
   لا يخفي أي حاوية كبيرة ولا يمس خيارات المنتج
========================================================= */
.alaqd-hide-text-only {
    display: none !important;
}
/* ========================================================= */


/* =========================================================
   العقد الثمين - استرجاع ارتفاع الشريط البني المعتمد - Desktop
   تعديل الشريط البني فقط
========================================================= */
@media (min-width: 769px) {
    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container,
    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner,
    #mainnav > div,
    #mainnav .container > div,
    #mainnav .flex.items-stretch {
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
    }

    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img,
    #mainnav .brand img {
        max-height: 46px !important;
        width: auto !important;
        object-fit: contain !important;
    }
}
/* =========================================================
   نهاية استرجاع الشريط البني
========================================================= */


/* =========================================================
   العقد الثمين - تصحيح عنوان "منتجات مشابهة"
   مطابق لبنية سلة الفعلية:
   .similar-products__header
   .similar-products__header-side
   .similar-products__title
========================================================= */

.similar-products__header {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 14px !important;
}

.similar-products__header-side {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.similar-products__title {
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
    color: #111111 !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    position: relative !important;
    padding-bottom: 10px !important;
}

.similar-products__title::after {
    content: "" !important;
    display: block !important;
    width: 65px !important;
    height: 2px !important;
    margin: 8px auto 0 !important;
    background: var(--primary) !important;
    border-radius: 10px !important;
}

@media (max-width: 768px) {
    .similar-products__title {
        font-size: 24px !important;
    }

    .similar-products__title::after {
        width: 50px !important;
    }
}

@media (max-width: 480px) {
    .similar-products__title {
        font-size: 22px !important;
    }
}

/* =========================================================
   نهاية تصحيح عنوان "منتجات مشابهة"
========================================================= */


/* =========================================================
   العقد الثمين - حذف قسم "منتجات مشابهة" نهائياً
   يبقى قسم "منتجات قد تعجبك" كما هو
========================================================= */

section.s-block.container:has(.similar-products__container),
.similar-products__container {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   نهاية حذف قسم "منتجات مشابهة"
========================================================= */


/* =========================================================
   العقد الثمين - إصلاح ظهور العيار والوزن داخل بطاقات المنتجات
   يزيل قص المحتوى الثابت ويعطي مساحة إضافية فقط لبيانات المنتج
========================================================= */

/* اللابتوب */
@media (min-width: 769px) {
    .s-products-slider-card .s-product-card-entry {
        height: 425px !important;
        min-height: 425px !important;
        max-height: 425px !important;
    }

    .s-products-slider-card .s-product-card-content,
    .s-product-card-entry .s-product-card-content {
        height: 125px !important;
        min-height: 125px !important;
        max-height: 125px !important;
        flex: 0 0 125px !important;
        overflow: visible !important;
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    .s-products-slider-card .s-product-card-entry {
        height: 345px !important;
        min-height: 345px !important;
        max-height: 345px !important;
    }

    .s-products-slider-card .s-product-card-content,
    .s-product-card-entry .s-product-card-content {
        height: 125px !important;
        min-height: 125px !important;
        max-height: 125px !important;
        flex: 0 0 125px !important;
        overflow: visible !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    .s-products-slider-card .s-product-card-entry {
        height: 310px !important;
        min-height: 310px !important;
        max-height: 310px !important;
    }

    .s-products-slider-card .s-product-card-content,
    .s-product-card-entry .s-product-card-content {
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
        flex: 0 0 120px !important;
        overflow: visible !important;
    }
}

/* ترتيب سطر العيار والوزن أسفل الاسم بشكل واضح */
.s-product-card-entry .alaqd-product-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 2px 0 2px !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
    color: #111111 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.s-product-card-entry .alaqd-product-meta .alaqd-separator {
    display: none !important;
}

.s-product-card-entry .alaqd-product-meta .alaqd-karat,
.s-product-card-entry .alaqd-product-meta .alaqd-weight {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #111111 !important;
    font-weight: 600 !important;
}

@media (max-width: 480px) {
    .s-product-card-entry .alaqd-product-meta {
        font-size: 11px !important;
    }
}

/* =========================================================
   نهاية إصلاح ظهور العيار والوزن
========================================================= */

/* =========================================================
   العقد الثمين - واجهة الجوال النهائية
   الهيدر + القائمة الجانبية فقط
   لا يؤثر على اللابتوب
========================================================= */

@media (max-width: 768px) {

    /* ---------- الهيدر الرئيسي للجوال ---------- */
    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container {
        background: #472618 !important;
        border-bottom: 1px solid rgba(232, 212, 162, 0.22) !important;
        box-shadow: none !important;
    }

    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner,
    .jawhara-main-nav-container > .container,
    .jawhara-main-nav-container .container,
    .jawhara-main-nav-container > .inner,
    .jawhara-main-nav-container .inner {
        background: transparent !important;
        min-height: 56px !important;
        height: 56px !important;
        max-height: 56px !important;
        padding-inline: 12px !important;
    }

    /* الشعار */
    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img {
        max-height: 42px !important;
        max-width: 66px !important;
    }

    #mainnav :is(
        .logo,
        .site-logo,
        .store-logo,
        .header__logo,
        .header-logo,
        .navbar-brand
    ):not(.hidden)::after {
        color: #E8D4A2 !important;
        font-size: 13px !important;
        margin-inline-start: 5px !important;
        text-shadow: none !important;
    }

    /* أيقونات الهيدر */
    #mainnav > button,
    #mainnav .menu-trigger,
    #mainnav .hamburger,
    #mainnav .mobile-menu,
    #mainnav button[aria-label*="menu"],
    #mainnav button[aria-label*="Menu"],
    #mainnav > i,
    #mainnav .icon,
    #mainnav salla-search,
    #mainnav salla-cart-summary,
    #mainnav salla-user-menu {
        color: #E8D4A2 !important;
    }

    #mainnav salla-search svg,
    #mainnav salla-cart-summary svg,
    #mainnav .menu-trigger svg,
    #mainnav .hamburger svg {
        color: #E8D4A2 !important;
        stroke: #E8D4A2 !important;
    }

    #mainnav salla-search svg,
    #mainnav salla-cart-summary svg {
        width: 22px !important;
        height: 22px !important;
    }

    /* ---------- القائمة الجانبية النهائية ---------- */
    #alaqd-mobile-categories-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483590 !important;
        background: rgba(41, 25, 17, 0.55) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity .28s ease, visibility .28s ease !important;
        -webkit-backdrop-filter: blur(1px) !important;
        backdrop-filter: blur(1px) !important;
    }

    #alaqd-mobile-categories-overlay.alaqd-is-open {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #alaqd-mobile-categories-drawer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        width: min(86vw, 365px) !important;
        height: 100dvh !important;
        z-index: 2147483600 !important;
        background: #FAF9F6 !important;
        border-left: 1px solid #EEE4D1 !important;
        box-shadow: -18px 0 45px rgba(71, 38, 24, 0.20) !important;
        transform: translateX(105%) !important;
        transition: transform .30s cubic-bezier(.2,.8,.2,1) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        direction: rtl !important;
        visibility: hidden !important;
    }

    #alaqd-mobile-categories-drawer.alaqd-is-open {
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    /* أعلى القائمة */
    .alaqd-mobile-menu__top {
        min-height: 92px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        padding: 18px 54px 14px !important;
        background: #FAF9F6 !important;
        border-bottom: 1px solid #EEE4D1 !important;
    }

    .alaqd-mobile-menu__brand {
        color: #472618 !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-align: center !important;
    }

    .alaqd-mobile-menu__brand::after {
        content: "ALAQD ALTHAMEEN" !important;
        display: block !important;
        margin-top: 3px !important;
        color: #A8842E !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        letter-spacing: 1.2px !important;
        direction: ltr !important;
    }

    .alaqd-mobile-menu__close {
        position: absolute !important;
        top: 19px !important;
        left: 16px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: #472618 !important;
        font-size: 29px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    /* قائمة الأقسام */
    .alaqd-mobile-menu__list {
        list-style: none !important;
        margin: 0 !important;
        padding: 10px 18px 24px !important;
    }

    .alaqd-mobile-menu__item {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #EEE4D1 !important;
    }

    .alaqd-mobile-menu__item:last-child {
        border-bottom: 0 !important;
    }

    .alaqd-mobile-menu__link {
        min-height: 62px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 8px !important;
        color: #3E3120 !important;
        background: transparent !important;
        text-decoration: none !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border-radius: 10px !important;
        transition: background .18s ease, color .18s ease !important;
    }

    .alaqd-mobile-menu__link:active {
        background: #F3E6C4 !important;
        color: #472618 !important;
    }

    .alaqd-mobile-menu__arrow {
        color: #C8A75A !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }

    html.alaqd-mobile-menu-open,
    body.alaqd-mobile-menu-open {
        overflow: hidden !important;
        touch-action: none !important;
    }
}

@media (max-width: 480px) {
    #mainnav,
    .jawhara-main-nav-container,
    .main-nav-container,
    #mainnav > .container,
    #mainnav .container,
    #mainnav > .inner,
    #mainnav .inner {
        min-height: 54px !important;
        height: 54px !important;
        max-height: 54px !important;
    }

    #mainnav .logo img,
    #mainnav .site-logo img,
    #mainnav .store-logo img,
    #mainnav .header__logo img,
    #mainnav .header-logo img,
    #mainnav .navbar-brand img {
        max-height: 40px !important;
        max-width: 62px !important;
    }
}

/* اللابتوب: عناصر القائمة المضافة مخفية تمامًا */
@media (min-width: 769px) {
    #alaqd-mobile-categories-drawer,
    #alaqd-mobile-categories-overlay {
        display: none !important;
    }
}

/* =========================================================
   نهاية واجهة الجوال النهائية
========================================================= */

/* ===========================================
   العقد الثمين - زر واتساب فقط
   اللابتوب + الجوال
   خلفية بيج لؤلؤي + أيقونة بني غامق
   لا يغيّر أي عنصر آخر
=========================================== */
a[href*="wa.me"] > button.fixed,
a[href*="wa.me"] button.fixed {
    background: #E9DDC7 !important;
    background-color: #E9DDC7 !important;
    color: #3E3120 !important;
}

a[href*="wa.me"] > button.fixed svg,
a[href*="wa.me"] > button.fixed i,
a[href*="wa.me"] button.fixed svg,
a[href*="wa.me"] button.fixed i {
    color: #3E3120 !important;
    stroke: #3E3120 !important;
}

/* ===========================================
   نهاية تعديل زر واتساب فقط
=========================================== */

/* =========================================================
   العقد الثمين - تصميم شاشة البداية
   CSS فقط
   - الجوال + اللابتوب
   - خلفية بيج لؤلؤية
   - الشعار في المنتصف
   - شعار شفاف مدموج داخل الخلفية
   - لا يغيّر أي عنصر آخر في المتجر
========================================================= */

#alaqd-entry-splash-v4 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;

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

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(255, 255, 255, 0.30) 30%,
            rgba(255, 255, 255, 0) 60%
        ),
        #E9DDC7 !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;

    transition:
        opacity 0.48s ease,
        visibility 0.48s ease !important;
}

#alaqd-entry-splash-v4.alaqd-splash-hide {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#alaqd-entry-splash-v4 .alaqd-splash-inner {
    width: min(56vw, 330px) !important;

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

    margin: 0 !important;
    padding: 0 !important;

    animation: alaqdSplashOfficialIn 0.72s ease both !important;
}

#alaqd-entry-splash-v4 .alaqd-splash-logo {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-height: 310px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    /*
       الشعار هنا صار شفاف فعلاً،
       لذلك لا نحتاج mix-blend-mode.
    */
    mix-blend-mode: normal !important;

    filter:
        drop-shadow(0 8px 18px rgba(62, 49, 32, 0.08)) !important;
}

@keyframes alaqdSplashOfficialIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.94);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* الجوال والتابلت */
@media (max-width: 768px) {
    #alaqd-entry-splash-v4 .alaqd-splash-inner {
        width: min(72vw, 285px) !important;
    }

    #alaqd-entry-splash-v4 .alaqd-splash-logo {
        max-height: 270px !important;
    }
}

/* الجوال الصغير */
@media (max-width: 480px) {
    #alaqd-entry-splash-v4 .alaqd-splash-inner {
        width: min(74vw, 255px) !important;
    }

    #alaqd-entry-splash-v4 .alaqd-splash-logo {
        max-height: 245px !important;
    }
}

/* =========================================================
   نهاية تصميم شاشة البداية
========================================================= */