/* الوضع الطبيعي */
#mainnav.main-nav-container{
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* إلغاء أي طبقات فوق الهيدر */
#mainnav.main-nav-container::before,
#mainnav.main-nav-container::after{
  content: none !important;
  background: none !important;
}

/* عند السكرول — زجاج أبيض خفيف بدون تغميق */
#mainnav.main-nav-container.is-blur{
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

/* مهم جدًا */
#mainnav.main-nav-container .inner{
  background: transparent !important;
}
/* تحويل الشعار إلى أبيض */
.store-footer a.anime-item img{
  filter: brightness(0) invert(1) !important;
}
.footer-bottom:before{
  content:"";
  width: 100%;
  height: 2px;
  background: linear-gradient(284deg, #c78aff1a 34%, #c78aff 100%) !important;
  display: block;
  margin: 8px auto;
  position: relative;
  border-radius: 50%;
}

@media (min-width: 767px){
  .container.grid.grid-col-1.lg\:grid-cols-3.gap-4.lg\:gap-6{
    display:flex;
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .container > div{ width: 100%; }

  .footer-list{
    display:flex;
    flex-wrap:wrap;
    gap: 1rem;
    list-style:none;
    padding:0;
    margin:0;
    justify-content:center;
  }
  .footer-list li{ display:flex; }
  .footer-list li:not(:last-child)::after{
    content:"|";
    margin: 0 .5rem;
    color:#fff;
  }
}

@media (max-width: 767px){
  footer.store-footer.s-block--animate.basic-footer .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6 .mb-2\.5{
    grid-column: span 2 / span 2;
    justify-self: center;
  }
  .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6 li{ margin: 0 15px; }
}
/* =========================
   Reviews Gradient Style
========================= */
/* خلفية متدرجة تبدأ من أعلى اليسار */
.review > div {
  background: radial-gradient(
    circle at top left,
    #EED6B5 0%,
    #D8C1AF 20%,
    #B59FAE 45%,
    #957EAD 70%,
    #806DAE 100%
  ) !important;

  border-radius: 24px !important;
  overflow: hidden;
}

/* جعل النص أبيض */
.review p,
.review .text-store-text-primary,
.review .text-store-text-secondary,
.review .text-base {
  color: #ffffff !important;
}

/* أيقونة الاقتباس */
.review .sicon-quote {
  color: #ffffff !important;
  opacity: 0.15;
}

/* النجوم ذهبية */
.review .comment__rating i {
  color: #ffd700 !important;
}
/* ===== إصلاح صور المنتجات - مربع على الويب والموبايل ===== */

.product-card__image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 100vw !important;
    overflow: hidden !important;
}

.product-card__image .main-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.product-card__image .second-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* تقييد الارتفاع على الشاشات الكبيرة */
@media (min-width: 640px) {
    .product-card__image {
        max-height: 320px !important;
    }
}