/* =========================
   REVIEWS INFINITE LOOP
   ========================= */

.mc-reviews {
  max-width: 760px;
  margin: 34px auto 0;
  overflow: hidden;
}

.mc-stars-top {
  margin-bottom: 5px;
  color: #e1c06b;
  font-size: 12px;
  direction: ltr;
}

.mc-reviews-title {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.mc-reviews-subtitle {
  margin: 5px 0 18px;
  color: #777;
  font-size: 12px;
}

.mc-reviews-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  direction: ltr;

  /* اختفاء ناعم من الأطراف */
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 6%,
      #000 94%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 6%,
      #000 94%,
      transparent 100%
    );
}

.mc-reviews-track {
  display: flex;
  width: max-content;
  gap: 10px;

  transform: translate3d(0,0,0);
  will-change: transform;
}

.mc-reviews-set {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
}

.mc-review {
  flex: 0 0 230px;

  min-height: 125px;

  padding: 15px;

  direction: rtl;
  text-align: right;

  border:
    1px solid rgba(225,192,107,.16);

  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      rgba(20,18,12,.97),
      rgba(8,7,6,.97)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 10px 30px rgba(0,0,0,.18);
}

.mc-review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  margin-bottom: 11px;
}

.mc-review-name {
  color: #fff;

  font-size: 13px;
  font-weight: 700;
}

.mc-review-stars {
  margin-top: 2px;

  color: #e1c06b;

  font-size: 11px;

  direction: ltr;
}

.mc-verified {
  white-space: nowrap;

  color: #72b888;

  font-size: 10px;
  font-weight: 700;
}

.mc-review-text {
  margin: 0;

  color: #ccc;

  font-size: 12px;
  line-height: 1.9;
}

@media (max-width:600px) {

  .mc-review {
    flex-basis: 215px;
  }

}

/* =========================
   ألوان المتجر — ذهبي أغمق
   ========================= */
:root{
  --mc-gold:#c9a24e;
  --mc-gold-hi:#dcbb6c;
  --mc-gold-lo:#9a7430;
  --dm-bg-sec:#c9a24e;
  --dm-menus-text:#cfa853;
  --dm-global-animated-ads-bg-color:#c9a24e;
  --p-border-color:#c9a24e;
  --color-primary:#c9a24e;
  --color-primary-dark:#a8822f;
  --color-primary-light:#dcbb6c;
  --color-primary-reverse:#030200;
}

/* =========================
   خلفية النجوم
   ========================= */
html{background:#030200}
body{background:transparent!important}
#mc-stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* الأقسام شفافة عشان تبين النجوم */
.store-header,#mainnav,#mainnav .inner,.store-footer,.store-footer__inner{background-color:rgba(3,2,0,.82)!important}
.mc-section{background:transparent!important}

/* كروت المنتجات صلبة — النجوم ما تطلع عليها */
custom-salla-product-card,.product-block,.s-product-card-entry{background-color:#0a0805!important;position:relative;isolation:isolate}
/* متغيرات الثيم الذهبية (أزرار السلة، الشارات، الشريط السفلي، حدود الكروت) */
html.dark #app,html #app,#app{
  --gradient-first:#c9a24e!important;
  --gradient-second:#d4b05e!important;
  --badge-bg-color:#c9a24e!important;
  --atc-bg-color:#c9a24e!important;
  --atc-border-color:#c9a24e!important;
}
html.dark body custom-salla-product-card.product-block,html body custom-salla-product-card.product-block{--p-border-color:#c9a24e!important}
#mobile-nav.bg-primary,.mobile-nav.bg-primary{background:linear-gradient(135deg,#d4b05e,#c9a24e 50%,#a8822f)!important}

/* مسافة رأس قسم الخدمات */
.mcx .mcx-ch{margin-bottom:8px!important}
.mcx .mcx-ls{margin:0!important}