/* Add custom CSS styles below */ 
.content--single-page h1:first-child{
  display: none;
}

/* سؤال الـ FAQ (مقفول) */
.faq-content-single-question {
    background-color: #324864;
    color: #ffffff;
    padding: 16px 20px;
    border-radius: 8px;
}

/* عنوان السؤال + الأيقونة */
.faq-content-single-question-title,
.faq-content-single-question-icon {
    color: #ffffff;
}

/* عند فتح السؤال */
details[open] .faq-content-single-question {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* إجابة الـ FAQ */
.faq-content-single-answer {
    background-color: #324864;
    color: #ffffff;
    padding: 0.75rem 20px 16px;
    margin-top: 0 !important;
    border-radius: 0 0 8px 8px;
}

/* يخلي السؤال + الإجابة كارد واحد */
details[open] {
    overflow: hidden;
}

@media (max-width: 1024px) {
  /* الكونتينر اللي فيه اللوجو + المينيو */
  .main-navbar > div:first-child {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* اللوجو → شمال */
  .main-navbar a[aria-label="Store Home Page"] {
    margin: 0;
  }

  /* المينيو → يمين */
  .main-navbar a[href="#mobile-menu"] {
    margin: 0;
  }
}

/* عنوان التخفيض او الوسوم المميزة */
.product-card-content-media-promotional-title{
  display: none;
}
/* top edit bar ruin the product page */
#s-edit-alert{
  display: none;
}

/* ========================================== */
/* كروت وصف المنتج الجديدة (التعديل المطلوب) */
/* ========================================== */

/* الكونتينر الرئيسي (نفس الستايل القديم) */
.product-description-cards {
  background:
   radial-gradient(circle at 20% 10%,rgba(0,200,255,.08),transparent),
   var(--bg-primary);
  padding:34px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
  color:#dfefff;
  transition:.3s;
}

/* كل كرت فردي (حدود جميلة + أنيميشن) */
.product-description-card {
  border-radius:18px;
  padding:24px;
  margin:26px 0;
  border:2px solid rgba(0,220,255,.15);
  transform:translateY(30px) scale(.98);
  opacity:0;
  transition:.6s cubic-bezier(.2,.8,.2,1);
}

/* أنيميشن الظهور عند التمرير */
.product-description-card.show {
  transform:translateY(0) scale(1);
  opacity:1;
}

/* تأثير hover جميل */
.product-description-card:hover {
  transform:translateY(-6px) scale(1.01);
  border-color:rgba(0,234,255,.4);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* عناوين داخل الكروت (نفس ستايلك القديم) */
.product-description-cards h2{
  font-size:30px;
  font-weight:700;
  border-right: 4px solid #0199E4;
  padding-right:14px;
  margin-bottom:10px;
}

.product-description-cards h3{
  font-size:21px;
  margin-bottom:16px;
  position:relative;
  padding-right:18px;
}

.product-description-cards h3::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#00eaff;
  position:absolute;
  right:0;
  top:12px;
}

.product-description-cards h4{
  color:#8fe8ff;
  margin:18px 0 6px;
  font-size:17px;
}

.product-description-cards p{
  line-height:1.9;
}

/* القوائم */
.product-description-cards li{
  padding:12px 16px;
  margin:10px 0;
  border-radius:12px;
  border:1px solid rgba(0,200,255,.15);
  transition:.25s;
  list-style:none !important;
}

.product-description-cards li:hover{
  transform:translateX(-6px);
  border-color:#00eaff;
  background: #C9D9DF;
  color:#647286;
}

.product-description-cards li::before{
  content:"✓";
  color:#00eaff;
  margin-left:10px;
}

/* Rating */
.pd-rating{
  color:#ffd86b;
  font-size:18px;
  margin-bottom:26px;
}
.pd-rating span{
  font-size:14px;
  color:#9fdfff;
  margin-right:8px;
}

/* إخفاء الكود القديم لتجنب التعارض */
.product__description,
.pd-card,
.pd-progress {
  all: unset !important;
}

/* باقي أكوادك بدون تغيير */
.sticky-whatsapp-button > a{
  position: relative;
  border-radius: 9999px;
  animation: wa-ripple 2.2s linear infinite;
}

@keyframes wa-ripple{
  0%{
    box-shadow:
      0 0 0 0 rgba(37, 211, 102, .45),
      0 0 0 0 rgba(37, 211, 102, .25),
      0 0 0 0 rgba(37, 211, 102, .15);
  }
  100%{
    box-shadow:
      0 0 0 14px rgba(37, 211, 102, 0),
      0 0 0 28px rgba(37, 211, 102, 0),
      0 0 0 42px rgba(37, 211, 102, 0);
  }
}

.product-card-actions-add-to-cart{
  animation: atc-soft-pulse 2.8s ease-in-out infinite;
}

@keyframes atc-soft-pulse{
  0%, 100%{
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(46,176,226,0);
  }
  50%{
    transform: scale(1.02);
    box-shadow: 0 8px 18px rgba(46,176,226,.20);
  }
}

.product-card-actions-add-to-cart .product-card-actions-add-to-cart-icon{
  display:inline-block;
  transform-origin: 50% 60%;
  animation: atc-cart-wiggle 1.9s ease-in-out infinite;
}

@keyframes atc-cart-wiggle{
  0%, 100% { transform: translateY(0) rotate(0deg); }
  20%      { transform: translateY(-1px) rotate(-8deg); }
  40%      { transform: translateY(0) rotate(6deg); }
  60%      { transform: translateY(-1px) rotate(-4deg); }
  80%      { transform: translateY(0) rotate(3deg); }
}
/* الكرت النشط - بسيط ومميز */
.product-description-card.active {
  transform: scale(1.02) translateY(-4px) !important;
  border-color: rgba(0,234,255,.5) !important;
  box-shadow: 0 8px 25px rgba(0,150,255,.2) !important;
  z-index: 5;
}

/* الكروت البعيدة */
.product-description-card:not(.show) {
  opacity: 0.7;
  transform: scale(0.97) translateY(8px) !important;
}

/* انتقال سلس */
.product-description-card {
  transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.pd-rating{
  color:#ffd86b;
  font-size:18px;
  margin-bottom:14px;
}

.pd-rating span{
  font-size:14px;
  margin-right:8px;
}