/* Add custom CSS styles below */ 
/* TOFI - قسم طريقة الاستخدام فقط */
[component-name="text-content"][bundle-id="1078728572"] {
    display: block;
    max-width: 1100px;
    margin: 45px auto !important;
    padding: 42px 50px !important;
    box-sizing: border-box;

    background: linear-gradient(
        135deg,
        #FFF9F7 0%,
        #FDF4F5 55%,
        #FFF9F7 100%
    );

    border: 1px solid #F3DADD;
    border-radius: 24px;

    box-shadow:
        0 12px 35px rgba(63, 47, 51, 0.07);

    overflow: hidden;
}

/* الجوال */
@media (max-width: 768px) {
    [component-name="text-content"][bundle-id="1078728572"] {
        width: calc(100% - 28px);
        margin: 25px 14px !important;
        padding: 28px 18px !important;
        border-radius: 18px;
    }
}
/* =========================
   TOFI - الأسئلة الشائعة
   ========================= */

.faq-component {
    max-width: 1100px;
    margin: 50px auto !important;
    padding: 0 24px;
    box-sizing: border-box;
}

/* حصر المحتوى في المنتصف */
.faq-component .container {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* كل سؤال كبطاقة مستقلة */
.faq-component .faq-item {
    background: #FFF9F7 !important;
    border: 1px solid #F3DADD !important;
    border-radius: 16px !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(63, 47, 51, 0.04);
    transition: all 0.25s ease;
}

/* السؤال */
.faq-component .faq-question {
    padding: 20px 24px !important;
    color: #3F2F33 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border: 0 !important;
}

/* عند فتح السؤال */
.faq-component .faq-item.active {
    border-color: #D98F9B !important;
    box-shadow: 0 10px 26px rgba(217, 143, 155, 0.12);
}

/* الإجابة */
.faq-component .faq-answer {
    padding: 0 24px 22px !important;
    color: #6F5B60 !important;
    font-size: 17px !important;
    line-height: 1.9 !important;
}

/* سهم فتح السؤال */
.faq-component .faq-question svg,
.faq-component .faq-question i {
    color: #D98F9B !important;
    stroke: #D98F9B !important;
}

/* الجوال */
@media (max-width: 768px) {
    .faq-component {
        width: 100%;
        margin: 30px auto !important;
        padding: 0 14px;
    }

    .faq-component .faq-item {
        border-radius: 14px !important;
        margin-bottom: 10px !important;
    }

    .faq-component .faq-question {
        padding: 17px 16px !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .faq-component .faq-answer {
        padding: 0 16px 17px !important;
        font-size: 15px !important;
        line-height: 1.9 !important;
    }
}/* إصلاح فتح وإغلاق إجابات FAQ */
.faq-component .faq-answer {
    padding: 0 24px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* إخفاء الإجابة عند إغلاق السؤال */
.faq-component .faq-item:not(.active) .faq-answer {
    height: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* إظهار الإجابة عند فتح السؤال */
.faq-component .faq-item.active .faq-answer {
    height: auto !important;
    max-height: 500px !important;
    padding: 0 24px 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #6F5B60 !important;
    line-height: 1.9 !important;
}

/* للجوال */
@media (max-width: 768px) {
    .faq-component .faq-answer {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .faq-component .faq-item.active .faq-answer {
        padding: 0 16px 17px !important;
    }
}
/* TOFI - الخلفية العامة الموحدة */
html,
body,
#app,
.app-inner,
main#main-content {
    background-color: #FFF9F7 !important;
    background-image: none !important;
}

/* إزالة النقش أو النقاط من خلفيات الأقسام */
main#main-content > section,
.s-block {
    background-image: none !important;

/* TOFI - HERO FIX */
main#main-content > section.special-banner-component[class*="md:my-32"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
}

main#main-content > section.special-banner-component[class*="md:my-32"] > .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
  
}
/* TOFI - إظهار وصف المنتج كاملًا */

article#more-content {
    display: block !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-line-clamp: unset !important;
    transition: none !important;
}

/* إلغاء زر قراءة المزيد */
a#btn-show-more {
    display: none !important;
}

/* الصورة الطويلة */
article#more-content img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}

/* إزالة أي قص من حاوية الوصف */
.product__description {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* الجوال */
@media (max-width: 768px) {
    article#more-content img {
        width: 100% !important;
        border-radius: 12px !important;
    }
}/* =====================================
   TOFI - ترتيب صفحة المنتج
   الشراء قبل الوصف
   ===================================== */

/* تحويل عمود معلومات المنتج لترتيب مرن */
main#main-content [id^="product-"] .main-content > div {
    display: flex !important;
    flex-direction: column !important;
}

/* أي عنصر إضافي يكون بعد منطقة الشراء افتراضياً */
main#main-content [id^="product-"] .main-content > div > * {
    order: 50;
}

/* العناصر العلوية */
main#main-content [id^="product-"] .main-content > div > salla-hook[name="product:single.description.start"] {
    order: 1 !important;
}

main#main-content [id^="product-"] .main-content > div > .flex.justify-between {
    order: 2 !important;
}

/* اسم المنتج */
main#main-content [id^="product-"] .main-content h1 {
    order: 3 !important;
}

/* منطقة السعر + الباقات + الكمية + أزرار الشراء */
main#main-content [id^="product-"] form.product-form {
    order: 10 !important;
    margin-top: 12px !important;
}

/* التقسيط / الدفع بعد الشراء */
main#main-content [id^="product-"] salla-installment {
    order: 11 !important;
}

main#main-content [id^="product-"] salla-cashback-banner {
    order: 12 !important;
}

/* الإنفوجرافيك والوصف بعد الشراء */
main#main-content [id^="product-"] .product__description {
    order: 20 !important;
    margin-top: 28px !important;
}


/* =====================================
   DESKTOP - تصغير معرض صور المنتج
   ===================================== */

@media (min-width: 992px) {

    main#main-content .container > [id^="product-"] {
        align-items: flex-start !important;
    }

    /* معرض الصور - أصغر */
    main#main-content .container > [id^="product-"] > .sidebar {
        width: 40% !important;
        flex: 0 0 40% !important;
        margin-inline-end: 32px !important;
    }

    /* معلومات المنتج - أكبر */
    main#main-content .container > [id^="product-"] > .main-content {
        width: 60% !important;
        flex: 1 1 60% !important;

        /* إلغاء الـ sticky عن عمود المعلومات */
        position: relative !important;
        top: auto !important;
    }

    main#main-content [id^="product-"] .main-content > div {
        width: 100% !important;
        max-width: 620px !important;
    }
}


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

@media (max-width: 991px) {

    main#main-content [id^="product-"] form.product-form {
        margin-top: 10px !important;
    }

    main#main-content [id^="product-"] .product__description {
        margin-top: 22px !important;
    }
}
/* =============================================
   TOFI BEAUTY - STICKY BUY BAR FINAL V2
   ============================================= */

.sticky-product-bar{
    position:fixed !important;
    right:0 !important;
    left:0 !important;
    bottom:0 !important;
    z-index:99999 !important;

    width:100% !important;
    height:128px !important;
    padding:16px 48px !important;
    margin:0 !important;

    background:#FFF9F7 !important;
    border:0 !important;
    border-top:1px solid #EAD8D9 !important;
    border-radius:0 !important;
    box-shadow:0 -5px 22px rgba(63,47,51,.08) !important;

    display:grid !important;
    grid-template-columns:440px 170px 1fr !important;
    grid-template-areas:"actions quantity info" !important;
    align-items:center !important;
    gap:28px !important;

    direction:ltr !important;
}


/* ============================
   معلومات المنتج - يمين
   ============================ */

.sticky-product-bar::before{
    content:"توفي بيوتي - سيروم تقوية الأظافر - 30 مل";

    grid-area:info !important;

    align-self:center !important;
    justify-self:end !important;

    max-width:520px !important;

    color:#3F2F33 !important;
    font-size:19px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    text-align:right !important;
    direction:rtl !important;

    padding-bottom:28px !important;
}


/* ============================
   السعر الديناميكي - يمين
   ============================ */

.sticky-product-bar >
salla-add-product-button.sticky-product-bar__btn{
    position:static !important;
}

.sticky-product-bar >
salla-add-product-button.sticky-product-bar__btn::after{
    content:attr(amount) " ر.س";

    position:absolute !important;
    right:48px !important;
    top:68px !important;

    color:#D98F9B !important;
    font-size:21px !important;
    font-weight:800 !important;
    line-height:1 !important;

    direction:rtl !important;
}


/* ============================
   الكمية - المنتصف
   ============================ */

.sticky-product-bar__quantity{
    grid-area:quantity !important;

    width:170px !important;
    margin:0 !important;

    align-self:center !important;
    justify-self:center !important;

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

    direction:rtl !important;
}


/* إخفاء كلمة الكمية فوق العداد لو كانت تأخذ مساحة */
.sticky-product-bar__quantity > label,
.sticky-product-bar__quantity > span:first-child{
    margin-bottom:4px !important;
}


/* ============================
   الأزرار - يسار
   ============================ */

.sticky-product-bar__btn{
    grid-area:actions !important;

    width:440px !important;
    margin:0 !important;
}

.sticky-product-bar .s-add-product-button-main{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:0 !important;
}


/* زر إضافة للسلة */
.sticky-product-bar
.s-add-product-button-main > salla-button{
    grid-column:2 !important;
    grid-row:1 !important;

    width:100% !important;
    margin:0 !important;
}

.sticky-product-bar
.s-add-product-button-main
.s-button-element{
    width:100% !important;
    height:44px !important;

    border-radius:8px !important;
    border:1px solid #3F2F33 !important;

    background:#3F2F33 !important;
    color:#fff !important;

    font-size:14px !important;
    font-weight:700 !important;

    box-shadow:none !important;
}


/* اشتري الآن */
.sticky-product-bar salla-mini-checkout-widget{
    grid-column:1 !important;
    grid-row:1 !important;

    width:100% !important;
    margin:0 !important;
}


/* إزالة الهامش الافتراضي */
.sticky-product-bar .mt-5{
    margin-top:0 !important;
}


/* مساحة أسفل الموقع */
body{
    padding-bottom:132px !important;
}



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

@media(max-width:768px){

    .sticky-product-bar{
        height:auto !important;
        padding:9px 10px !important;

        grid-template-columns:1fr !important;
        grid-template-areas:
            "actions"
            "quantity" !important;

        gap:7px !important;
    }

    .sticky-product-bar::before,
    .sticky-product-bar >
    salla-add-product-button.sticky-product-bar__btn::after{
        display:none !important;
    }

    .sticky-product-bar__btn{
        width:100% !important;
    }

    .sticky-product-bar .s-add-product-button-main{
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
    }

    .sticky-product-bar__quantity{
        width:100% !important;
        justify-content:center !important;
    }

    .sticky-product-bar
    .s-add-product-button-main
    .s-button-element{
        height:42px !important;
        font-size:13px !important;
    }

    body{
        padding-bottom:115px !important;
    }
}
/* =========================================
   TOFI - STICKY BAR MASTER OVERRIDE
   لا تعدل الأكواد القديمة
   ========================================= */

.sticky-product-bar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    transform: none !important;

    width: 100% !important;
    max-width: none !important;
    height: 132px !important;
    min-height: 132px !important;

    margin: 0 !important;

    /* يخلي المحتوى بنفس عرض صفحة المنتج */
    padding: 15px max(25px, calc((100vw - 1180px) / 2)) !important;

    background: #FFF9F7 !important;
    border: 0 !important;
    border-top: 1px solid #EAD8D9 !important;
    border-radius: 0 !important;
    box-shadow: 0 -5px 20px rgba(63,47,51,.08) !important;

    z-index: 99999 !important;

    display: grid !important;
    grid-template-columns: 430px 155px minmax(300px, 1fr) !important;
    grid-template-areas: "actions qty info" !important;
    align-items: center !important;
    gap: 24px !important;

    direction: ltr !important;
}

/* اسم المنتج يمين */
.sticky-product-bar::before {
    content: "توفي بيوتي - سيروم تقوية الأظافر - 30 مل" !important;
    grid-area: info !important;

    position: static !important;
    display: block !important;

    color: #3F2F33 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    text-align: right !important;
    direction: rtl !important;

    padding: 0 0 27px !important;
    margin: 0 !important;
}

/* السعر تحت الاسم */
.sticky-product-bar > .sticky-product-bar__btn::after {
    content: attr(amount) " ر.س" !important;

    position: absolute !important;
    right: max(25px, calc((100vw - 1180px) / 2)) !important;
    top: 73px !important;

    color: #D98F9B !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    direction: rtl !important;
}

/* الكمية */
.sticky-product-bar__quantity {
    grid-area: qty !important;

    width: 155px !important;
    margin: 0 !important;

    align-self: center !important;
    justify-self: center !important;

    direction: rtl !important;
}

/* منطقة الشراء */
.sticky-product-bar__btn {
    grid-area: actions !important;

    width: 430px !important;
    max-width: 430px !important;
    margin: 0 !important;

    position: static !important;
}

/* أزرار الشراء */
.sticky-product-bar .s-add-product-button-main {
    width: 100% !important;
    margin: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

/* أضف للسلة */
.sticky-product-bar .s-add-product-button-main > salla-button {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    margin: 0 !important;
}

.sticky-product-bar .s-button-element {
    width: 100% !important;
    height: 46px !important;

    background: #3F2F33 !important;
    color: #fff !important;

    border: 1px solid #3F2F33 !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}

/* اشتري الآن */
.sticky-product-bar salla-mini-checkout-widget {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.sticky-product-bar .mt-5 {
    margin-top: 0 !important;
}

/* مساحة للشريط */
body {
    padding-bottom: 135px !important;
}


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

    .sticky-product-bar {
        height: auto !important;
        min-height: 0 !important;

        padding: 8px 10px !important;

        grid-template-columns: 1fr !important;
        grid-template-areas:
            "actions"
            "qty" !important;

        gap: 7px !important;
    }

    .sticky-product-bar::before,
    .sticky-product-bar > .sticky-product-bar__btn::after {
        display: none !important;
    }

    .sticky-product-bar__btn {
        width: 100% !important;
        max-width: none !important;
    }

    .sticky-product-bar__quantity {
        width: 100% !important;
    }

    body {
        padding-bottom: 115px !important;
    }
}
/* TOFI - FINAL STICKY POLISH */

.sticky-product-bar {
    height: 118px !important;
    min-height: 118px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.sticky-product-bar {
    grid-template-columns: 430px 145px minmax(300px, 1fr) !important;
    gap: 18px !important;
}

.sticky-product-bar .s-add-product-button-main {
    grid-template-columns: 0.85fr 1.15fr !important;
    gap: 10px !important;
}

.sticky-product-bar::before {
    padding-bottom: 22px !important;
}

.sticky-product-bar > .sticky-product-bar__btn::after {
    top: 65px !important;
}

body {
    padding-bottom: 122px !important;
}
/* ===============================
   TOFI - sticky bar price spacing fix
   =============================== */

.sticky-product-bar{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 16px 28px !important;
  flex-wrap: nowrap !important;
}

/* جزء اسم المنتج + السعر */
.sticky-product-bar .sticky-product-info,
.sticky-product-bar .product-info,
.sticky-product-bar [class*="product-info"],
.sticky-product-bar [class*="product-title"],
.sticky-product-bar [class*="product-name"]{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 260px !important;
  white-space: normal !important;
  text-align: right !important;
  margin: 0 !important;
}

/* السعر تحت الاسم مباشرة */
.sticky-product-bar .price,
.sticky-product-bar .product-price,
.sticky-product-bar [class*="price"]{
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* جزء الكمية */
.sticky-product-bar__quantity{
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* أزرار الشراء */
.sticky-product-bar .s-add-product-button-main{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.sticky-product-bar .s-add-product-button-main > *{
  margin: 0 !important;
}

/* زر أضف للسلة */
.sticky-product-bar .s-add-product-button-main salla-button,
.sticky-product-bar .s-add-product-button-main .s-button-wrap{
  min-width: 230px !important;
}

/* زر اشتري الآن */
.sticky-product-bar .s-add-product-button-main button[quick-buy]{
  min-width: 180px !important;
}

/* الجوال */
@media (max-width: 768px){
  .sticky-product-bar{
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 14px 16px !important;
  }

  .sticky-product-bar .sticky-product-info,
  .sticky-product-bar .product-info,
  .sticky-product-bar [class*="product-info"],
  .sticky-product-bar [class*="product-title"],
  .sticky-product-bar [class*="product-name"]{
    min-width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  .sticky-product-bar .s-add-product-button-main{
    width: 100% !important;
    flex-direction: column !important;
  }

  .sticky-product-bar .s-add-product-button-main salla-button,
  .sticky-product-bar .s-add-product-button-main .s-button-wrap,
  .sticky-product-bar .s-add-product-button-main button[quick-buy]{
    width: 100% !important;
    min-width: 100% !important;
  }
}

/* =========================================================
   TOFI BEAUTY - STICKY BAR MASTER RESET + FINAL
   ضع هذا الكود في آخر ملف CSS ولا تحذف الأكواد القديمة
   ========================================================= */


/* =======================
   DESKTOP - RESET + STYLE
   ======================= */

body .sticky-product-bar {
    /* إلغاء تأثير الأكواد القديمة */
    position: fixed !important;
    inset: auto 0 0 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    transform: none !important;

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

    height: 118px !important;
    min-height: 118px !important;

    margin: 0 !important;

    /* نفس عرض محتوى صفحة المنتج */
    padding:
        13px
        max(32px, calc((100vw - 1180px) / 2))
        !important;

    background: #FFF9F7 !important;

    border: 0 !important;
    border-top: 1px solid #EAD8D9 !important;

    border-radius: 0 !important;

    box-shadow:
        0 -5px 22px rgba(63, 47, 51, 0.08)
        !important;

    z-index: 99999 !important;

    /* إلغاء flex القديم نهائيًا */
    display: grid !important;
    flex-wrap: nowrap !important;

    grid-template-columns:
        430px
        145px
        minmax(300px, 1fr)
        !important;

    grid-template-areas:
        "actions quantity info"
        !important;

    align-items: center !important;
    justify-content: normal !important;

    column-gap: 22px !important;

    direction: ltr !important;
}


/* =======================
   اسم المنتج - اليمين
   ======================= */

body .sticky-product-bar::before {
    content: "توفي بيوتي - سيروم تقوية الأظافر - 30 مل" !important;

    grid-area: info !important;

    display: block !important;

    position: static !important;

    width: auto !important;
    max-width: 450px !important;

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

    justify-self: end !important;
    align-self: center !important;

    color: #3F2F33 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-align: right !important;
    direction: rtl !important;
}


/* =======================
   السعر تحت اسم المنتج
   ======================= */

body .sticky-product-bar >
salla-add-product-button.sticky-product-bar__btn {
    position: static !important;
}

body .sticky-product-bar >
salla-add-product-button.sticky-product-bar__btn::after {
    content: attr(amount) " ر.س" !important;

    display: block !important;

    position: absolute !important;

    right: max(32px, calc((100vw - 1180px) / 2)) !important;
    top: 69px !important;

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

    color: #D98F9B !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    direction: rtl !important;
}


/* =======================
   الكمية - الوسط
   ======================= */

body .sticky-product-bar__quantity {
    grid-area: quantity !important;

    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;

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

    justify-self: center !important;
    align-self: center !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    gap: 8px !important;

    direction: rtl !important;
}


/* =======================
   منطقة أزرار الشراء
   ======================= */

body .sticky-product-bar__btn {
    grid-area: actions !important;

    width: 430px !important;
    min-width: 0 !important;
    max-width: 430px !important;

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

    justify-self: start !important;
    align-self: center !important;
}


/* إلغاء أي flex-column قديم */
body .sticky-product-bar .s-add-product-button-main {
    width: 100% !important;

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

    display: grid !important;
    flex-direction: initial !important;

    grid-template-columns:
        0.85fr
        1.15fr
        !important;

    gap: 10px !important;

    align-items: stretch !important;
}


/* زر إضافة للسلة */
body .sticky-product-bar
.s-add-product-button-main > salla-button {
    grid-column: 2 !important;
    grid-row: 1 !important;

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

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


/* الزر الداخلي */
body .sticky-product-bar
.s-add-product-button-main
.s-button-element {
    width: 100% !important;

    height: 45px !important;
    min-height: 45px !important;

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

    background: #3F2F33 !important;
    color: #FFFFFF !important;

    border: 1px solid #3F2F33 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;
}


/* اشتري الآن / Apple Pay widget */
body .sticky-product-bar
salla-mini-checkout-widget {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

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

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


/* إلغاء هوامش الثيم القديمة */
body .sticky-product-bar .mt-5,
body .sticky-product-bar .mb-5 {
    margin: 0 !important;
}


/* حتى لا يغطي الشريط نهاية الصفحة */
body {
    padding-bottom: 122px !important;
}



/* =========================================================
   MOBILE - تصميم مستقل ونظيف
   ========================================================= */

@media (max-width: 768px) {

    body .sticky-product-bar {
        position: fixed !important;

        inset: auto 0 0 0 !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        transform: none !important;

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

        height: 67px !important;
        min-height: 67px !important;

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

        background: #FFF9F7 !important;

        border: 0 !important;
        border-top: 1px solid #EAD8D9 !important;

        border-radius: 0 !important;

        box-shadow:
            0 -4px 18px rgba(63,47,51,.10)
            !important;

        display: grid !important;

        /*
        على الجوال:
        أزرار الشراء تأخذ أغلب العرض
        والكمية بجانبها
        */
        grid-template-columns:
            minmax(0, 1fr)
            92px
            !important;

        grid-template-areas:
            "actions quantity"
            !important;

        align-items: center !important;
        gap: 7px !important;

        direction: ltr !important;
    }


    /* لا نكرر اسم المنتج والسعر بالجوال */
    body .sticky-product-bar::before,
    body .sticky-product-bar >
    salla-add-product-button.sticky-product-bar__btn::after {
        content: none !important;
        display: none !important;
    }


    /* الأزرار */
    body .sticky-product-bar__btn {
        grid-area: actions !important;

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

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

        justify-self: stretch !important;
    }


    body .sticky-product-bar
    .s-add-product-button-main {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            1.15fr
            0.85fr
            !important;

        gap: 6px !important;

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


    /* أضف للسلة */
    body .sticky-product-bar
    .s-add-product-button-main > salla-button {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    body .sticky-product-bar
    .s-add-product-button-main
    .s-button-element {
        width: 100% !important;

        height: 45px !important;
        min-height: 45px !important;

        padding: 0 6px !important;

        border-radius: 8px !important;

        font-size: 12px !important;
        font-weight: 700 !important;
    }


    /* اشتري الآن */
    body .sticky-product-bar
    salla-mini-checkout-widget {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: block !important;

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

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


    /* الكمية بجانب الأزرار وليس تحتها */
    body .sticky-product-bar__quantity {
        grid-area: quantity !important;

        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;

        height: 45px !important;

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

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

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

        gap: 3px !important;

        overflow: hidden !important;
    }


    body {
        padding-bottom: 70px !important;
    }
}
/* =====================================================
   TOFI - MOBILE STICKY BAR FINAL OVERRIDE
   يؤثر على الجوال فقط
   ===================================================== */

@media screen and (max-width: 768px) {

  html body .sticky-product-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;

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

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

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

    background: #FFF9F7 !important;
    border: 0 !important;
    border-top: 1px solid #F3DADD !important;
    border-radius: 0 !important;
    box-shadow: 0 -4px 16px rgba(63,47,51,.10) !important;

    z-index: 99999 !important;

    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    grid-template-areas: "qty actions" !important;
    gap: 7px !important;

    align-items: center !important;
    direction: ltr !important;
    overflow: hidden !important;
  }


  /* إلغاء الاسم والسعر المضافين للديسكتوب */
  html body .sticky-product-bar::before,
  html body .sticky-product-bar::after,
  html body .sticky-product-bar__btn::before,
  html body .sticky-product-bar__btn::after {
    display: none !important;
    content: none !important;
  }


  /* ======================
     الكمية
     ====================== */

  html body .sticky-product-bar__quantity {
    grid-area: qty !important;

    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;

    height: 46px !important;
    min-height: 46px !important;

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    gap: 2px !important;

    /* يخفي كلمة "الكمية" إذا كانت نص مباشر */
    font-size: 0 !important;

    overflow: hidden !important;
    direction: ltr !important;
  }

  /* نرجع حجم أرقام وأزرار العداد فقط */
  html body .sticky-product-bar__quantity button,
  html body .sticky-product-bar__quantity input,
  html body .sticky-product-bar__quantity span,
  html body .sticky-product-bar__quantity div {
    font-size: 15px !important;
  }

  html body .sticky-product-bar__quantity label {
    display: none !important;
  }

  html body .sticky-product-bar__quantity button {
    width: 29px !important;
    min-width: 29px !important;
    height: 40px !important;
    min-height: 40px !important;

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

    border-radius: 8px !important;
  }

  html body .sticky-product-bar__quantity input {
    width: 26px !important;
    min-width: 26px !important;
    height: 40px !important;

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

    text-align: center !important;
  }


  /* ======================
     منطقة الشراء
     ====================== */

  html body .sticky-product-bar__btn {
    grid-area: actions !important;

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

    height: 46px !important;

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

    position: static !important;
  }


  html body .sticky-product-bar .s-add-product-button-main {
    width: 100% !important;
    height: 46px !important;

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

    display: grid !important;
    grid-template-columns: 1.18fr .82fr !important;
    gap: 6px !important;

    align-items: stretch !important;
  }


  /* إضافة للسلة */
  html body .sticky-product-bar
  .s-add-product-button-main > salla-button {
    grid-column: 1 !important;
    grid-row: 1 !important;

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

    height: 46px !important;

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


  html body .sticky-product-bar
  .s-add-product-button-main .s-button-element {
    width: 100% !important;
    min-width: 0 !important;

    height: 46px !important;
    min-height: 46px !important;

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

    background: #3F2F33 !important;
    color: #fff !important;

    border: 1px solid #3F2F33 !important;
    border-radius: 9px !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    box-shadow: none !important;
  }


  /* اشتري الآن */
  html body .sticky-product-bar salla-mini-checkout-widget {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

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

    height: 46px !important;

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


  /* إزالة هوامش سلة */
  html body .sticky-product-bar .mt-5,
  html body .sticky-product-bar .mb-5 {
    margin: 0 !important;
  }


  /* مساحة أسفل الصفحة */
  html body {
    padding-bottom: 68px !important;
  }
}
/* =====================================================
   TOFI MOBILE - WAHATOIL STYLE
   ===================================================== */

@media screen and (max-width: 768px) {

    body .sticky-product-bar {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 126px !important;
        max-height: none !important;

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

        transform: none !important;

        background: #FFF9F7 !important;
        border: 0 !important;
        border-top: 1px solid #F3DADD !important;
        border-radius: 0 !important;

        box-shadow: 0 -4px 18px rgba(63,47,51,.10) !important;

        display: grid !important;

        /* الكمية فوق - الأزرار تحت */
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "quantity"
            "actions" !important;

        grid-template-rows: 50px 52px !important;

        gap: 7px !important;

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


    /* إخفاء اسم المنتج والسعر المكرر في الشريط */
    body .sticky-product-bar::before,
    body .sticky-product-bar__btn::after {
        content: none !important;
        display: none !important;
    }


    /* ===================================
       الكمية - سطر كامل مثل الواحات
       =================================== */

    body .sticky-product-bar__quantity {
        grid-area: quantity !important;

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

        height: 50px !important;

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

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 0 !important;

        background: #FFFFFF !important;

        border: 1px solid #EAD8D9 !important;
        border-radius: 9px !important;

        direction: ltr !important;
    }


    /* إخفاء كلمة الكمية */
    body .sticky-product-bar__quantity > label {
        display: none !important;
    }


    /* أزرار + و - */
    body .sticky-product-bar__quantity button {
        width: 48px !important;
        min-width: 48px !important;

        height: 48px !important;

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

        border: 0 !important;
        background: transparent !important;

        color: #D98F9B !important;

        font-size: 25px !important;

        border-radius: 0 !important;
    }


    /* رقم الكمية */
    body .sticky-product-bar__quantity input {
        flex: 1 1 auto !important;

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

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

        border: 0 !important;
        background: transparent !important;

        text-align: center !important;

        font-size: 18px !important;
        font-weight: 600 !important;

        color: #3F2F33 !important;
    }


    /* ===================================
       منطقة أزرار الشراء
       =================================== */

    body .sticky-product-bar__btn {
        grid-area: actions !important;

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

        height: 52px !important;

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

        position: static !important;
    }


    body .sticky-product-bar .s-add-product-button-main {
        width: 100% !important;
        height: 52px !important;

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

        display: grid !important;

        /*
          إضافة للسلة + mini checkout
          والـ widget يتولى Apple Pay إذا كان متاح
        */
        grid-template-columns: 1fr 1fr !important;

        gap: 7px !important;

        align-items: stretch !important;
    }


    /* إضافة للسلة */
    body .sticky-product-bar
    .s-add-product-button-main > salla-button {

        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        height: 52px !important;

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


    body .sticky-product-bar
    .s-add-product-button-main
    .s-button-element {

        width: 100% !important;

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

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

        background: #3F2F33 !important;
        color: #FFFFFF !important;

        border: 1px solid #3F2F33 !important;
        border-radius: 8px !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        box-shadow: none !important;
    }


    /* اشتري الآن / Apple Pay */
    body .sticky-product-bar salla-mini-checkout-widget {

        grid-column: 2 !important;
        grid-row: 1 !important;

        display: block !important;

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

        height: 52px !important;

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


    body .sticky-product-bar .mt-5,
    body .sticky-product-bar .mb-5 {
        margin: 0 !important;
    }


    body {
        padding-bottom: 130px !important;
    }
}
/* ==================================================
   TOFI - HIDE DUPLICATE PRODUCT DESCRIPTION
   إبقاء الوصف فقط داخل قسم التفاصيل
   ================================================== */

/* إخفاء الوصف/الإنفوجرافيك المباشر داخل معلومات المنتج */
main#main-content [id^="product-"]
.main-content > div > .product__description {
    display: none !important;
}

/* إخفاء زر قراءة المزيد التابع للنسخة المباشرة */
main#main-content [id^="product-"]
.main-content > div > .product__description + #btn-show-more {
    display: none !important;

/* =========================================
   TOFI - PRODUCT TABS LIKE REFERENCE
   ========================================= */

.main-content #product-tabs {
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
}

/* رأس التبويبات */
.main-content #product-tabs .tabs-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 8px !important;

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

/* الأزرار */
.main-content #product-tabs .tab-trigger .s-button-element {
    min-width: 140px !important;
    height: 46px !important;

    padding: 0 20px !important;

    border-radius: 8px 8px 0 0 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}

/* التبويب النشط */
.main-content #product-tabs .tab-trigger.is-active .s-button-element {
    background: #3F2F33 !important;
    border-color: #3F2F33 !important;
    color: #FFFFFF !important;
}

/* التبويب غير النشط */
.main-content #product-tabs .tab-trigger:not(.is-active) .s-button-element {
    background: #FFFFFF !important;
    color: #3F2F33 !important;
    border: 1px solid #EAD8D9 !important;
}

/* محتوى التفاصيل */
.main-content #product-tabs .tabs-wrapper {
    width: 100% !important;
    margin: 0 !important;
}

/* الصورة الطويلة داخل التفاصيل */
.main-content #product-tabs .tabs-wrapper img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;
}

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

    .main-content #product-tabs {
        margin-top: 18px !important;
    }

    .main-content #product-tabs .tabs-header {
        width: 100% !important;
        gap: 5px !important;
    }

    .main-content #product-tabs .tab-trigger {
        flex: 1 1 50% !important;
    }

    .main-content #product-tabs .tab-trigger .s-button-element {
        width: 100% !important;
        min-width: 0 !important;
        height: 43px !important;

        padding: 0 8px !important;

        font-size: 14px !important;
    }
}
  /* TOFI - spacing before product tabs */

.main-content #product-tabs {
    margin-top: 38px !important;
}

/* الجوال */
@media (max-width: 768px) {
    .main-content #product-tabs {
        margin-top: 26px !important;
    }
}
  /* TOFI - FORCE PRODUCT TABS DOWN */

body main#main-content #product-tabs {
    position: relative !important;
    top: 35px !important;
    margin-top: 0 !important;
    margin-bottom: 35px !important;
}

/* الجوال */
@media (max-width: 768px) {
    body main#main-content #product-tabs {
        top: 22px !important;
        margin-bottom: 22px !important;
    }
}
  /* =========================================
   TOFI - TABS DIRECTLY ABOVE DETAILS IMAGE
   ========================================= */

body main#main-content #product-tabs {
    position: relative !important;
    top: 0 !important;

    margin-top: 20px !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
}

/* أزرار التفاصيل والتقييمات */
body main#main-content #product-tabs .tabs-header {
    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    z-index: 2 !important;
}

/* محتوى التفاصيل مباشرة تحت الأزرار */
body main#main-content #product-tabs .tabs-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي فراغ من أول عنصر داخل التفاصيل */
body main#main-content #product-tabs .tabs-wrapper > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة فراغات الصورة نفسها */
body main#main-content #product-tabs .tabs-wrapper p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body main#main-content #product-tabs .tabs-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;

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

/* الجوال */
@media (max-width: 768px) {
    body main#main-content #product-tabs {
        margin-top: 16px !important;
        margin-bottom: 0 !important;
        top: 0 !important;
    }
}
  /* =========================================
   TOFI - TABS + INFOGRAPHIC SPACING FIX
   ========================================= */

/* نزّل أزرار التفاصيل والتقييمات قليلًا */
body main#main-content #product-tabs .tabs-header {
    position: relative !important;
    transform: translateY(14px) !important;
    z-index: 5 !important;
}

/* إلغاء الفراغ الكبير فوق الإنفوجرافيك */
body main#main-content #product-tabs #product_description {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* إلغاء أي فراغ داخل المقال */
body main#main-content #product-tabs #product_description article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* الفقرة التي تحتوي الصورة */
body main#main-content #product-tabs #product_description article p {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* الإنفوجرافيك */
body main#main-content #product-tabs #product_description img {
    display: block !important;
    margin-top: 0 !important;
    width: 100% !important;
    height: auto !important;
}

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

    body main#main-content #product-tabs .tabs-header {
        transform: translateY(8px) !important;
    }

    body main#main-content #product-tabs #product_description {
        padding-top: 12px !important;
    }
}
  /* =================================================
   TOFI - FORCE TABS & INFOGRAPHIC POSITION
   ================================================= */

/* نزّل زري تفاصيل المنتج / تقييم المنتج */
#product-tabs > .tabs-header {
    position: relative !important;
    top: 22px !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* ارفع كامل محتوى التفاصيل */
#product-tabs .tabs-wrapper {
    position: relative !important;
    top: -28px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* إلغاء المساحة التي يضعها الثيم */
#product-tabs-1 #product_description {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* المقال */
#product-tabs-1 #product_description article,
#product-tabs-1 #product_description p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* الصورة */
#product-tabs-1 #product_description img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تعويض الحركة حتى ما يترك فراغ تحت القسم */
#product-tabs {
    margin-bottom: -28px !important;
}


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

    #product-tabs > .tabs-header {
        top: 14px !important;
    }

    #product-tabs .tabs-wrapper {
        top: -18px !important;
    }

    #product-tabs {
        margin-bottom: -18px !important;
    }
}
  /* =========================================================
   TOFI PRODUCT PAGE - COMPACT LAYOUT 2026
   تقليل المسافات والخطوط مثل متجر الواحات
   ========================================================= */


/* ---------------------------------------------------------
   1) إخفاء شريط مسار الصفحة الوردي بالكامل
   --------------------------------------------------------- */

body:has(#product-tabs) nav.breadcrumbs {
    display: none !important;
}


/* ---------------------------------------------------------
   2) تصغير الهيدر في صفحة المنتج
   --------------------------------------------------------- */

body:has(#product-tabs) header.store-header .main-nav-container {
    min-height: 72px !important;
    height: auto !important;
}

body:has(#product-tabs) header.store-header .container {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

body:has(#product-tabs) header.store-header .navbar-brand img {
    width: auto !important;
    max-width: 110px !important;
    max-height: 52px !important;
}


/* ---------------------------------------------------------
   3) عرض الصفحة مثل الواحات
   --------------------------------------------------------- */

body:has(#product-tabs) main#main-content > .container {
    max-width: 1180px !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   4) تقليل المسافات في منطقة المنتج
   --------------------------------------------------------- */

body:has(#product-tabs)
main#main-content [id^="product-"] {
    padding-top: 20px !important;

    gap: 28px !important;

    align-items: flex-start !important;
}


/* عمود المعلومات */
body:has(#product-tabs)
main#main-content .main-content {
    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   5) تصغير اسم المنتج
   --------------------------------------------------------- */

body:has(#product-tabs)
main#main-content .main-content h1 {
    font-size: 27px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    margin-top: 0 !important;
    margin-bottom: 10px !important;
}


/* ---------------------------------------------------------
   6) تقليل المسافات بين عناصر معلومات المنتج
   --------------------------------------------------------- */

body:has(#product-tabs)
main#main-content .main-content > div {
    gap: 10px !important;
}

body:has(#product-tabs)
main#main-content .main-content form {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}


/* ---------------------------------------------------------
   7) خيارات المنتج
   --------------------------------------------------------- */

body:has(#product-tabs)
main#main-content salla-product-options {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}


/* ---------------------------------------------------------
   8) تفاصيل المنتج والتقييمات
   --------------------------------------------------------- */

body:has(#product-tabs) #product-tabs {
    margin-top: 18px !important;
}

body:has(#product-tabs) #product-tabs .tabs-header {
    gap: 6px !important;
}

body:has(#product-tabs)
#product-tabs .tab-trigger .s-button-element {
    min-width: 120px !important;
    height: 42px !important;

    padding: 0 16px !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


/* محتوى التفاصيل */
body:has(#product-tabs) #product_description {
    padding-top: 4px !important;
    padding-bottom: 0 !important;
}


/* ---------------------------------------------------------
   9) تقليل الزوايا الكبيرة قليلًا
   --------------------------------------------------------- */

body:has(#product-tabs)
main#main-content .sidebar img {
    border-radius: 18px !important;
}


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

@media screen and (max-width: 768px) {

    /* إخفاء Breadcrumb أيضًا */
    body:has(#product-tabs) nav.breadcrumbs {
        display: none !important;
    }


    /* هيدر أصغر */
    body:has(#product-tabs) header.store-header .main-nav-container {
        min-height: 60px !important;
    }

    body:has(#product-tabs) header.store-header .container {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    body:has(#product-tabs) header.store-header .navbar-brand img {
        max-width: 82px !important;
        max-height: 42px !important;
    }


    /* حواف الصفحة */
    body:has(#product-tabs) main#main-content > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* المسافة حول المنتج */
    body:has(#product-tabs)
    main#main-content [id^="product-"] {
        padding-top: 10px !important;
        gap: 14px !important;
    }


    /* اسم المنتج */
    body:has(#product-tabs)
    main#main-content .main-content h1 {
        font-size: 20px !important;
        line-height: 1.45 !important;

        margin-bottom: 7px !important;
    }


    /* النصوص العامة */
    body:has(#product-tabs)
    main#main-content .main-content {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    /* التبويبات */
    body:has(#product-tabs)
    #product-tabs .tab-trigger .s-button-element {
        height: 40px !important;
        min-width: 0 !important;

        padding: 0 10px !important;

        font-size: 13px !important;
    }
}
  /* =====================================================
   TOFI - MOBILE STICKY BAR CLEAN POLISH
   تنسيق فقط - بدون العبث بـ Apple Pay
   ===================================================== */

@media screen and (max-width: 768px) {

    /* الشريط كامل */
    section.sticky-product-bar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 8px 14px calc(9px + env(safe-area-inset-bottom)) !important;

        background: #FFF9F7 !important;

        border: 0 !important;
        border-top: 1px solid #EAD8D9 !important;

        border-radius: 0 !important;

        box-shadow: 0 -4px 18px rgba(63,47,51,.08) !important;

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


    /* =========================
       الكمية
       ========================= */

    section.sticky-product-bar
    .sticky-product-bar__quantity {
        width: 100% !important;
        height: 45px !important;
        min-height: 45px !important;

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

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        background: #FFFFFF !important;

        border: 1px solid #E2D6D8 !important;
        border-radius: 9px !important;

        box-sizing: border-box !important;
        direction: ltr !important;
    }


    /* إخفاء كلمة الكمية إن ظهرت */
    section.sticky-product-bar
    .sticky-product-bar__quantity > label {
        display: none !important;
    }


    /* + و - */
    section.sticky-product-bar
    .sticky-product-bar__quantity button {
        width: 44px !important;
        min-width: 44px !important;

        height: 43px !important;

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

        border: 0 !important;
        background: transparent !important;

        color: #D98F9B !important;

        font-size: 25px !important;
        font-weight: 400 !important;
    }


    /* الرقم */
    section.sticky-product-bar
    .sticky-product-bar__quantity input {
        flex: 1 1 auto !important;

        width: auto !important;
        height: 43px !important;

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

        border: 0 !important;
        background: transparent !important;

        text-align: center !important;

        color: #3F2F33 !important;

        font-size: 18px !important;
        font-weight: 500 !important;
    }


    /* =========================
       صف الشراء
       ========================= */

    section.sticky-product-bar
    .s-add-product-button-main {
        width: 100% !important;

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

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;

        gap: 8px !important;

        overflow: visible !important;
    }


    /* اشتري الآن / Fast Checkout */
    section.sticky-product-bar
    salla-mini-checkout-widget {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

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

        overflow: visible !important;

        --salla-fast-checkout-button-height: 48px;
        --salla-fast-checkout-button-border-radius: 9px;
    }


    /* زر السلة */
    section.sticky-product-bar
    .s-add-product-button-main > salla-button {
        flex: 0 0 31% !important;

        width: 31% !important;
        min-width: 82px !important;

        height: 48px !important;

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


    section.sticky-product-bar
    .s-add-product-button-main > salla-button
    .s-button-element {
        width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;

        border-radius: 9px !important;

        background: #3F2F33 !important;
        border-color: #3F2F33 !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        box-shadow: none !important;
    }


    /* تنظيف هوامش سلة */
    section.sticky-product-bar .mt-5,
    section.sticky-product-bar .mb-5 {
        margin: 0 !important;
    }


    /* حتى لا يغطي الشريط نهاية الصفحة */
    body {
        padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
    }
}
  /* TOFI - Home showcase add to cart button fix */

.tofi-showcase-actions .tofi-add-slot {
    width: 100% !important;
    height: 50px !important;
}

.tofi-showcase-actions .tofi-add-slot salla-add-product-button {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
}

.tofi-showcase-actions .tofi-add-slot salla-button {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
}

.tofi-showcase-actions .tofi-add-slot .s-button-element {
    width: 100% !important;
    min-width: 100% !important;

    height: 50px !important;
    min-height: 50px !important;

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

    border-radius: 8px !important;

    background: #D98F9B !important;
    border-color: #D98F9B !important;

    color: #FFFFFF !important;

    font-size: 14px !important;
    font-weight: 700 !important;

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

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

    .tofi-showcase-actions .tofi-add-slot,
    .tofi-showcase-actions .tofi-add-slot salla-add-product-button,
    .tofi-showcase-actions .tofi-add-slot salla-button,
    .tofi-showcase-actions .tofi-add-slot .s-button-element {
        height: 48px !important;
        min-height: 48px !important;
    }

    .tofi-showcase-actions .tofi-add-slot .s-button-element {
        font-size: 13px !important;
    }
}
  /* TOFI - تغيير خلفية المتجر */
html,
body,
#app,
main#main-content {
    background-color: #EEDFD5 !important;
}
  /* توحيد خلفيات أقسام المتجر */
main#main-content > section,
.s-block,
.s-block--container {
    background-color: #EEDFD5 !important;
}