/* =========================
   تصميم عيد الأضحى الفخم
========================= */

:root{
  --gold:#c79a2b;
  --dark:#0f332d;
  --cream:#fffaf1;
}

/* الخلفية */
body{
  background:
  linear-gradient(to bottom,#fffdf8,#f8f2e7) !important;
  color:#111;
}

/* الشريط العلوي */
body::before{
  content:"✨ عيد أضحى مبارك — كل عام وأنتم بخير ✨";
  display:block;
  width:100%;
  background:linear-gradient(90deg,#0f332d,#1d5a4b,#0f332d);
  color:#fff;
  text-align:center;
  padding:12px;
  font-weight:800;
  font-size:15px;
  border-bottom:2px solid var(--gold);
  position:relative;
  z-index:999;
  animation:glow 2s infinite alternate;
}

@keyframes glow{
  from{box-shadow:0 0 5px rgba(199,154,43,.3)}
  to{box-shadow:0 0 20px rgba(199,154,43,.7)}
}

/* البنر */
.main-slider,
.s-slider-block{
  border-radius:28px !important;
  overflow:hidden;
  border:2px solid rgba(199,154,43,.25);
  box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* القائمة */
.navbar,
header{
  background:#fff !important;
  border-bottom:1px solid rgba(199,154,43,.15);
}

/* مربعات المنتجات */
.s-product-card-entry,
.product-entry{
  background:#fff !important;
  border-radius:22px !important;
  overflow:hidden;
  border:1.5px solid rgba(199,154,43,.25);
  box-shadow:0 8px 22px rgba(0,0,0,.06);
  transition:.35s ease;
}

.s-product-card-entry:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 35px rgba(199,154,43,.22);
}

/* الصور */
.s-product-card-image img{
  border-radius:18px;
  transition:.35s;
}

.s-product-card-entry:hover img{
  transform:scale(1.03);
}

/* اسم المنتج */
.s-product-card-content-title{
  font-weight:900 !important;
  color:#111;
}

/* السعر */
.s-product-card-price{
  color:var(--dark) !important;
  font-weight:900;
}

/* الأزرار */
button,
.s-button-primary,
.add-to-cart{
  background:linear-gradient(145deg,#dcb04a,#b88422) !important;
  color:#fff !important;
  border:none !important;
  border-radius:14px !important;
  font-weight:800 !important;
  box-shadow:0 6px 0 #8f6417;
  transition:.2s;
}

button:hover,
.s-button-primary:hover{
  transform:translateY(-2px);
}

/* عناوين الأقسام */
.section-title,
.s-block__title,
h2{
  color:var(--dark) !important;
  font-weight:900 !important;
  text-align:center;
  position:relative;
}

.section-title::after,
.s-block__title::after,
h2::after{
  content:"";
  display:block;
  width:90px;
  height:3px;
  margin:10px auto;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}

/* المميزات */
.store-features,
.s-features-list{
  background:#fff;
  border-radius:22px;
  border:1px solid rgba(199,154,43,.2);
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}

/* الفوتر */
footer{
  background:linear-gradient(180deg,#10342d,#0a221e);
  color:#fff;
  border-top:2px solid var(--gold);
}

/* الجوال */
@media(max-width:768px){

  body::before{
    font-size:12px;
    padding:9px;
  }

  .s-product-card-entry{
    border-radius:18px !important;
  }

  .main-slider,
  .s-slider-block{
    border-radius:20px !important;
  }

  button,
  .s-button-primary{
    font-size:13px !important;
    padding:10px 12px !important;
  }

}