/* الشريط المتحرك: ملف مشترك بين المنصة والإدارة (معاينة الإدارة نفس شكل المنصة).
   الألوان من ألوان الموقع. */
.quality-strip{--sc-dark:#194433;--sc-leaf:#3f8a62;--sc-gold:#dca83e;--sc-cream:#f7f2e8;font-family:"Noto Kufi Arabic",Arial,sans-serif}
/* ---------- شريط الجودة المتحرك ---------- */
.quality-strip{
  position:relative;
  width:100%;
  margin:0 0 34px;
  display:flex;
  align-items:stretch;
  background:var(--sc-cream);
  border-block:1px solid #e3dccb;
  overflow:hidden;
}
.quality-strip-title{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 clamp(18px,3vw,40px);
  background:var(--sc-dark);
  color:#fff;
  font-size:clamp(13px,1.05vw,15px);
  white-space:nowrap;
}
.quality-strip-title::after{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-end:-22px;
  width:22px;
  background:var(--sc-dark);
  clip-path:polygon(0 0,100% 50%,0 100%);
}
[dir="rtl"] .quality-strip-title::after{clip-path:polygon(100% 0,0 50%,100% 100%)}
.quality-strip-title strong{font-weight:900}
.quality-seal{
  width:10px;height:10px;border-radius:50%;
  background:var(--sc-gold);
  box-shadow:0 0 0 4px rgba(220,168,62,.25);
}
.quality-strip-viewport{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  direction:ltr;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.quality-strip-track{
  display:flex;
  width:max-content;
  animation:qualityStripMove var(--strip-duration,38s) linear infinite;
}
.quality-strip.pause-on-hover:hover .quality-strip-track{animation-play-state:paused}
@keyframes qualityStripMove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.quality-strip-group{
  display:flex;
  align-items:center;
  gap:clamp(26px,3vw,44px);
  margin:0;
  padding:17px clamp(13px,1.5vw,22px);
  list-style:none;
}
.quality-strip-group li{
  display:flex;
  align-items:center;
  gap:9px;
  direction:rtl;
  color:var(--sc-dark);
  font-size:clamp(13px,1.05vw,15px);
  font-weight:800;
  white-space:nowrap;
}
html[lang="en"] .quality-strip-group li{direction:ltr}
.quality-strip-group svg{width:26px;height:26px;flex:0 0 auto;filter:drop-shadow(0 3px 5px rgba(45,106,79,.28))}
.quality-strip-group .seal{fill:var(--sc-leaf)}
.quality-strip-group .tick{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){
  .quality-strip-track{animation:none;width:auto}
  .quality-strip-group{flex-wrap:wrap;row-gap:10px}
  .quality-strip-group[aria-hidden="true"]{display:none}
}

@container strip (max-width:760px){
  .quality-strip{margin-bottom:22px;flex-direction:column}
  .quality-strip-title{justify-content:center;padding:9px 14px;font-size:12px}
  .quality-strip-title::after{display:none}
  .quality-strip-group{padding:12px 10px;gap:24px}
  .quality-strip-group li{font-size:12px}
  .quality-strip-group svg{width:22px;height:22px}
}
.quality-strip-host{container:strip/inline-size}