/* ==========================================================================
   mtemps6 — OTHER-SERVICES (osv)  ملصقات شحن عريضة: أيقونة في مربع أصفر +
   اسم ووصف + سهم بيجري مع الـ hover. الـ reveal على الـ li والحركة على الكارت.
   ========================================================================== */
.mtemps6-osv-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: var(--mtemps6-sp-3); margin: 0; padding: 0; list-style: none; }
.mtemps6-osv-card { display: flex; align-items: center; gap: var(--mtemps6-sp-4); height: 100%; padding: var(--mtemps6-sp-4); border: var(--mtemps6-bw) dashed var(--mtemps6-line-2); border-radius: var(--mtemps6-r-md); background: var(--mtemps6-paper); transition: border-color var(--mtemps6-dur-2), transform var(--mtemps6-dur-3) var(--mtemps6-ease-spring), box-shadow var(--mtemps6-dur-2); }
.mtemps6-osv-card:hover, .mtemps6-osv-card:focus-visible { border-style: solid; border-color: var(--mtemps6-deep); transform: translateY(-4px) rotate(-0.6deg); box-shadow: 0 6px 0 var(--mtemps6-deep); }
.mtemps6-osv-ico { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; flex-shrink: 0; border-radius: var(--mtemps6-r-sm); background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); font-size: 1.25rem; }
.mtemps6-osv-txt { display: grid; flex: 1; line-height: 1.45; }
.mtemps6-osv-txt small { color: var(--mtemps6-muted); font-size: var(--mtemps6-fs-sm); }
.mtemps6-osv-go { color: var(--mtemps6-primary); transition: transform var(--mtemps6-dur-2) var(--mtemps6-ease-spring); }
.mtemps6-osv-card:hover .mtemps6-osv-go { transform: translateX(calc(var(--mtemps6-dir) * 6px)); }
html[dir="ltr"] .mtemps6-osv-card:hover .mtemps6-osv-go { transform: translateX(6px) scaleX(-1); }