/* Add custom CSS styles below */ 
/* جعل كرت المنتج شفاف */
custom-salla-product-card,
.s-product-card-entry,
.s-product-card-vertical,
.s-product-card-content {
  background: transparent !important;
}

/* لو فيه ظل */
custom-salla-product-card {
  box-shadow: none !important;
}
/* تدوير حواف صورة المنتج */
.s-product-card-image,
.s-product-card-image a,
.s-product-card-image img {
  border-radius: 20px !important;
  overflow: hidden;
}
/* فرض لون عنوان المنتج والسعر */
.s-product-card-content-title a,
.s-product-card-price,
.s-product-card-price i {
  color: #b69785 !important;
}
custom-salla-product-card 
button.s-button-element:hover {
  background-color: #b69785 !important;
  color: #fff !important;
}

/* تدوير حواف الهيدر لجميع المقاسات */
.bg_header {
  border-radius: 48px !important;
  overflow: hidden;
}

.bg_header {
    border-radius: 40px !important;
    overflow: hidden;
}
salla-user-menu {
    display: none !important;
}


footer {
    position: relative !important;
}

/* تغيير لون البريكرامب */
.s-breadcrumb-wrapper,
.s-breadcrumb-wrapper a,
.s-breadcrumb-wrapper li,
.s-breadcrumb-wrapper svg {
    color: #b59884 !important;
    fill: #b59884 !important;
}
/* تغيير لون عنوان المنتج */
h1.text-xl {
    color: #b59884 !important;
}
/* تغيير لون وصف المنتج */
.product__description,
.product__description p,
.product__description article {
    color: #b59884 !important;
}
/* جعل السعر أبيض */
h2.text-xl,
h2.text-xl i {
    color: #ffffff !important;
}

/* تغيير خلفية بلوك السعر */
section.flex.bg-white.rounded-md.rounded-b-none {
    background-color: #4e2525 !important;
}
/* إزالة الخلفية البيضاء وجعلها شفافة */
.sticky-product-bar,
.sticky-product-bar.bg-white {
    background: transparent !important;
    background-color: transparent !important;
}

/* زر Add to cart الأساسي */
.s-add-product-button-main .s-button-primary {
    background-color: #b59884 !important;
    border-color: #b59884 !important;
    color: #ffffff !important;
}
:root {
    --color-primary: #b59884 !important;
    --color-primary-dark: #a68473 !important;
}
/* جعل كلمة Price باللون الأبيض */
label .block {
    color: #ffffff !important;
}
/* جعل كلمة Quantity باللون الأبيض */
label.form-label {
    color: #ffffff !important;
}

/* تغيير لون عنوان Products you may like */
h2 {
    color: #b59884 !important;
}

body {
    background-color: #4e2525 !important;
}

@media (min-width:1024px){
    .no-content-placeholder {
        margin-left: 250px !important;
    }
}
a[href*="/admin"],
a[href*="edit"],
.edit-product,
.salla-edit-product,
[data-edit-product] {
    display: none !important;
}

document.addEventListener("DOMContentLoaded", function () {
    const qtyInput = document.querySelector('.s-quantity-input-input');
    if (qtyInput) {
        qtyInput.setAttribute('max', '1000');
    }
});


#mainnav {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}
body {
    padding-top: 120px;
}

#product-filter,
#product-filter option,
label[for="product-filter"] {
    color: #b59884 !important;
}

.s-social-list::before {
    content: "Follow us ";
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #b59884;
    font-size: 16px;
}

/* النسخة العربية */
html[lang="ar"] .s-social-list::before {
    content: "تابعونا";
}
<salla-comment-form>
<salla-reviews-summary>

/* جعل خلفية قسم التعليقات شفافة */

.s-comments,
.s-comments-product,
.s-comments-container,
.s-comment-form-wrapper,
.s-comment-form-content {
    background: transparent !important;
    background-color: transparent !important;
}

/* جعل خلفية خيارات المنتج شفافة */
.s-product-options-wrapper,
.s-product-options-option,
.s-product-options-option-content,
.s-product-options-option-container {
    background: transparent !important;
    background-color: transparent !important;
}

/* تغيير لون النصوص */
.s-product-options-wrapper,
.s-product-options-option-label,
.s-product-options-option-label b,
.s-product-options-option-label small,
.s-product-options-option-label span,
.s-product-options-wrapper select,
.s-product-options-wrapper option {
    color: #b59884 !important;
}

/* تنسيق الـ select نفسه */
.s-product-options-wrapper .s-form-control {
    background: transparent !important;
    border-color: #b59884 !important;
    color: #b59884 !important;
}

/* لون النص داخل السهم (بعض الثيمات تحتاج هذا) */
.s-product-options-wrapper select:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px #b59884 !important;
}

/* جعل قسم التعليقات شفاف بالكامل */
.s-comments,
.s-comments-product,
.s-comments-container,
.s-comment-form-wrapper,
.s-comment-form-content,
.salla-reviews-summary,
.s-comment-form-input {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

#second_title {
    border: 2px solid #ba9987;
    border-radius: 20px;
    padding: 10px 28px;
    display: inline-block;
}

#second_title {
    border: 2px solid #ba9987;
    border-radius: 20px;
    padding: 10px 28px;
    display: inline-block;
    margin-bottom: 150px; /* المسافة تحت */
}
#second_title {
    border: 2px solid #ba9987;
    border-radius: 14px;
    padding: 10px 28px;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 18px; /* صغرناه */
}

/* تغيير جميع نصوص قسم التعليقات */
.s-comments-container,
.s-comments-container * {
    color: #ba9987 !important;
}

.tab-trigger.s-button-element {
    background: transparent !important;
    border: 2px solid #ba9987 !important;
    color: #ba9987 !important;
}

/* إخفاء قسم اطلبها مجدداً */
#reorder-section {
    display: none !important;
}

.image_with_text {
    margin-bottom: 100px !important;
}

/* إلغاء أي ارتفاع ثابت */
.image_with_text #total_color {
    height: auto !important;
    min-height: auto !important;
}

/* خَلِّ الصورة هي اللي تحدد الارتفاع */
.image_with_text img {
    height: auto !important;
    width: 100% !important;
    object-fit: cover;
}

/* ألغِ h-full لو موجود */
.image_with_text .h-full {
    height: auto !important;
}
/* إلغاء الارتفاع الثابت للصورة */
.offers_banner img {
    height: auto !important;
}

/* تأكد أن الحاوية ما عندها ارتفاع ثابت */
.offers_banner .relative {
    height: auto !important;
}

/* إذا لغة الموقع إنجليزي */
html[lang="en"] #colortxt {
    text-align: left !important;
}

html[lang="en"] #colortxt .mx-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}


/* توحيد لون خلفية البلوك مع لون الصفحة */
#total_color {
    background-color: #4e2525 !important;
}

/* إزالة أي ظل قد يسبب تباين */
#total_color {
    box-shadow: none !important;
}

@media (max-width:768px){

  /* إلغاء grid نهائياً في الجوال */
  #total_color{
    display: flex !important;
    flex-direction: column !important;
  }

  /* العنوان العلوي */
  #total_color > h2{
    order: 1 !important;
  }

  /* بلوك النص */
  #colortxt{
    order: 2 !important;
  }

  /* الصورة */
  #total_color > div:nth-of-type(1){
    order: 3 !important;
  }

}
@media (max-width:768px){

  #colortxt{
    position: relative !important;
    z-index: 2 !important;
  }

}

@media (max-width:768px){

  /* اجعل ارتفاع الصورة تلقائي */
  #total_color > div:nth-of-type(1){
      height: auto !important;
  }

  /* أظهر الصورة كاملة */
  #total_color img{
      height: auto !important;
      object-fit: contain !important;
  }