/* ============================================================
   إعلان الشحن المجاني — لافتة عاجلة بعدّاد
   الأحمر هنا مقصود: العرض موقوت، والعميل لازم يحس بده من أول نظرة.
   ============================================================ */
.free-ship-block{padding-block:0}
.free-ship{position:relative;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--fs-bg1,#fff2f0),var(--fs-bg2,#ffe9e5) 60%,var(--fs-bg1,#fff6f4));
  border:2px solid var(--fs-border,#f3bdb4);border-radius:18px;padding:1.05rem 1.25rem;overflow:hidden;
  box-shadow:0 6px 20px rgba(190,54,36,.12)}
/* لمعة بتعدّي على اللافتة تلفت العين من غير ما تزعج القراءة */
.free-ship::after{content:'';position:absolute;inset-block:0;inset-inline-start:-40%;width:35%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);
  animation:freeShipShine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes freeShipShine{0%{inset-inline-start:-40%}55%,100%{inset-inline-start:115%}}

.free-ship-icon{font-size:2.5rem;line-height:1;flex:0 0 auto;
  animation:freeShipTruck 2.6s ease-in-out infinite}
@keyframes freeShipTruck{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}}

.free-ship-copy{flex:1 1 260px;min-width:0;position:relative;z-index:1}
.free-ship-copy strong{display:block;color:var(--fs-fg,#c0281a);font-size:1.6rem;font-weight:900;
  line-height:1.25;letter-spacing:-.01em}
.free-ship-copy p{margin:.3rem 0 0;color:var(--fs-muted,#8a2f22);font-size:1.05rem;font-weight:700;line-height:1.5}
.free-ship-copy p b{color:var(--fs-fg,#c0281a);font-size:1.15rem}
.free-ship-free{position:relative;display:inline-block;color:var(--fs-free,#0f6b3d)!important;
  animation:freeShipPop 1.7s ease-in-out infinite}
@keyframes freeShipPop{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}

/* العدّاد */
.free-ship-timer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.55rem}
.fst-label{color:var(--fs-muted,#8a2f22);font-size:.8rem;font-weight:700}
.fst-clock{display:inline-flex;align-items:center;gap:.22rem}
.fst-clock b{min-width:2.1rem;background:var(--fs-accent,#c0281a);color:#fff;border-radius:8px;
  padding:.28rem .3rem;font-size:1.05rem;font-weight:900;text-align:center;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(192,40,26,.3)}
.fst-clock i{color:var(--fs-muted,#8a2f22);font-size:.7rem;font-style:normal;font-weight:800;margin-inline-end:.18rem}
/* آخر ساعة: العدّاد ينبض عشان الإلحاح يبان */
.free-ship.is-urgent .fst-clock b{animation:freeShipTick 1s step-end infinite}
@keyframes freeShipTick{0%,100%{background:#c0281a}50%{background:#8f1d13}}

.free-ship-cta{position:relative;z-index:1;flex:0 0 auto;background:var(--fs-accent,#c0281a);color:#fff;
  border-radius:999px;padding:.72rem 1.5rem;font-size:1rem;font-weight:900;text-decoration:none;
  box-shadow:0 5px 16px rgba(192,40,26,.35);animation:freeShipCta 2.2s ease-in-out infinite;
  transition:background .15s,transform .15s}
.free-ship-cta:hover{background:#9e2015;transform:translateY(-1px);animation:none}
@keyframes freeShipCta{0%,100%{box-shadow:0 5px 16px rgba(192,40,26,.35)}
  50%{box-shadow:0 5px 16px rgba(192,40,26,.35),0 0 0 9px rgba(192,40,26,.09)}}

@media(max-width:600px){
  .free-ship{gap:.7rem;padding:.9rem 1rem}
  .free-ship-icon{font-size:2rem}
  .free-ship-copy strong{font-size:1.3rem}
  .free-ship-copy p{font-size:.95rem}
  .free-ship-cta{width:100%;text-align:center;padding:.65rem 1rem}
}
/* اللي بيفضّل حركة أقل: الرسالة توصله من غير أي أنيميشن */
@media(prefers-reduced-motion:reduce){
  .free-ship::after,.free-ship-icon,.free-ship-free,.free-ship-cta,
  .free-ship.is-urgent .fst-clock b{animation:none}
}