/* استبدال أيقونة السلة بأيقونة shopping-bag (Whiteboard Style) */
.sicon-cart:before,
.header-row .circle-action .sicon-cart:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 512 512"><path d="M80 160l48 272h256l48-272H80z"/><path d="M160 160V128c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32"/></svg>') no-repeat center / contain;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="black" stroke-width="32" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 512 512"><path d="M80 160l48 272h256l48-272H80z"/><path d="M160 160V128c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32"/></svg>') no-repeat center / contain;
    vertical-align: middle;
    font-size: 0 !important;
}
---------------------------
/* تحريك العداد بعيد عن الأيقونة */
.s-cart-summary-count {
      transform: translate(50px, -2px); /* غيّر القيم حسب ما تحب */
}

.advanced-slider.auto-height  {
  min-height: calc(100vw * 1.5);
}

.advanced-slider.auto-height salla-slider[static-when-single]:not(.hydrated) {
  min-height: calc(100vw * 1.5);
}

.advanced-slider.auto-height salla-slider[static-when-single]:not(.hydrated) .advanced-slider__slide {
  min-height: calc(100vw * 1.5);
}
.advanced-slider salla-slider[static-when-single] .advanced-slider__caption {
  align-items: initial !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: auto !important;
}

---------------------------
/* كود تنظيف وتوحيد زر إضافة للسلة - نسخة سويغو */
.s-button-wrap, .s-button-element {
    /* تصفير أي مساحات زائدة */
    padding: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    width: 100% !important;
}

.s-button-element.s-button-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important; /* زوايا متوسطة مثل سويغو */
    height: 44px !important;        /* ارتفاع متناسق */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* تنظيف محتوى الزر الداخلي (النص والأيقونات) */
.s-button-text, 
.product-card__enhanced-mini-cart__btn--inner,
.enhanced-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important; /* حجم الخط */
    font-weight: 500 !important;
    line-height: 1 !important;
}

/* حذف أي أيقونة (سواء كانت سلة أو علامة زائد) */
.s-button-element i, 
.sicon-add, 
.sicon-shopping,
.enhanced-icon {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
}

/* لضمان عدم ظهور أي لون خلفية شفاف عند التمرير */
.s-button-element:hover {
    background-color: #000000 !important;
    opacity: 0.85;
}

------

/* إخفاء الخط أسفل العناوين الرئيسية بالملي */
.home-block-title div.border-primary {
    display: none !important;
    border: none !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* زيادة التأكيد لاستهداف الكلاسات المذكورة في كودك */
.my-2.mx-auto.w-28.h-0.border-2.border-primary {
    display: none !important;
}

------

/* 1. ضبط الحاوية الخارجية عشان ما تمط الزر */
span.absolute.top-1\.5.rtl\:left-1\.5 {
    width: 30px !important;
    height: 30px !important;
    left: 15px !important;
    top: 15px !important;
    display: flex !important;
}

/* 2. ضبط الزر نفسه (الدائرة الحمراء) */
.btn--delete.s-button-element {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    border-radius: 50% !important; /* يخليه دائرة */
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f44336 !important;
    line-height: 0 !important; /* عشان ما يرفع الأكس لفوق */
}

/* 3. ضبط الأيقونة (الأكس) في النص */
.btn--delete.s-button-element .s-button-text, 
.btn--delete.s-button-element i {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 14px !important; /* صغرت الحجم شوي عشان يركز */
}

/* 4. إلغاء أي تأثيرات تمط الزر من "سلة" */
salla-button[shape="icon"] {
    width: 30px !important;
}
-------

/* إزالة الإطارات والظلال والخلفيات من قسم المميزات */
.product-features-item {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* إزالة أي خطوط فاصلة قد تكون مبرمجة في نظام الشبكة */
.grid.grid-cols-3.gap-2 {
    gap: 15px !important; /* تقدر تتحكم بالمسافة بين المميزات من هنا */
}

------

/* 1. حذف الإطار الرصاصي المنقط (Dashed) */
.selia-discount-code-section {
    border: none !important;
    background-color: transparent !important; /* اختياري: لو تبي تشيل الخلفية الرمادية الفاتحة كمان */
}

/* 2. تكبير زر النسخ وتعديل مظهره */
.selia-discount-code-section salla-button.s-button-wrap {
    width: 100% !important; /* يخلي الزر ياخذ عرض المساحة المتاحة */
    max-width: 120px !important; /* حد أقصى للعرض عشان ما يفرش زيادة */
}

.selia-discount-code-section .s-button-element {
    height: 45px !important; /* تكبير ارتفاع الزر */
    padding: 0 20px !important; /* زيادة المساحة داخل الزر */
    font-size: 16px !important; /* تكبير الخط */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* مسافة بين أيقونة النسخ وكلمة نسخ */
}

/* 3. تصحيح شكل الأيقونة والنص داخل الزر */
.selia-discount-code-section .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.selia-discount-code-section i.copy-icon {
    font-size: 18px !important; /* تكبير الأيقونة */
    margin-left: 5px !important; /* مسافة بسيطة من النص العربي */
}

--------