/* ==============================
   Artistic Vista Abiyat - Luxury CSS
   تحسين واجهة متجر اللوحات
   ============================== */

/* ألوان عامة */
:root {
  --luxury-brown: #5A4632;
  --soft-brown: #7A6A5A;
  --sand: #F7F3EC;
  --sand-dark: #E8DDCF;
  --gold: #B08D57;
  --dark-text: #2B2B2B;
  --muted-text: #6F6258;
  --white: #FFFFFF;
  --shadow-soft: 0 10px 30px rgba(90, 70, 50, 0.10);
  --shadow-hover: 0 18px 45px rgba(90, 70, 50, 0.18);
}

/* خلفية الموقع */
body {
  background: var(--sand) !important;
  color: var(--dark-text) !important;
}

/* الهيدر */
.store-header,
.main-nav {
  background: rgba(247, 243, 236, 0.96) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 5px 25px rgba(90, 70, 50, 0.08);
}

.main-nav a,
.main-nav button,
.header__icons button,
.s-cart-summary-wrapper {
  color: var(--luxury-brown) !important;
}

/* الشعار */
.navbar-brand img {
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.navbar-brand img:hover {
  transform: scale(1.04);
}

/* أيقونات الهيدر */
.header-rounded-btn,
.s-user-menu-login-btn,
.s-cart-summary-wrapper {
  background: #fff !important;
  border: 1px solid rgba(176, 141, 87, 0.25) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 14px rgba(90, 70, 50, 0.08);
  transition: all 0.3s ease;
}

.header-rounded-btn:hover,
.s-user-menu-login-btn:hover,
.s-cart-summary-wrapper:hover {
  background: var(--gold) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* شريط قيد الإنشاء - تحسين شكله */
.s-maintenance-alert-wrapper {
  background: linear-gradient(135deg, #5A4632, #7A6A5A) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.s-maintenance-alert-btn {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-weight: 700;
}

/* البنر الرئيسي */
.s-block--main-slider {
  border-radius: 0 0 38px 38px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.s-block--main-slider img {
  filter: contrast(1.04) saturate(1.04);
}

/* عنوان الأقسام */
.s-block__title {
  margin-bottom: 28px !important;
}

.s-block__title h2 {
  color: var(--luxury-brown) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px;
}

.s-block__title p {
  color: var(--muted-text) !important;
  font-size: 16px !important;
  line-height: 1.9;
}

.s-block__title .text-primary {
  color: var(--gold) !important;
  background: rgba(176, 141, 87, 0.12);
  padding: 7px 14px;
  border-radius: 50px;
}

/* خلفيات البلوكات */
.s-block {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.s-block:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.55);
}

/* كروت التصنيفات */
.s-block--categories a,
.main-links-slider a {
  background: #fff !important;
  border: 1px solid rgba(176, 141, 87, 0.18);
  border-radius: 22px !important;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: all 0.35s ease;
}

.s-block--categories a:hover,
.main-links-slider a:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow-hover);
  border-color: rgba(176, 141, 87, 0.45);
}

/* صور التصنيفات */
.s-block--categories img,
.main-links-slider img {
  border-radius: 18px !important;
  transition: transform 0.45s ease;
}

.s-block--categories a:hover img,
.main-links-slider a:hover img {
  transform: scale(1.06);
}

/* كروت المنتجات */
.s-product-card-entry,
.product-entry,
.s-product-card-content {
  border-radius: 24px !important;
}

.s-product-card-entry {
  background: #fff !important;
  border: 1px solid rgba(176, 141, 87, 0.18) !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-hover) !important;
  border-color: rgba(176, 141, 87, 0.45) !important;
}

/* صورة المنتج */
.s-product-card-image,
.s-product-card-image img {
  background: #f7f3ec !important;
  border-radius: 22px 22px 0 0 !important;
}

.s-product-card-image img {
  object-fit: cover !important;
  transition: transform 0.45s ease;
}

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

/* عنوان المنتج */
.s-product-card-content-title a,
.s-product-card-content-title {
  color: var(--luxury-brown) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
}

.s-product-card-content-title a:hover {
  color: var(--gold) !important;
}

/* وصف المنتج داخل الكرت */
.s-product-card-content-subtitle,
.s-product-card-content p {
  color: var(--muted-text) !important;
  font-size: 13px !important;
  line-height: 1.7;
}

/* السعر */
.s-product-card-price,
.s-product-card-sale-price h4,
.s-product-card-content .s-product-card-price {
  color: var(--gold) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* زر إضافة للسلة */
.s-product-card-entry salla-add-product-button button,
.s-product-card-entry .s-button-primary,
.s-product-card-entry .s-button-btn {
  background: linear-gradient(135deg, #B08D57, #8D6D3F) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 22px rgba(176, 141, 87, 0.28);
  transition: all 0.3s ease;
}

.s-product-card-entry salla-add-product-button button:hover,
.s-product-card-entry .s-button-primary:hover,
.s-product-card-entry .s-button-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(176, 141, 87, 0.38);
}

/* بادج الخصم أو العرض */
.s-product-card-promotion-title,
.s-product-card-promotion,
.promotion-title {
  background: var(--luxury-brown) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
}

/* زر عرض الكل */
.s-block__display-all,
.s-block__title a {
  background: transparent !important;
  color: var(--luxury-brown) !important;
  border: 1px solid rgba(176, 141, 87, 0.45);
  border-radius: 50px;
  padding: 10px 18px;
  font-weight: 800;
  transition: all 0.3s ease;
}

.s-block__display-all:hover,
.s-block__title a:hover {
  background: var(--gold) !important;
  color: #fff !important;
}

/* مربع البحث */
.s-search-input,
input[type="search"],
input[type="text"] {
  border-radius: 50px !important;
  border: 1px solid rgba(176, 141, 87, 0.35) !important;
  background: #fff !important;
  box-shadow: 0 4px 15px rgba(90, 70, 50, 0.06);
}

/* صفحة المنتج */
.product-single,
.product-details,
.s-product-options-wrapper {
  background: #fff !important;
  border-radius: 28px !important;
  box-shadow: var(--shadow-soft);
}

.product-title,
.product-single h1 {
  color: var(--luxury-brown) !important;
  font-weight: 900 !important;
  line-height: 1.6;
}

/* وصف المنتج */
.product__description,
.product-description,
.s-product-description-content {
  color: var(--dark-text) !important;
  line-height: 2.1 !important;
  font-size: 16px !important;
}

.product__description h2,
.product__description h3,
.s-product-description-content h2,
.s-product-description-content h3 {
  color: var(--luxury-brown) !important;
  font-weight: 900;
  margin-top: 20px;
}

/* الفوتر */
.store-footer,
.footer,
footer {
  background: linear-gradient(135deg, #5A4632, #3F3328) !important;
  color: #fff !important;
  border-radius: 38px 38px 0 0;
  margin-top: 50px;
}

.store-footer a,
.footer a,
footer a {
  color: #f7e8cf !important;
}

.store-footer a:hover,
.footer a:hover,
footer a:hover {
  color: var(--gold) !important;
}

/* واتساب / أزرار عائمة */
.fixed-whatsapp,
.whatsapp-button,
a[href*="whatsapp"] {
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.25) !important;
}

/* تحسين الجوال */
@media (max-width: 768px) {
  .s-block {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .s-block__title h2 {
    font-size: 23px !important;
  }

  .s-block__title p {
    font-size: 14px !important;
  }

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

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

  .s-product-card-price {
    font-size: 16px !important;
  }

  .main-nav {
    min-height: 64px !important;
  }

  .navbar-brand img {
    width: 82px !important;
  }
}

/* حركة ظهور ناعمة */
.s-block,
.s-product-card-entry,
.s-block--categories a {
  animation: softFadeUp 0.65s ease both;
}

@keyframes softFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   تعديل الهيدر والخلفية
   بدون شريط فوق + تنسيق أنعم
   ========================= */

/* خلفية عامة أنعم وأفخم */
body,
.app-inner,
main.app-inner {
  background: #F5F1EA !important;
}

/* إلغاء أي شرائط أو خلفيات متبادلة بين الأقسام */
.s-block,
.s-block:nth-of-type(even),
.s-block:nth-of-type(odd) {
  background: transparent !important;
}

/* =========================
   الهيدر فوق البنر مثل قبل
   ========================= */
body.index .store-header,
body.index .main-nav,
body.index .main-nav .inner {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* تثبيت الهيدر فوق الصورة */
body.index .store-header {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
}

/* أزرار الهيدر بشكل أنيق بدون شريط */
body.index .header-rounded-btn,
body.index .s-user-menu-login-btn,
body.index .s-cart-summary-wrapper {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(176, 141, 87, 0.22) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
  border-radius: 50px !important;
}

/* لون عناصر الهيدر */
body.index .main-nav a,
body.index .main-nav button,
body.index .header__icons button,
body.index .s-cart-summary-wrapper,
body.index .mburger span {
  color: #4B3A2E !important;
}

/* الشعار */
body.index .navbar-brand img {
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.10));
}

/* =========================
   البنر الرئيسي
   ========================= */
.s-block--main-slider {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  border-radius: 0 0 28px 28px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(90, 70, 50, 0.08) !important;
}

/* تقليل الفراغ الكبير بعد البنر */
.s-block--main-slider + .s-block,
.s-block--main-slider + section {
  margin-top: 0 !important;
  padding-top: 18px !important;
}

/* =========================
   أقسام المنتجات
   ========================= */
.s-block--categories,
.s-products-slider-block,
.s-block:has(.s-products-list),
.s-block:has(.tabs),
section[id*="products"],
section[class*="products"] {
  background: #FBF8F3 !important;
  border-radius: 28px !important;
  padding: 26px !important;
  box-shadow: 0 6px 18px rgba(90, 70, 50, 0.05) !important;
}

/* العناوين */
.s-block__title h2 {
  color: #5A4632 !important;
}

.s-block__title p {
  color: #6F6258 !important;
}

/* التبويبات */
.s-tabs-header a,
.s-block .tab-btn,
.tab-btn {
  color: #6A5747 !important;
  border-bottom: 2px solid transparent !important;
}

.s-tabs-header a.active,
.s-block .tab-btn.active,
.tab-btn.active {
  color: #5A4632 !important;
  border-bottom-color: #B08D57 !important;
  font-weight: 700 !important;
}

/* الكروت */
.s-product-card-entry {
  background: #fff !important;
  border: 1px solid rgba(176, 141, 87, 0.15) !important;
  box-shadow: 0 8px 22px rgba(90, 70, 50, 0.06) !important;
}

/* للجوال */
@media (max-width: 768px) {
  .s-block--categories,
  .s-products-slider-block,
  section[id*="products"],
  section[class*="products"] {
    padding: 16px !important;
    border-radius: 20px !important;
  }

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


/* =========================
   CLEAN LUXURY FIX
   إصلاح التنسيق بدون تخريب الصور
   ========================= */

/* 1) خلفية عامة متناسقة */
body,
.app-inner,
main.app-inner {
  background: #F6F2EB !important;
  color: #4B3A2E !important;
}

/* 2) عدم تغيير الخط الأساسي */
body,
button,
input,
select,
textarea {
  font-family: inherit !important;
}

/* 3) الهيدر */
.store-header,
.main-nav,
.main-nav .inner {
  background: #A89A8A !important;
  box-shadow: none !important;
  border: none !important;
}

.main-nav a,
.main-nav button,
.header__icons button,
.s-cart-summary-wrapper {
  color: #ffffff !important;
}

/* أزرار الهيدر */
.header-rounded-btn,
.s-user-menu-login-btn,
.s-cart-summary-wrapper {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(176, 141, 87, 0.18) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* 4) الأقسام بدون مبالغة */
.s-block {
  background: transparent !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* 5) عناوين الأقسام */
.s-block__title h2 {
  color: #5A4632 !important;
  font-weight: 800 !important;
}

.s-block__title p {
  color: #7A6A5A !important;
}

/* خط بسيط تحت العنوان */
.s-block__title::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin: 12px auto 0;
  background: #B08D57;
  border-radius: 10px;
}

/* 6) كرت المنتجات */
.s-product-card-entry {
  background: #FFFFFF !important;
  border: 1px solid #E8DED1 !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 22px rgba(90, 70, 50, 0.06) !important;
  overflow: hidden !important;
  transition: 0.3s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px rgba(90, 70, 50, 0.10) !important;
}

/* 7) إصلاح صور المنتجات - مهم جدًا */
.s-product-card-image {
  background: #fff !important;
  padding: 10px !important;
}

.s-product-card-image img,
.product-single__slider img,
.product-image img,
}

/* لا نقص ولا زوم على الصور */
.s-product-card-entry:hover .s-product-card-image img {
  transform: none !important;
}

/* 8) عنوان المنتج */
.s-product-card-content-title,
.s-product-card-content-title a {
  color: #4B3A2E !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  font-size: 15px !important;
}

/* 9) السعر */
.s-product-card-price,
.s-product-card-sale-price h4 {
  color: #9C7340 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

/* 10) زر إضافة للسلة */
.s-product-card-entry .s-button-btn,
.s-product-card-entry .s-button-primary,
.s-product-card-entry salla-add-product-button button,
.s-button-primary,
button[type="submit"],
.btn--primary {
  background: #A97C45 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.s-product-card-entry .s-button-btn:hover,
.s-product-card-entry .s-button-primary:hover,
.s-product-card-entry salla-add-product-button button:hover,
.s-button-primary:hover,
button[type="submit"]:hover,
.btn--primary:hover {
  background: #8E6738 !important;
}

/* 11) بطاقات الأقسام أو المنتجات داخل الصفحة */
.s-products-list,
.s-products-slider,
.s-block--products {
  background: #F9F5EF !important;
  border: 1px solid #E8DED1 !important;
  border-radius: 28px !important;
  padding: 24px !important;
}

/* 12) صفحة المنتج */
.product-single,
.product-details,
.s-product-options-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* عنوان صفحة المنتج */
.product-title,
.product-single h1 {
  color: #4B3A2E !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

/* 13) وصف المنتج - مرتب وواضح */
.product__description,
.product-description,
.s-product-description-content,
#product-details,
.product-tabs,
.tab-content {
  background: #FBF8F4 !important;
  border: 1px solid #E8DED1 !important;
  border-radius: 24px !important;
  padding: 22px !important;
  color: #5C4B3D !important;
  line-height: 2 !important;
  font-size: 15px !important;
}

/* عناوين داخل الوصف */
.product__description h2,
.product__description h3,
.s-product-description-content h2,
.s-product-description-content h3 {
  color: #5A4632 !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

/* القوائم داخل الوصف */
.product__description ul,
.product__description ol,
.s-product-description-content ul,
.s-product-description-content ol {
  padding-right: 18px !important;
  line-height: 2 !important;
}

/* 14) الصور المصغرة في صفحة المنتج */
.product-single__thumbnails img,
.s-slider-thumbnails img {
  border: 1px solid #E8DED1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 4px !important;
}

/* 15) شارة متوفر بالرياض فقط */
.s-product-card-promotion-title,
.s-product-card-promotion,
.promotion-title {
  background: #D95C5C !important;
  color: #fff !important;
  border-radius: 40px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* 16) الفوتر */
.store-footer,
footer {
  background: #4B3A2E !important;
  color: #fff !important;
}

.store-footer a,
footer a {
  color: #F3E6D4 !important;
}

/* 17) الجوال */
@media (max-width: 768px) {
  .s-products-list,
  .s-products-slider,
  .s-block--products {
    padding: 14px !important;
    border-radius: 20px !important;
  }

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

  .product__description,
  .product-description,
  .s-product-description-content {
    padding: 16px !important;
    border-radius: 18px !important;
  }
}


/* ==============================
   Gallery Section Luxury Box
   صندوق فاخر لمنطقة المنتجات
   ============================== */

.s-products-list,
.s-products-slider,
.s-block--products,
.s-block:has(salla-products-list),
.s-block:has(.s-product-card-entry) {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(247,243,236,0.92)) !important;
  border: 1px solid rgba(176, 141, 87, 0.14);
  border-radius: 34px !important;
  padding: 28px !important;
  box-shadow: 0 20px 50px rgba(75, 56, 41, 0.07);
}

/* مساحة بين البنر والمنتجات */
.s-block--main-slider + .s-block {
  margin-top: 22px !important;
}

/* منع الفراغ الأبيض الكبير */
section {
  margin-bottom: 0 !important;
}

/* تحسين السلايدر الثاني أو البنر الداخلي */
.s-block:not(.s-block--main-slider) .swiper-lazy-wrap,
.s-block:not(.s-block--main-slider) .s-slider-container,
.s-block:not(.s-block--main-slider) img {
  border-radius: 24px !important;
}


/* =========================
   Product Description Clean Style
   تحسين وضوح وصف المنتج فقط
   ========================= */

/* صندوق تفاصيل المنتج */
#product-details,
.product__description,
.product-description,
.s-product-description-content,
.product-tabs .tab-content {
  background: #FFFCF8 !important;
  border: 1px solid #E6D8C8 !important;
  border-radius: 22px !important;
  padding: 28px 34px !important;
  color: #4B3A2E !important;
  font-size: 16px !important;
  line-height: 2.2 !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 28px rgba(90, 70, 50, 0.05) !important;
}

/* عنوان تفاصيل المنتج */
#product-details h2,
#product-details h3,
.product__description h2,
.product__description h3,
.s-product-description-content h2,
.s-product-description-content h3 {
  color: #5A4632 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #E8DED1 !important;
}

/* الفقرات */
#product-details p,
.product__description p,
.product-description p,
.s-product-description-content p {
  color: #5C4B3D !important;
  font-size: 16px !important;
  line-height: 2.25 !important;
  margin-bottom: 16px !important;
  text-align: right !important;
}

/* العناوين الصغيرة مثل الألوان - المقاسات - المميزات */
#product-details strong,
.product__description strong,
.product-description strong,
.s-product-description-content strong,
#product-details b,
.product__description b,
.product-description b,
.s-product-description-content b {
  color: #8A6235 !important;
  font-weight: 800 !important;
}

/* القوائم */
#product-details ul,
.product__description ul,
.product-description ul,
.s-product-description-content ul {
  padding-right: 22px !important;
  margin-top: 10px !important;
  margin-bottom: 18px !important;
}

#product-details li,
.product__description li,
.product-description li,
.s-product-description-content li {
  color: #4B3A2E !important;
  font-size: 16px !important;
  line-height: 2.1 !important;
  margin-bottom: 8px !important;
}

/* صورة داخل الوصف بدون تخريب حجمها */
#product-details img,
.product__description img,
.product-description img,
.s-product-description-content img {
  display: block !important;
  max-width: 78% !important;
  height: auto !important;
  margin: 24px auto !important;
  border-radius: 16px !important;
  border: 1px solid #E8DED1 !important;
}

/* تحسين شكل الروابط داخل الوصف */
#product-details a,
.product__description a,
.product-description a,
.s-product-description-content a {
  color: #8A6235 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* للجوال */
@media (max-width: 768px) {
  #product-details,
  .product__description,
  .product-description,
  .s-product-description-content,
  .product-tabs .tab-content {
    padding: 18px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 2 !important;
  }

  #product-details p,
  .product__description p,
  .product-description p,
  .s-product-description-content p,
  #product-details li,
  .product__description li,
  .product-description li,
  .s-product-description-content li {
    font-size: 15px !important;
    line-height: 2 !important;
  }

  #product-details img,
  .product__description img,
  .product-description img,
  .s-product-description-content img {
    max-width: 100% !important;
  }
}

.custom-product-desc {
  background: #FFFCF8;
  border: 1px solid #E6D8C8;
  border-radius: 22px;
  padding: 28px 34px;
  color: #4B3A2E;
  line-height: 2.15;
}

.custom-product-desc h3 {
  color: #5A4632;
  font-size: 20px;
  font-weight: 900;
  margin: 22px 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E8DED1;
}

.custom-product-desc p,
.custom-product-desc li {
  font-size: 16px;
  color: #5C4B3D;
  line-height: 2.1;
}

.custom-product-desc ul {
  padding-right: 22px;
  margin: 0 0 16px;
}

/* كرت المنتج بشكل فاخر بدون لمس الصور */
.s-product-card-entry {
  background: #FFFCF8 !important;
  border: 1px solid #E8DED1 !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 26px rgba(90,70,50,0.07) !important;
  transition: all 0.3s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 38px rgba(90,70,50,0.13) !important;
  border-color: #D7C1A8 !important;
}

/* محتوى الكرت */
.s-product-card-content {
  padding: 16px 14px 18px !important;
}


/* السعر */
.s-product-card-price,
.s-product-card-sale-price h4,
.s-product-card-content .s-product-card-price {
  color: #5A4632 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  text-align: center !important;
  margin-top: 8px !important;
}

/* رمز العملة */
.s-product-card-price i,
.s-product-card-sale-price i {
  color: #9C7340 !important;
}


/* شارة المنتج */
.s-product-card-promotion-title,
.s-product-card-promotion,
.promotion-title {
  background: #B75A50 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(183,90,80,0.22) !important;
}


/* جهة معلومات المنتج */
.product-single h1,
.product-title {
  color: #4B3A2E !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
}

/* السعر في صفحة المنتج */
.product-price,
.product-single .price,
.product-single__price {
  color: #5A4632 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

/* وصف مختصر بجانب المنتج */
.product-single .product-short-description,
.product-summary,
.product-single__summary {
  background: #FFFCF8 !important;
  border: 1px solid #E8DED1 !important;
  border-radius: 22px !important;
  padding: 20px !important;
  color: #6A5747 !important;
  line-height: 2 !important;
}


/* إطار معرض فني للمنتج بدون تغيير حجم الصورة */
.s-product-card-entry {
  background: #fffaf4 !important;
  border: 1px solid #e2d1bd !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(75, 56, 41, 0.10) !important;
  position: relative !important;
}

.s-product-card-entry::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(176, 141, 87, 0.22);
  border-radius: 22px;
  pointer-events: none;
  z-index: 2;
}

.s-product-card-entry:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 48px rgba(75, 56, 41, 0.18) !important;
}

/* عنوان المنتج بشكل فاخر */
.s-product-card-content-title,
.s-product-card-content-title a {
  color: #3f3026 !important;
  font-size: 15.5px !important;
  font-weight: 900 !important;
  line-height: 1.85 !important;
  text-align: center !important;
  letter-spacing: -0.2px;
}

/* خط ذهبي صغير تحت الاسم */
.s-product-card-content-title::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  background: #b08d57;
  margin: 10px auto 0;
  border-radius: 50px;
}

/* السعر داخل كبسولة */
.s-product-card-price,
.s-product-card-sale-price h4,
.s-product-card-content .s-product-card-price {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #f3e8d8 !important;
  color: #5a4632 !important;
  padding: 7px 16px !important;
  border-radius: 50px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  margin: 10px auto !important;
  border: 1px solid #e0c9ad !important;
}

.s-product-card-content {
  text-align: center !important;
}

/* إضاءة ناعمة عند المرور */
.s-product-card-entry {
  isolation: isolate;
}

.s-product-card-entry:hover::after {
  border-color: rgba(176, 141, 87, 0.45);
}

.s-product-card-entry:hover {
  background:
    radial-gradient(circle at top, rgba(176,141,87,0.10), transparent 45%),
    #fffaf4 !important;
}


/* صندوق معلومات المنتج في صفحة المنتج */
.product-single__content,
.product-single .product-entry,
.product-details {
  background: #fffaf4 !important;
  border: 1px solid #e6d8c8 !important;
  border-radius: 30px !important;
  padding: 28px !important;
  box-shadow: 0 18px 44px rgba(75,56,41,0.09) !important;
}

/* عنوان صفحة المنتج */
.product-single h1,
.product-title {
  color: #3f3026 !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
}

/* السعر في صفحة المنتج */
.product-single .price,
.product-price,
.product-single__price {
  color: #5a4632 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
}


.custom-trust-strip {
  max-width: 1180px;
  margin: 24px auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 0 12px;
}

.custom-trust-strip .trust-item {
  background: #FFFCF8;
  border: 1px solid #E8DED1;
  border-radius: 20px;
  padding: 18px 12px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(90,70,50,0.05);
}

.custom-trust-strip strong {
  display: block;
  color: #5A4632;
  font-weight: 900;
  margin-bottom: 6px;
}

.custom-trust-strip span {
  color: #7A6A5A;
  font-size: 13px;
}

@media (max-width: 768px) {
  .custom-trust-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}


.custom-wa-order {
  position: fixed;
  left: 22px;
  bottom: 24px;
  z-index: 9999;
  background: #25D366;
  color: #fff !important;
  padding: 13px 22px;
  border-radius: 50px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(37,211,102,0.30);
}

.custom-wa-order:hover {
  background: #1EBE5D;
}

@media (max-width: 768px) {
  .custom-wa-order {
    left: 14px;
    right: 14px;
    bottom: 16px;
    text-align: center;
  }
}

.s-product-card-entry {
  position: relative !important;
}

.custom-product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 8;
  background: rgba(90,70,50,0.92);
  color: #fff;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
}


.s-product-card-entry {
  position: relative !important;
}

.smart-product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 8;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
}

.smart-product-badge.made-order {
  background: #5A4632;
}

.smart-product-badge.ready-order {
  background: #2F8F63;
}


.custom-order-steps {
  max-width: 1180px;
  margin: 35px auto;
  padding: 34px 22px;
  background: #FBF8F3;
  border: 1px solid #E8DED1;
  border-radius: 32px;
}

.custom-order-steps .custom-title {
  text-align: center;
  margin-bottom: 28px;
}

.custom-order-steps .custom-title span {
  display: inline-block;
  color: #9C7340;
  background: rgba(176,141,87,0.12);
  padding: 7px 16px;
  border-radius: 50px;
  font-weight: 900;
  margin-bottom: 10px;
}

.custom-order-steps .custom-title h2 {
  color: #5A4632;
  font-size: 30px;
  font-weight: 900;
  margin: 0 0 8px;
}

.custom-order-steps .custom-title p {
  color: #7A6A5A;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.step-box {
  background: #fff;
  border: 1px solid #E8DED1;
  border-radius: 22px;
  padding: 24px 16px;
  text-align: center;
}

.step-box b {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  background: #B08D57;
  color: #fff;
  border-radius: 50%;
  margin-bottom: 12px;
}

.step-box h3 {
  color: #5A4632;
  font-weight: 900;
  font-size: 17px;
}

.step-box p {
  color: #7A6A5A;
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .steps-grid {
    grid-template-columns: 1fr;
  }
}


/* ==============================
   Premium Art Stats
   عداد ثقة فاخر
   ============================== */

.premium-art-stats {
  max-width: 1180px;
  margin: 34px auto 24px;
  padding: 38px 26px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(176,141,87,0.22), transparent 34%),
    linear-gradient(135deg, #fffaf4 0%, #f3eadf 100%);
  border: 1px solid #e4d2bc;
  box-shadow: 0 18px 45px rgba(90,70,50,0.10);
  position: relative;
  overflow: hidden;
}

.premium-art-stats::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(176,141,87,0.20);
  border-radius: 26px;
  pointer-events: none;
}

.premium-art-stats__head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 30px;
  position: relative;
  z-index: 2;
}

.premium-art-stats__head span {
  display: inline-block;
  background: rgba(176,141,87,0.14);
  color: #8a6235;
  border: 1px solid rgba(176,141,87,0.25);
  padding: 7px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 12px;
}

.premium-art-stats__head h2 {
  color: #4b3a2e;
  font-size: 32px;
  font-weight: 900;
  margin: 0 0 10px;
}

.premium-art-stats__head p {
  color: #7a6a5a;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

.premium-art-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  position: relative;
  z-index: 2;
}

.premium-art-stat {
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(228,210,188,0.95);
  border-radius: 26px;
  padding: 26px 14px;
  text-align: center;
  box-shadow: 0 10px 26px rgba(90,70,50,0.06);
  transition: 0.3s ease;
}

.premium-art-stat:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px rgba(90,70,50,0.12);
  border-color: #d1b48e;
}

.premium-art-stat__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5a4632;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  box-shadow: 0 10px 22px rgba(90,70,50,0.20);
}

.premium-art-stat strong {
  display: block;
  color: #5a4632;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 10px;
}

.premium-art-stat span {
  color: #7a6a5a;
  font-size: 14px;
  font-weight: 800;
}

/* الجوال */
@media (max-width: 768px) {
  .premium-art-stats {
    margin: 24px 12px;
    padding: 28px 16px;
    border-radius: 26px;
  }

  .premium-art-stats__head h2 {
    font-size: 24px;
  }

  .premium-art-stats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .premium-art-stat {
    padding: 20px 10px;
    border-radius: 20px;
  }

  .premium-art-stat strong {
    font-size: 27px;
  }

  .premium-art-stat span {
    font-size: 12.5px;
  }
}


.art-stats-section {
  max-width: 900px;
  margin: 24px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 0 12px;
}

.art-stat {
  background: #fffaf4;
  border: 1px solid #e6d8c8;
  border-radius: 22px;
  padding: 22px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(90,70,50,0.05);
}

.art-stat strong {
  display: block;
  color: #5a4632;
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 6px;
}

.art-stat span {
  color: #7a6a5a;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .art-stats-section {
    grid-template-columns: 1fr;
  }
}


.exit-art-offer {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.42);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.exit-art-offer-content {
  position: relative;
  width: 420px;
  max-width: 100%;
  background: #fffaf4;
  border-radius: 28px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 20px 55px rgba(0,0,0,0.22);
}

.exit-art-close {
  position: absolute;
  top: 12px;
  left: 14px;
  border: none;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
  color: #7a6a5a;
}

.exit-art-offer h3 {
  color: #5a4632;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}

.exit-art-offer p {
  color: #7a6a5a;
  line-height: 1.9;
  margin-bottom: 18px;
}

.exit-art-offer a {
  display: inline-flex;
  background: #a97c45;
  color: #fff !important;
  border-radius: 50px;
  padding: 12px 22px;
  font-weight: 900;
  text-decoration: none !important;
}

.execution-time-note {
  margin: 16px 0;
  padding: 16px 18px;
  background: #f3e6d4;
  color: #5a4632;
  border-radius: 18px;
  border: 1px solid #dfc7aa;
}

.execution-time-note strong {
  display: block;
  font-weight: 900;
  margin-bottom: 5px;
}

.execution-time-note span {
  color: #6f6258;
  font-size: 14px;
}


/* كرت المنتج - إطار فني فاخر بدون لمس الصور */
.s-product-card-entry {
  background: #FFFCF8 !important;
  border: 1.5px solid rgba(176, 141, 87, 0.42) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(75, 56, 41, 0.08) !important;
  transition: 0.25s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(176, 141, 87, 0.70) !important;
  box-shadow: 0 18px 42px rgba(75, 56, 41, 0.14) !important;
}


/* وصف المنتج */
.product-tabs,
.product-details,
.product-description,
.s-product-description,
#product-description,
.description,
.details {
  background: linear-gradient(180deg, #FFFCF8 0%, #FFFFFF 100%) !important;
  border: 1.5px solid rgba(176, 141, 87, 0.35) !important;
  border-radius: 26px !important;
  padding: 30px 34px !important;
  box-shadow: 0 12px 32px rgba(75, 56, 41, 0.07) !important;
  color: #3A332C !important;
  line-height: 2.15 !important;
}

/* عنوان الوصف */
.product-tabs h2,
.product-details h2,
.product-description h2,
.s-product-description h2,
#product-description h2,
.description h2,
.details h2 {
  color: #171411 !important;
  font-weight: 900 !important;
  font-size: 23px !important;
  text-align: center !important;
  margin-bottom: 22px !important;
}

.product-tabs h2::after,
.product-details h2::after,
.product-description h2::after,
.s-product-description h2::after,
#product-description h2::after,
.description h2::after,
.details h2::after {
  content: "";
  display: block;
  width: 78px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 50px;
  background: linear-gradient(90deg, transparent, #B08D57, transparent);
}

/* نص الوصف */
.product-tabs p,
.product-details p,
.product-description p,
.s-product-description p,
#product-description p,
.description p,
.details p,
.product-tabs li,
.product-details li,
.product-description li,
.s-product-description li {
  color: #4B3A2E !important;
  font-size: 16px !important;
  line-height: 2.1 !important;
}


.art-luxury-divider {
  max-width: 1180px;
  margin: 34px auto 22px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: center;
}

.art-luxury-divider span {
  height: 1px;
  flex: 1;
  max-width: 220px;
  background: linear-gradient(90deg, transparent, rgba(176,141,87,.75), transparent);
}

.art-luxury-divider b {
  color: #B08D57;
  font-size: 12px;
  letter-spacing: 3px;
  font-weight: 900;
}


/* هيدر أفخم للأيقونات */
.store-header button,
.store-header .s-search-icon,
.store-header .s-user-menu-trigger,
.store-header .s-cart-summary-wrapper,
.main-nav-container button,
.main-nav-container .s-search-icon,
.main-nav-container .s-user-menu-trigger,
.main-nav-container .s-cart-summary-wrapper {
  background: #FFFCF8 !important;
  color: #3A2B20 !important;
  border: 1px solid rgba(176,141,87,0.35) !important;
  box-shadow: 0 8px 18px rgba(58,43,32,0.12) !important;
}

.store-header svg,
.store-header i,
.main-nav-container svg,
.main-nav-container i {
  color: #3A2B20 !important;
  fill: #3A2B20 !important;
  stroke: #3A2B20 !important;
  opacity: 1 !important;
}

/* عند المرور */
.store-header button:hover,
.store-header .s-search-icon:hover,
.store-header .s-user-menu-trigger:hover,
.store-header .s-cart-summary-wrapper:hover,
.main-nav-container button:hover,
.main-nav-container .s-search-icon:hover,
.main-nav-container .s-user-menu-trigger:hover,
.main-nav-container .s-cart-summary-wrapper:hover {
  background: #F3E6D4 !important;
  border-color: #B08D57 !important;
}


.store-header svg *,
.main-nav-container svg * {
  stroke: #3A2B20 !important;
  fill: #3A2B20 !important;
  opacity: 1 !important;
}


/* ==============================
   إصلاح وضوح أيقونات الهيدر
   ============================== */

/* دوائر الأيقونات العلوية */
.store-header .s-cart-summary-wrapper,
.store-header .s-search-icon,
.store-header .s-user-menu-trigger,
.store-header button,
.store-header a,
.main-nav-container .s-cart-summary-wrapper,
.main-nav-container .s-search-icon,
.main-nav-container .s-user-menu-trigger,
.main-nav-container button,
.main-nav-container a {
  color: #2f261f !important;
}

/* خلفية الأيقونات */
.store-header .s-cart-summary-wrapper,
.store-header .s-search-icon,
.store-header .s-user-menu-trigger,
.main-nav-container .s-cart-summary-wrapper,
.main-nav-container .s-search-icon,
.main-nav-container .s-user-menu-trigger {
  background: #fffaf4 !important;
  border: 1px solid rgba(90,70,50,0.18) !important;
  box-shadow: 0 6px 16px rgba(90,70,50,0.12) !important;
}

/* لون أيقونات SVG داخل الهيدر */
.store-header svg,
.main-nav-container svg,
.store-header i,
.main-nav-container i {
  color: #2f261f !important;
  fill: #2f261f !important;
  stroke: #2f261f !important;
  opacity: 1 !important;
}

/* عداد السلة */
.s-cart-summary-count,
.s-cart-count,
.cart-count {
  background: #D85C5C !important;
  color: #fff !important;
  font-weight: 900 !important;
  border: 2px solid #fffaf4 !important;
}

/* زر المنيو اليمين */
.store-header .sicon-menu,
.main-nav-container .sicon-menu,
.store-header [class*="menu"] svg,
.main-nav-container [class*="menu"] svg {
  color: #2f261f !important;
  stroke: #2f261f !important;
  fill: #2f261f !important;
}


/* ==============================
   حل الخلفية البيضاء خلف صورة المنتج
   ============================== */

/* حاوية صورة المنتج في صفحة المنتج */
.details-slider,
.product-gallery,
.product-single__media,
.s-product-single-gallery,
.s-product-page .product-gallery,
.details-slider .swiper,
.details-slider .swiper-wrapper,
.details-slider .swiper-slide,
.details-slider .magnify-wrapper {
  background: #F6F2EB !important;
  background-color: #F6F2EB !important;
}

/* الإطار الخارجي */
.details-slider,
.product-gallery,
.product-single__media,
.s-product-single-gallery {
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(176,141,87,0.28) !important;
  box-shadow: 0 12px 32px rgba(75,56,41,0.08) !important;
}

/* صورة المنتج داخل صفحة المنتج فقط */
.details-slider img,
.product-gallery img,
.product-single__media img,
.s-product-single-gallery img {
  background: transparent !important;
  object-fit: contain !important;
  object-position: center center !important;
}