/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
body.products_is_rounded .product-entry .product_addCart_mob button{
  border-radius: 15px !important;
  margin-bottom: 8px;
}
.bg-\[var\(--footer-bg\)\] {
    background-color:#f9f7f4;
}
.product_page .details-slider-wrapper {
    padding: 0;
}

.product-entry-btns_hover .product_addCart_mob button {
    background-color: #4c695f;
    border-radius: 0;
    border-style: none;
    font-size: 12px;
    padding-bottom: .25rem;
    padding-top: .25rem;
    top: 3px;
    --tw-text-opacity: 1;
    color: #f3d78d;
}

@media (max-width: 768px) {
  .saji-hero, .hero, .elementor-section.elementor-top-section {
    min-height: auto !important;
    height: 200px !important;
    padding: 10px 15px !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .saji-hero h1, .hero h1, .elementor-section h1 {
    font-size: 18px !important;
    margin: 0 !important;
  }

  .saji-hero p, .hero p, .elementor-section p {
    font-size: 14px !important;
    margin: 0 !important;
  }

  .saji-hero a.button, .hero a.button {
    font-size: 13px !important;
    padding: 5px 10px !important;
  }
}
.product-entry .btn--wishlist button {
    border-style: none;
    bottom: 0;
    height: 30px;
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    font-size: 0;
    --tw-text-opacity: 1;
    color: #0e0f0f;
    color: #eaba38;
}
.product-entry .product-popup-trigger {
    align-items: center;
    border-radius: 9999px;
    border-style: none;
    bottom: 0;
    display: flex
;
    height: 30px;
    justify-content: center;
    left: 0;
    margin: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 30px;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: #0e0f0f;
    color: rgb(233 186 57);
    transition-delay: .1s;
}

.s-block__title .center-side:after {
    bottom: -15px;
    height: 8px;
    left: 50%;
    position: absolute;
    width: 60px;
    --tw-translate-x: -50%;
    background-color: #3e6356;
    /* background-color: var(--color-primary); */
    transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}

.style attribute {
    background-color: #4d6b60;
    color: #ffffff;
}

.text-\[var\(--footer-color\)\] {
    color: #111827;
}

.fill-\[var\(--footer-bg\)\] {
    fill: #4c695f;
}




/* بطاقة خيارات المنتج – رفة */
:root{
  --rf-card-border:#D8DDE2;   /* لون الإطار */
  --rf-card-bg:#F6F7F8;       /* خلفية فاتحة */
  --rf-label:#2F3A45;         /* لون العناوين */
  --rf-field:#CFD4D9;         /* حدود الحقول */
}

.rf-options-card{
  border:2px solid var(--rf-card-border);
  background:var(--rf-card-bg);
  border-radius:0;            /* زوايا مربعة */
  padding:18px;
  margin:18px 0;
}

.rf-options-card .rf-title{
  font-weight:800;
  font-size:16px;
  margin-bottom:12px;
  color:var(--rf-label);
}

/* مسافات بين مجموعات الحقول */
.rf-options-card .rf-group{
  margin-bottom:16px;
}

/* تسميات الحقول */
.rf-options-card .rf-group label{
  display:block;
  font-weight:700;
  font-size:15px;
  margin-bottom:8px;
  color:var(--rf-label);
}

/* الحقول (select / input / textarea) */
.rf-options-card select,
.rf-options-card textarea,
.rf-options-card input[type="text"],
.rf-options-card input[type="number"]{
  width:100%;
  padding:12px 10px;
  border:1px solid var(--rf-field);
  border-radius:8px;
  background:#fff;
  outline:none;
}

.rf-options-card textarea{ min-height:120px; resize:vertical; }

/* توحيد هوامش عناصر سلة الشائعة */
.rf-options-card .form-group,
.rf-options-card .sui-form__group,
.rf-options-card .product-options__item{
  margin:0; /* منمنع تباعد مزدوج */
}

/* استجابة */
@media (min-width:768px){
  .rf-options-card{ padding:22px; }
}