/* ==========================================================================
   mtemps6 — TESTIMONIALS (tst)  كروت شحن (Shipping tags) متعلّقة بخيط في حبل
   مشدود فوق السكشن، وبتتمرجح على مهلها (بتقف مع hover/focus، برّه الشاشة،
   ولما التاب يستخبى، و reduced-motion). الموبايل: سحب أفقي بـ scroll-snap.
   الـ reveal على الـ li والمرجحة على الكارت جوّه.
   ========================================================================== */
.mtemps6-tst-score { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: var(--mtemps6-sp-2); padding: var(--mtemps6-sp-2) var(--mtemps6-sp-4); border-radius: var(--mtemps6-r-sm); background: var(--mtemps6-surface); font-size: var(--mtemps6-fs-sm); box-shadow: var(--mtemps6-shadow-box); }
.mtemps6-tst-score strong { font-size: var(--mtemps6-fs-xl); line-height: 1; }
.mtemps6-tst-stars { color: var(--mtemps6-primary); font-size: 0.85rem; letter-spacing: 1px; }

.mtemps6-tst-line { position: relative; }
.mtemps6-tst-rope { position: absolute; inset-inline: 0; inset-block-start: 1.1rem; height: 4px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--mtemps6-cardboard-2) 0 6px, var(--mtemps6-cardboard) 6px 9px); box-shadow: 0 3px 4px -2px var(--mtemps6-ink-soft); pointer-events: none; }
.mtemps6-tst-list {
  --mtemps6-tst-pad: max(var(--mtemps6-gutter), calc((100vw - var(--mtemps6-container)) / 2));
  display: flex;
  gap: clamp(1rem, 2.4vw, 1.75rem);
  margin: 0;
  padding: 2.5rem var(--mtemps6-tst-pad) 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--mtemps6-tst-pad);
  scrollbar-width: none;
  list-style: none;
}
.mtemps6-tst-list::-webkit-scrollbar { display: none; }
.mtemps6-tst-item { flex: 0 0 clamp(16rem, 80vw, 19rem); scroll-snap-align: start; padding-block-start: 1rem; }
.mtemps6-tst-tag {
  position: relative;
  display: grid;
  gap: var(--mtemps6-sp-3);
  height: 100%;
  margin: 0;
  padding: 3rem var(--mtemps6-sp-5) var(--mtemps6-sp-5);
  background-color: var(--mtemps6-paper);
  background-image: var(--mtemps6-grain);
  clip-path: polygon(22% 0, 78% 0, 100% 9%, 100% 100%, 0 100%, 0 9%);
  transform-origin: 50% -1.75rem;
  animation: mtemps6-tst-swing var(--mtemps6-swing-dur) var(--mtemps6-ease-in-out) infinite alternate;
  animation-delay: var(--mtemps6-swing-delay, 0s);
}
@keyframes mtemps6-tst-swing { from { transform: rotate(-2.2deg); } to { transform: rotate(2.2deg); } }
.mtemps6-tst-line:hover .mtemps6-tst-tag, .mtemps6-tst-line:focus-within .mtemps6-tst-tag { animation-play-state: paused; }
/* الخيط بيطلع برّه الكارت: بنرسمه على الـ li عشان الـ clip-path */
.mtemps6-tst-item { position: relative; filter: drop-shadow(0 18px 18px var(--mtemps6-ink-soft)); }
.mtemps6-tst-item::before { content: ""; position: absolute; inset-block-start: -1.3rem; inset-inline-start: 50%; width: 2px; height: 3.3rem; margin-inline-start: -1px; background: var(--mtemps6-cardboard-2); z-index: 1; }
.mtemps6-tst-string { display: none; }
.mtemps6-tst-hole { position: absolute; inset-block-start: 1rem; inset-inline-start: 50%; width: 1.1rem; height: 1.1rem; margin-inline-start: -0.55rem; border: 4px solid var(--mtemps6-accent); border-radius: 50%; background: var(--mtemps6-bg-2); }
.mtemps6-tst-quote p { font-size: var(--mtemps6-fs-md); line-height: 1.75; }
.mtemps6-tst-quote p::before { content: "”"; display: block; height: 1.6rem; color: var(--mtemps6-cardboard-2); font-size: 3.2rem; line-height: 1; }
.mtemps6-tst-who { display: flex; align-items: center; gap: var(--mtemps6-sp-3); margin-block-start: auto; padding-block-start: var(--mtemps6-sp-3); border-block-start: var(--mtemps6-hair) dashed var(--mtemps6-line-2); }
.mtemps6-tst-who .mtemps6-ui-media { width: 2.9rem; flex-shrink: 0; }
.mtemps6-tst-who > span:last-child { display: grid; line-height: 1.4; }
.mtemps6-tst-who small { color: var(--mtemps6-muted); font-size: var(--mtemps6-fs-xs); }
.mtemps6-tst-code { position: absolute; inset-block-end: var(--mtemps6-sp-3); inset-inline-end: var(--mtemps6-sp-4); color: var(--mtemps6-line-2); font-size: var(--mtemps6-fs-2xs); font-weight: var(--mtemps6-fw-bold); direction: ltr; }
@media (min-width: 1100px) {
  .mtemps6-tst-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; max-width: calc(var(--mtemps6-container) + var(--mtemps6-gutter) * 2); margin-inline: auto; padding-inline: var(--mtemps6-gutter); }
  .mtemps6-tst-item:nth-child(even) { padding-block-start: 2.5rem; }
  .mtemps6-tst-item:nth-child(even)::before { height: 4.8rem; }
}
@media (prefers-reduced-motion: reduce) { .mtemps6-tst-tag { animation: none !important; } }