/* ═══════════════════════════════════════════════════
   أسطورة المكملات — حزمة التوهّج (أخضر نيون A3E635)
   ═══════════════════════════════════════════════════ */

/* ---------- الحركات ---------- */
@keyframes ostora-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(163,230,53,.45), 0 0 12px 2px rgba(163,230,53,.35); }
  50%     { box-shadow: 0 0 0 4px rgba(163,230,53,.12), 0 0 24px 6px rgba(163,230,53,.60); }
}
@keyframes ostora-spin {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ═══ (أ) زر الإضافة إلى السلة — إطار متوهّج نابض ═══ */
.s-button-element.btn--add-to-cart,
.product-entry-action .s-button-element,
.product-card .s-button-element[type="submit"],
.enhanced-add-btn,
a.add-to-cart-button,
button.add-to-cart {
  animation: ostora-pulse 2.2s ease-in-out infinite !important;
  border-radius: 12px !important;
  transition: transform .2s ease !important;
}
.s-button-element.btn--add-to-cart:hover,
.enhanced-add-btn:hover,
button.add-to-cart:hover {
  transform: translateY(-2px) scale(1.02) !important;
}

/* ═══ (ب) بطاقات مميزات المتجر — إطار متحرّك متدرّج ═══ */
.selia-features .feature-item,
.store-features .feature,
[class*="feature-card"],
[class*="features"] [class*="item"] {
  position: relative !important;
  border-radius: 16px !important;
  padding: 2px !important;
  background: linear-gradient(115deg,#A3E635,#16191D,#A3E635,#16191D) !important;
  background-size: 300% 300% !important;
  animation: ostora-spin 6s linear infinite !important;
}
.selia-features .feature-item > *,
.store-features .feature > *,
[class*="feature-card"] > * {
  background: #fff !important;
  border-radius: 14px !important;
  height: 100% !important;
  display: block;
}

/* ═══ (ج) الأسئلة الشائعة — توهّج ناعم ═══ */
.selia-faq .faq-item,
.faq-section .accordion-item,
[class*="faq"] [class*="item"],
details.s-faq-item {
  border-radius: 14px !important;
  border: 1px solid rgba(163,230,53,.20) !important;
  transition: box-shadow .35s ease, border-color .35s ease !important;
  margin-bottom: 10px;
}
.selia-faq .faq-item:hover,
.faq-section .accordion-item:hover,
[class*="faq"] [class*="item"]:hover,
details.s-faq-item[open] {
  box-shadow: 0 0 0 2px rgba(163,230,53,.28), 0 8px 28px -6px rgba(163,230,53,.50) !important;
  border-color: rgba(163,230,53,.60) !important;
}