/* =====================================================
   المزن 2 - Wathiq Pro Design
   تصميم جديد من الصفر لثيم واثق
===================================================== */

:root {
  --mz-bg: #FCFAF7;
  --mz-card: #FFFFFF;
  --mz-soft: #F7F1EA;
  --mz-soft2: #FBF7F2;
  --mz-gold: #B8955E;
  --mz-brown: #4A3526;
  --mz-dark: #1E1B18;
  --mz-border: #E6D9CB;
  --mz-shadow: 0 10px 28px rgba(74, 53, 38, 0.10);
  --mz-shadow-strong: 0 16px 38px rgba(74, 53, 38, 0.16);
}

/* الخلفية العامة */
html,
body,
#app,
.app-inner,
main,
.main-content,
.s-block,
section {
  background: var(--mz-bg) !important;
}

/* تقليل الفراغات */
section[id^="component-"],
.s-block {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

/* =====================================================
   الهيدر
===================================================== */

header,
.store-header,
.main-header,
.s-store-header,
.navbar,
.top-navbar {
  background: rgba(252, 250, 247, 0.98) !important;
  border-bottom: 1px solid var(--mz-border) !important;
  box-shadow: 0 6px 18px rgba(74, 53, 38, 0.07) !important;
  backdrop-filter: blur(10px) !important;
}

/* الشعار */
header img,
.store-header img,
.main-header img,
.s-store-header img {
  max-height: 52px !important;
  object-fit: contain !important;
}

/* روابط الهيدر */
header a,
.store-header a,
.main-header a,
.s-store-header a,
.navbar a {
  color: var(--mz-brown) !important;
  font-weight: 700 !important;
}

/* أيقونات الهيدر */
header svg,
.store-header svg,
.main-header svg,
.s-store-header svg,
.navbar svg {
  color: var(--mz-brown) !important;
}

/* البحث */
input[type="search"],
.s-search-input,
.search-input,
input[placeholder*="بحث"] {
  height: 44px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #D8C8B8 !important;
  box-shadow: 0 5px 14px rgba(74, 53, 38, 0.06) !important;
  color: var(--mz-dark) !important;
}

/* =====================================================
   البنر الرئيسي - واثق
   ID: 1005403127
===================================================== */

#component-1005403127 {
  padding: 0 12px !important;
  margin-top: 14px !important;
  margin-bottom: 18px !important;
}

#component-1005403127 img,
#component-1005403127 a,
#component-1005403127 .banner-entry,
#component-1005403127 [class*="banner"] {
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: var(--mz-shadow-strong) !important;
}

/* =====================================================
   روابط سريعة - واثق
   ID: 1429497871
===================================================== */

#component-1429497871 {
  padding: 0 12px !important;
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

/* عنوان الروابط */
#component-1429497871 h2,
#component-1429497871 .s-block__title,
#component-1429497871 [class*="title"] {
  color: var(--mz-brown) !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: -0.3px !important;
}

/* كروت الروابط */
#component-1429497871 a,
#component-1429497871 .s-block__item,
#component-1429497871 .grid > div,
#component-1429497871 [class*="item"],
#component-1429497871 [class*="card"] {
  background: #fff !important;
  border: 1px solid var(--mz-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--mz-shadow) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

#component-1429497871 a:hover,
#component-1429497871 .s-block__item:hover,
#component-1429497871 [class*="card"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--mz-shadow-strong) !important;
}

/* =====================================================
   قائمة عناصر / التصنيفات
   ID: 2062506711
===================================================== */

#component-2062506711 {
  padding: 0 12px !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

/* عنوان التصنيفات */
#component-2062506711 h2,
#component-2062506711 .s-block__title,
#component-2062506711 [class*="title"] {
  color: var(--mz-brown) !important;
  font-weight: 900 !important;
  text-align: center !important;
}

#component-2062506711 h2::after,
#component-2062506711 .s-block__title::after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--mz-gold) !important;
  border-radius: 999px !important;
  margin: 8px auto 0 !important;
}

/* ترتيب التصنيفات */
#component-2062506711 .grid,
#component-2062506711 [class*="grid"],
#component-2062506711 .swiper-wrapper,
#component-2062506711 [class*="wrapper"] {
  gap: 14px !important;
}

/* كرت التصنيف 3/4 */
#component-2062506711 a,
#component-2062506711 .banner-entry,
#component-2062506711 .s-block__item,
#component-2062506711 [class*="item"],
#component-2062506711 [class*="banner"],
#component-2062506711 [class*="card"] {
  position: relative !important;
  display: block !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: var(--mz-soft) !important;
  border: 1px solid var(--mz-border) !important;
  box-shadow: var(--mz-shadow) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

/* صورة التصنيف */
#component-2062506711 img,
#component-2062506711 picture,
#component-2062506711 a img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* ظل ناعم للنص */
#component-2062506711 a::after,
#component-2062506711 .banner-entry::after,
#component-2062506711 .s-block__item::after,
#component-2062506711 [class*="card"]::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 48% !important;
  background: linear-gradient(
    to top,
    rgba(30, 27, 24, 0.66),
    rgba(30, 27, 24, 0)
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* نص التصنيف */
#component-2062506711 h1,
#component-2062506711 h2,
#component-2062506711 h3,
#component-2062506711 h4,
#component-2062506711 p,
#component-2062506711 span,
#component-2062506711 strong,
#component-2062506711 [class*="name"],
#component-2062506711 [class*="title"],
#component-2062506711 [class*="desc"],
#component-2062506711 [class*="text"],
#component-2062506711 [class*="content"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 9px rgba(0, 0, 0, 0.80) !important;
  position: relative !important;
  z-index: 5 !important;
}

/* حركة */
#component-2062506711 a:hover,
#component-2062506711 .s-block__item:hover,
#component-2062506711 [class*="card"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--mz-shadow-strong) !important;
}

/* =====================================================
   عناوين الأقسام العامة
===================================================== */

.s-block__title,
.section-title,
.s-block h2,
[class*="s-block"] h2 {
  color: var(--mz-brown) !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: -0.3px !important;
}

.s-block__title::after,
.section-title::after,
.s-block h2::after {
  content: "" !important;
  display: block !important;
  width: 46px !important;
  height: 3px !important;
  background: var(--mz-gold) !important;
  border-radius: 999px !important;
  margin: 8px auto 0 !important;
}

/* =====================================================
   المنتجات
===================================================== */

.s-product-card,
.s-product-card-entry,
.product-entry,
.product-card,
[class*="product-card"] {
  background: transparent !important;
}

/* صورة المنتج */
.s-product-card-image,
.product-entry__image,
.product-card__image,
[class*="product-card"] [class*="image"] {
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  background: var(--mz-soft2) !important;
  border: 1px solid var(--mz-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--mz-shadow) !important;
  overflow: hidden !important;
  padding: 7px !important;
}

/* صورة المنتج الداخلية */
.s-product-card-image img,
.s-product-card-entry img,
.product-entry img,
.product-card img,
[class*="product-card"] img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border-radius: 18px !important;
  transition: transform .25s ease !important;
}

.s-product-card:hover img,
.s-product-card-entry:hover img,
.product-entry:hover img,
.product-card:hover img {
  transform: scale(1.035) !important;
}

/* معلومات المنتج */
.s-product-card-content-main,
.s-product-card-content-sub,
.product-entry__content,
.product-card__content {
  background: #fff !important;
  border: 1px solid rgba(74, 53, 38, 0.15) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 16px rgba(74, 53, 38, 0.08) !important;
  padding: 9px 8px !important;
  margin-top: 8px !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-title {
  color: var(--mz-dark) !important;
  font-weight: 800 !important;
  text-align: center !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
}

/* السعر */
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price,
.product-price,
.price {
  text-align: center !important;
  justify-content: center !important;
  width: 100% !important;
  font-weight: 900 !important;
  color: var(--mz-brown) !important;
}

/* السعر بعد الخصم */
.s-product-card-entry:has(del) .s-product-card-price,
.s-product-card:has(del) .s-product-card-price {
  color: #D71920 !important;
}

/* السعر القديم */
del,
.s-product-card-price del,
.price del {
  color: #9B8A7A !important;
  -webkit-text-fill-color: #9B8A7A !important;
}

/* زر السلة */
.s-product-card button,
.product-entry button,
button.add-to-cart,
.s-button-primary {
  background: var(--mz-brown) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 800 !important;
  box-shadow: 0 7px 18px rgba(74, 53, 38, 0.18) !important;
}

.s-product-card button:hover,
.product-entry button:hover,
button.add-to-cart:hover,
.s-button-primary:hover {
  background: var(--mz-dark) !important;
}

/* المفضلة */
.s-product-card-wishlist-btn,
button[aria-label*="المفضلة"],
button[aria-label*="wishlist"] {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--mz-border) !important;
  color: var(--mz-brown) !important;
  box-shadow: 0 4px 12px rgba(74, 53, 38, 0.10) !important;
}

/* الشارات */
.s-product-card-promotion-title,
.s-product-card-badge,
[class*="badge"] {
  background: var(--mz-brown) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* =====================================================
   مميزات المتجر
   ID: 655456008
===================================================== */

#component-655456008 {
  padding: 8px 12px !important;
}

#component-655456008 [class*="feature"],
#component-655456008 .s-block__item,
#component-655456008 .grid > div,
#component-655456008 [class*="card"] {
  background: #fff !important;
  border: 1px solid var(--mz-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--mz-shadow) !important;
  padding: 16px 12px !important;
}

#component-655456008 svg,
#component-655456008 i {
  color: var(--mz-gold) !important;
}

/* =====================================================
   آراء العملاء
   ID: 1895798281
===================================================== */

#component-1895798281 {
  padding: 8px 12px 18px !important;
}

#component-1895798281 [class*="card"],
#component-1895798281 .s-block__item,
#component-1895798281 .grid > div {
  background: #fff !important;
  border: 1px solid var(--mz-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--mz-shadow) !important;
}

/* إخفاء آراء العملاء المكررة إن ظهرت */
#component-1596267733 {
  display: none !important;
}

/* =====================================================
   الفوتر
===================================================== */

footer,
.store-footer,
.s-store-footer {
  background: #F7F1EA !important;
  border-top: 1px solid var(--mz-border) !important;
  color: var(--mz-brown) !important;
}

footer a,
.store-footer a,
.s-store-footer a {
  color: var(--mz-brown) !important;
}

footer h3,
footer h4,
.store-footer h3,
.store-footer h4 {
  color: var(--mz-dark) !important;
  font-weight: 900 !important;
}

/* =====================================================
   حركة ظهور ناعمة
===================================================== */

.mz-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
}

.mz-reveal.mz-show {
  opacity: 1;
  transform: translateY(0);
}

/* =====================================================
   الجوال
===================================================== */

@media (max-width: 768px) {
  section[id^="component-"],
  .s-block {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  header img,
  .store-header img,
  .main-header img,
  .s-store-header img {
    max-height: 46px !important;
  }

  input[type="search"],
  .s-search-input,
  .search-input {
    height: 42px !important;
  }

  #component-1005403127,
  #component-1429497871,
  #component-2062506711,
  #component-655456008,
  #component-1895798281 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #component-1005403127 {
    margin-top: 10px !important;
  }

  #component-1005403127 img,
  #component-1005403127 a,
  #component-1005403127 .banner-entry {
    border-radius: 20px !important;
  }

  #component-2062506711 .grid,
  #component-2062506711 [class*="grid"],
  #component-2062506711 .swiper-wrapper,
  #component-2062506711 [class*="wrapper"] {
    gap: 10px !important;
  }

  #component-2062506711 .swiper-slide {
    width: auto !important;
    margin: 0 !important;
  }

  #component-2062506711 a,
  #component-2062506711 .banner-entry,
  #component-2062506711 .s-block__item,
  #component-2062506711 [class*="item"],
  #component-2062506711 [class*="card"] {
    border-radius: 18px !important;
  }

  #component-2062506711 h1,
  #component-2062506711 h2,
  #component-2062506711 h3,
  #component-2062506711 p,
  #component-2062506711 span,
  #component-2062506711 strong,
  #component-2062506711 [class*="name"],
  #component-2062506711 [class*="title"],
  #component-2062506711 [class*="desc"],
  #component-2062506711 [class*="text"] {
    font-size: 15px !important;
  }

  .s-product-card-image,
  .product-entry__image,
  .product-card__image,
  [class*="product-card"] [class*="image"] {
    border-radius: 18px !important;
    padding: 5px !important;
  }

  .s-product-card-image img,
  .s-product-card-entry img,
  .product-entry img,
  .product-card img,
  [class*="product-card"] img {
    border-radius: 15px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-entry__title,
  .product-title {
    font-size: 13px !important;
  }
}

/* لون زر إضافة للسلة في كامل المتجر فقط */
salla-add-product-button,
salla-add-product-button button,
salla-add-product-button .s-button-element,
.s-product-card-content-footer button,
.s-product-card-content-footer .s-button-element,
button.add-to-cart,
.add-to-cart {
  background: #8A6A55 !important;
  background-color: #8A6A55 !important;
  color: #ffffff !important;
  border: 1px solid #B99A84 !important;
  border-radius: 999px !important;
}

/* النص والأيقونة */
salla-add-product-button *,
.s-product-card-content-footer button *,
.s-product-card-content-footer .s-button-element *,
button.add-to-cart *,
.add-to-cart * {
  color: #ffffff !important;
  fill: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* عند اللمس أو الضغط */
salla-add-product-button:hover,
salla-add-product-button:active,
salla-add-product-button:focus,
salla-add-product-button:focus-within,
salla-add-product-button button:hover,
salla-add-product-button button:active,
salla-add-product-button button:focus,
.s-product-card-content-footer button:hover,
.s-product-card-content-footer button:active,
.s-product-card-content-footer button:focus,
button.add-to-cart:hover,
button.add-to-cart:active,
button.add-to-cart:focus,
.add-to-cart:hover,
.add-to-cart:active,
.add-to-cart:focus {
  background: #EDE1D6 !important;
  background-color: #EDE1D6 !important;
  color: #6B4E3D !important;
  border-color: #D9C5B3 !important;
}

/* لون النص والأيقونة عند اللمس */
salla-add-product-button:hover *,
salla-add-product-button:active *,
salla-add-product-button:focus *,
.s-product-card-content-footer button:hover *,
.s-product-card-content-footer button:active *,
.s-product-card-content-footer button:focus *,
button.add-to-cart:hover *,
button.add-to-cart:active *,
button.add-to-cart:focus *,
.add-to-cart:hover *,
.add-to-cart:active *,
.add-to-cart:focus * {
  color: #6B4E3D !important;
  fill: #6B4E3D !important;
  -webkit-text-fill-color: #6B4E3D !important;
}

/* =========================================
   آراء العملاء - حركة تلقائية ناعمة
   يحافظ على التصميم الحالي
========================================= */

.mz-reviews-slider{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 8px 0;
}

.mz-reviews-track{
  display: flex;
  align-items: stretch;
  gap: 14px;
  width: max-content;
  animation: mzReviewsScroll 28s linear infinite;
  will-change: transform;
}

.mz-reviews-slider:hover .mz-reviews-track,
.mz-reviews-slider:active .mz-reviews-track{
  animation-play-state: paused;
}

.mz-review-card{
  flex: 0 0 260px;
  min-width: 260px;
  max-width: 260px;
}

@keyframes mzReviewsScroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* للجوال */
@media (max-width: 768px){
  .mz-reviews-track{
    gap: 10px;
    animation-duration: 22s;
  }

  .mz-review-card{
    flex: 0 0 220px;
    min-width: 220px;
    max-width: 220px;
  }
}

/* تقليل الحركة لمن يفضل ذلك */
@media (prefers-reduced-motion: reduce){
  .mz-reviews-track{
    animation: none !important;
  }
}

/* تحسين صندوق اختيار المقاس */

.s-product-options,
.product-options {
    margin: 20px 0 !important;
}

.s-product-options label,
.product-options label {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    display: block;
}

.s-product-options select,
.product-options select {
    width: 100%;
    height: 56px;
    border: 1px solid #B8955E !important;
    border-radius: 12px;
    background: #fff;
    font-size: 16px;
    padding: 0 16px;
    transition: .3s;
}

.s-product-options select:hover,
.product-options select:hover,
.s-product-options select:focus,
.product-options select:focus {
    border-color: #8d6b3d !important;
    box-shadow: 0 0 0 4px rgba(184,149,94,.15);
}

.text-danger,
.badge-danger,
.required,
.required-badge {
    display: none !important;
}

/* تحسين خانة المقاس */
.product-options select,
.s-product-options select {
    border: 1px solid #B8955E !important;
    border-radius: 12px !important;
    height: 52px !important;
    font-size: 15px !important;
    background: #fff !important;
}

/* إخفاء عبارة مطلوب تحديده */
.text-danger,
.badge-danger,
.required,
.required-badge{
    display:none !important;
}

/* مربعات المقاسات */
.size-boxes{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:12px;
}

.size-box{
    width:58px;
    height:58px;
    border:1px solid #B8955E;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    background:#fff;
    font-weight:bold;
    transition:.3s;
}

.size-box:hover,
.size-box.active{
    background:#B8955E;
    color:#fff;
}