/* =========================================================
   OUJ | عوج
   Full Store Theme - Diriyah Heritage Luxury
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root {
  --ouj-cream: #F5E9D6;
  --ouj-soft: #FFFDF8;
  --ouj-beige: #E3D2B8;
  --ouj-clay: #D6B88C;
  --ouj-najdi: #C98F63;
  --ouj-sidr: #8C6B47;
  --ouj-palm: #2E4E3B;
  --ouj-dark: #1F2A24;
  --ouj-gold: #B98B4B;
  --ouj-line: rgba(140, 107, 71, 0.18);
  --ouj-shadow: rgba(46, 78, 59, 0.13);
}

/* =========================
   Global
   ========================= */

html,
body {
  font-family: "Tajawal", sans-serif !important;
  background:
    radial-gradient(circle at top right, rgba(201,143,99,0.10), transparent 32%),
    linear-gradient(180deg, #fffdf8 0%, #F5E9D6 48%, #fffdf8 100%) !important;
  color: var(--ouj-dark) !important;
  overflow-x: hidden !important;
}

* {
  scroll-behavior: smooth;
}

/* لون تحديد النص */
::selection {
  background: var(--ouj-najdi);
  color: #fff;
}

/* =========================
   Header / Top Navigation
   ========================= */

header,
.store-header,
.main-nav-container,
.navbar,
.salla-theme_6 .main-nav-container {
  background: rgba(255, 253, 248, 0.96) !important;
  border-bottom: 1px solid rgba(140,107,71,0.16) !important;
  box-shadow: 0 10px 30px rgba(31,42,36,0.06) !important;
  backdrop-filter: blur(10px) !important;
}

header a,
.store-header a,
.main-nav-container a,
.navbar a {
  color: var(--ouj-dark) !important;
  font-weight: 700 !important;
}

header a:hover,
.store-header a:hover,
.main-nav-container a:hover,
.navbar a:hover {
  color: var(--ouj-najdi) !important;
}

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

/* البحث */
input[type="search"],
.search-input,
.s-search-input,
.s-search-container input {
  background: #fffaf0 !important;
  border: 1px solid rgba(140,107,71,0.16) !important;
  border-radius: 999px !important;
  color: var(--ouj-dark) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

/* =========================
   Home Slider / Hero
   ========================= */

.s-slider-block,
.s-block--slider,
.main-slider,
.s-slider-container,
.home-slider {
  border-radius: 0 0 34px 34px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 60px rgba(31,42,36,0.16) !important;
}

/* طبقة فخمة على البنرات */
.s-slider-block img,
.s-block--slider img,
.main-slider img,
.s-slider-container img,
.home-slider img {
  filter: saturate(1.04) contrast(1.02) !important;
}

/* نص البنر */
.s-slider-block h1,
.s-slider-block h2,
.main-slider h1,
.main-slider h2,
.home-slider h1,
.home-slider h2,
.s-block--slider h1,
.s-block--slider h2 {
  color: #fffdf8 !important;
  font-weight: 900 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,0.42) !important;
  letter-spacing: -0.4px !important;
}

.s-slider-block p,
.main-slider p,
.home-slider p,
.s-block--slider p {
  color: #F5E9D6 !important;
  font-weight: 700 !important;
  text-shadow: 0 8px 20px rgba(0,0,0,0.34) !important;
}

/* أسهم السلايدر */
.swiper-button-next,
.swiper-button-prev,
.s-slider-next,
.s-slider-prev {
  background: rgba(255,253,248,0.90) !important;
  color: var(--ouj-palm) !important;
  border: 1px solid rgba(214,184,140,0.35) !important;
  box-shadow: 0 10px 25px rgba(31,42,36,0.14) !important;
}

/* =========================
   Section Titles
   ========================= */

.s-block__title,
.section-title,
.home-section h2,
.s-products-list-title,
h2 {
  color: var(--ouj-palm) !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
}

.s-block__title::after,
.section-title::after,
.home-section h2::after,
.s-products-list-title::after,
h2::after {
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 3px !important;
  margin: 12px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, var(--ouj-gold), transparent) !important;
}

/* =========================
   Product Cards
   ========================= */

.product-entry,
.s-product-card-entry,
.s-product-card-vertical,
.s-product-card-content {
  background: linear-gradient(180deg, rgba(255,253,248,0.98), rgba(245,233,214,0.76)) !important;
  border: 1px solid rgba(140,107,71,0.18) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(46,78,59,0.10) !important;
  transition: all 0.35s ease !important;
}

.product-entry:hover,
.s-product-card-entry:hover,
.s-product-card-vertical:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 24px 55px rgba(46,78,59,0.18) !important;
  border-color: rgba(185,139,75,0.45) !important;
}

/* خط فاخر أعلى كرت المنتج */
.s-product-card-entry,
.product-entry {
  position: relative !important;
}

.s-product-card-entry::before,
.product-entry::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 18px !important;
  left: 18px !important;
  height: 4px !important;
  z-index: 5 !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, var(--ouj-palm), var(--ouj-gold), var(--ouj-najdi)) !important;
}

/* صور المنتجات */
.s-product-card-image,
.product-entry__image,
.product-image {
  background: #fffaf0 !important;
  overflow: hidden !important;
}

.s-product-card-image img,
.product-entry img,
.product-image img {
  transition: transform 0.45s ease, filter 0.45s ease !important;
}

.s-product-card-entry:hover img,
.product-entry:hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry h3,
.product-title {
  color: var(--ouj-dark) !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
}

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

/* بادجات الخصم أو الوسوم */
.s-product-card-promotion-title,
.promotion-title,
.s-badge,
.badge,
.sale-badge {
  background: linear-gradient(135deg, var(--ouj-najdi), var(--ouj-gold)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  border: none !important;
}

/* =========================
   Buttons
   ========================= */

button,
.s-button-btn,
.btn,
.add-to-cart,
.s-cart-summary-button,
.s-product-card-content-footer button,
a.btn {
  background: linear-gradient(135deg, var(--ouj-palm), #213B2D) !important;
  color: #fffaf0 !important;
  border: 1px solid rgba(214,184,140,0.45) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 25px rgba(46,78,59,0.22) !important;
  transition: all 0.30s ease !important;
}

button:hover,
.s-button-btn:hover,
.btn:hover,
.add-to-cart:hover,
.s-cart-summary-button:hover,
.s-product-card-content-footer button:hover,
a.btn:hover {
  background: linear-gradient(135deg, var(--ouj-najdi), var(--ouj-sidr)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(201,143,99,0.26) !important;
}

/* الأزرار الثانوية */
.s-button-outline,
.btn-outline {
  background: transparent !important;
  color: var(--ouj-palm) !important;
  border: 1px solid rgba(46,78,59,0.32) !important;
}

/* =========================
   Features Section / خصائص المتجر
   ========================= */

.s-block--features,
.s-features,
.features,
.store-features {
  background:
    radial-gradient(circle at top right, rgba(201,143,99,0.11), transparent 32%),
    linear-gradient(180deg, #fffdf8 0%, #F5E9D6 100%) !important;
  border-radius: 30px !important;
  padding: 38px 24px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* زخرفة خفيفة داخل الخصائص */
.s-block--features::before,
.s-features::before,
.features::before,
.store-features::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.05 !important;
  background-image:
    linear-gradient(45deg, transparent 43%, #8C6B47 43%, #8C6B47 46%, transparent 46%),
    linear-gradient(-45deg, transparent 43%, #8C6B47 43%, #8C6B47 46%, transparent 46%),
    radial-gradient(circle, #8C6B47 2px, transparent 2px);
  background-size: 72px 72px, 72px 72px, 26px 26px !important;
}

.s-feature,
.feature,
.s-block--features .item,
.s-features .item,
.features .item,
.store-features .item {
  background: rgba(255,253,248,0.90) !important;
  border: 1px solid rgba(140,107,71,0.16) !important;
  border-radius: 24px !important;
  padding: 26px 18px !important;
  box-shadow: 0 12px 30px rgba(46,78,59,0.09) !important;
  transition: all 0.35s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.s-feature:hover,
.feature:hover,
.s-block--features .item:hover,
.s-features .item:hover,
.features .item:hover,
.store-features .item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 45px rgba(46,78,59,0.16) !important;
}

/* أيقونات الخصائص */
.s-feature svg,
.feature svg,
.s-features svg,
.features svg,
.store-features svg,
.s-feature i,
.feature i,
.s-features i,
.features i,
.store-features i {
  color: var(--ouj-palm) !important;
  fill: var(--ouj-palm) !important;
}

/* عناوين الخصائص */
.s-feature h3,
.feature h3,
.s-features h3,
.features h3,
.store-features h3,
.s-feature-title,
.feature-title {
  color: var(--ouj-palm) !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* وصف الخصائص */
.s-feature p,
.feature p,
.s-features p,
.features p,
.store-features p,
.s-feature-description,
.feature-description {
  color: var(--ouj-sidr) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

/* =========================
   Story / About Section
   ========================= */

.s-block--story,
.store-story,
.story-section,
.about-section {
  background: linear-gradient(135deg, #fffdf8 0%, #F5E9D6 100%) !important;
  border: 1px solid rgba(140,107,71,0.14) !important;
  border-radius: 32px !important;
  box-shadow: 0 18px 45px rgba(46,78,59,0.10) !important;
  overflow: hidden !important;
}

.s-block--story h2,
.store-story h2,
.story-section h2,
.about-section h2 {
  color: var(--ouj-palm) !important;
  font-weight: 900 !important;
}

.s-block--story p,
.store-story p,
.story-section p,
.about-section p {
  color: var(--ouj-sidr) !important;
  font-weight: 600 !important;
  line-height: 2 !important;
}

.s-block--story img,
.store-story img,
.story-section img,
.about-section img {
  border-radius: 26px !important;
  box-shadow: 0 16px 38px rgba(31,42,36,0.14) !important;
}

/* =========================
   Categories
   ========================= */

.category-card,
.s-category-card,
.s-categories-grid a,
.s-block--categories a {
  background: linear-gradient(180deg, #fffdf8, #F5E9D6) !important;
  border: 1px solid rgba(140,107,71,0.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(46,78,59,0.09) !important;
  overflow: hidden !important;
  transition: all 0.32s ease !important;
}

.category-card:hover,
.s-category-card:hover,
.s-categories-grid a:hover,
.s-block--categories a:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 46px rgba(46,78,59,0.16) !important;
}

/* =========================
   Footer
   ========================= */

footer,
.store-footer,
.s-footer {
  background: linear-gradient(135deg, #1F2A24 0%, #2E4E3B 55%, #1F2A24 100%) !important;
  color: #fffaf0 !important;
  border-top: 3px solid var(--ouj-gold) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* زخرفة ناعمة في الفوتر */
footer::before,
.store-footer::before,
.s-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.055 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(45deg, transparent 43%, #D6B88C 43%, #D6B88C 46%, transparent 46%),
    linear-gradient(-45deg, transparent 43%, #D6B88C 43%, #D6B88C 46%, transparent 46%),
    radial-gradient(circle, #D6B88C 2px, transparent 2px);
  background-size: 72px 72px, 72px 72px, 26px 26px !important;
}

footer *,
.store-footer *,
.s-footer * {
  position: relative !important;
  z-index: 2 !important;
}

footer h3,
footer h4,
.store-footer h3,
.store-footer h4,
.s-footer h3,
.s-footer h4 {
  color: #F5E9D6 !important;
  font-weight: 900 !important;
}

footer p,
.store-footer p,
.s-footer p,
footer li,
.store-footer li,
.s-footer li {
  color: rgba(255,253,248,0.82) !important;
  line-height: 1.9 !important;
}

footer a,
.store-footer a,
.s-footer a {
  color: rgba(255,253,248,0.85) !important;
  font-weight: 700 !important;
  transition: all 0.25s ease !important;
}

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

/* عبارة أخيرة للفوتر */
footer::after,
.store-footer::after,
.s-footer::after {
  content: "استلهام من العوجا، عنوان المجد وأثر الدرعية الخالد";
  display: block;
  position: relative;
  z-index: 3;
  text-align: center;
  color: var(--ouj-clay);
  font-weight: 900;
  font-size: 14px;
  padding: 18px 12px 24px;
  letter-spacing: 0.2px;
}

/* سوشال ميديا */
.social-icons a,
.social-links a,
.s-social-list a,
footer .social a,
.store-footer .social a,
.s-footer .social a {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(245,233,214,0.10) !important;
  border: 1px solid rgba(214,184,140,0.28) !important;
  color: #fffdf8 !important;
  transition: all 0.3s ease !important;
}

.social-icons a:hover,
.social-links a:hover,
.s-social-list a:hover,
footer .social a:hover,
.store-footer .social a:hover,
.s-footer .social a:hover {
  transform: translateY(-4px) scale(1.05) !important;
  background: linear-gradient(135deg, var(--ouj-najdi), var(--ouj-sidr)) !important;
}

/* =========================
   Forms / Inputs
   ========================= */

input,
textarea,
select {
  background: #fffdf8 !important;
  border: 1px solid rgba(140,107,71,0.20) !important;
  border-radius: 16px !important;
  color: var(--ouj-dark) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--ouj-gold) !important;
  box-shadow: 0 0 0 4px rgba(185,139,75,0.13) !important;
}

/* =========================
   Product Page
   ========================= */

.product-single,
.product-details,
.s-product-page {
  background: #fffdf8 !important;
}

.product-single h1,
.product-details h1,
.s-product-page h1 {
  color: var(--ouj-dark) !important;
  font-weight: 900 !important;
}

.product-single .price,
.product-details .price,
.s-product-page .price {
  color: var(--ouj-palm) !important;
  font-weight: 900 !important;
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 768px) {
  .s-slider-block,
  .s-block--slider,
  .main-slider,
  .s-slider-container,
  .home-slider {
    border-radius: 0 0 24px 24px !important;
  }

  .s-block--features,
  .s-features,
  .features,
  .store-features {
    border-radius: 22px !important;
    padding: 24px 14px !important;
  }

  .s-feature,
  .feature,
  .s-block--features .item,
  .s-features .item,
  .features .item,
  .store-features .item {
    border-radius: 18px !important;
    padding: 20px 14px !important;
  }

  .s-block__title,
  .section-title,
  .home-section h2,
  h2 {
    font-size: 22px !important;
  }

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

  footer::after,
  .store-footer::after,
  .s-footer::after {
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
}
/* =========================================================
   FIX: Footer + Story/About Section
   حطه آخر شيء في الـ CSS
   ========================================================= */

/* =========================
   FOOTER FIX
   ========================= */

/* كل مناطق الفوتر */
footer,
.store-footer,
.s-footer,
.store-footer .container,
.s-footer .container,
.store-footer__inner,
.store-footer__top,
.store-footer__middle,
.store-footer__bottom,
.footer-is-dark,
[class*="footer"] {
  background: linear-gradient(135deg, #1F2A24 0%, #2E4E3B 55%, #1F2A24 100%) !important;
  color: #F5E9D6 !important;
}

/* النصوص داخل الفوتر */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.store-footer h1, .store-footer h2, .store-footer h3, .store-footer h4, .store-footer h5, .store-footer h6,
.s-footer h1, .s-footer h2, .s-footer h3, .s-footer h4, .s-footer h5, .s-footer h6,
footer .title, .store-footer .title, .s-footer .title {
  color: #F5E9D6 !important;
  font-weight: 900 !important;
}

footer p,
footer span,
footer li,
footer small,
footer strong,
footer div,
.store-footer p,
.store-footer span,
.store-footer li,
.store-footer small,
.store-footer strong,
.store-footer div,
.s-footer p,
.s-footer span,
.s-footer li,
.s-footer small,
.s-footer strong,
.s-footer div {
  color: rgba(245, 233, 214, 0.92) !important;
}

/* الروابط */
footer a,
.store-footer a,
.s-footer a {
  color: #F5E9D6 !important;
  font-weight: 700 !important;
}

footer a:hover,
.store-footer a:hover,
.s-footer a:hover {
  color: #D6B88C !important;
}

/* لو فيه صناديق/بلوكات داخل الفوتر بخلفية بيضاء */
footer [class*="col"],
footer [class*="grid"],
footer [class*="block"],
footer [class*="item"],
.store-footer [class*="col"],
.store-footer [class*="grid"],
.store-footer [class*="block"],
.store-footer [class*="item"],
.s-footer [class*="col"],
.s-footer [class*="grid"],
.s-footer [class*="block"],
.s-footer [class*="item"] {
  background: transparent !important;
  border-color: rgba(245, 233, 214, 0.08) !important;
}

/* منطقة الحقوق والدفع */
footer .copyright,
footer .store-footer__copyright,
footer .payment-methods,
.store-footer .copyright,
.store-footer .store-footer__copyright,
.store-footer .payment-methods,
.s-footer .copyright,
.s-footer .store-footer__copyright,
.s-footer .payment-methods {
  background: rgba(0, 0, 0, 0.10) !important;
  border-top: 1px solid rgba(245, 233, 214, 0.10) !important;
  color: #F5E9D6 !important;
}

/* الأيقونات الاجتماعية */
footer .social a,
footer .social-icons a,
footer .social-links a,
.store-footer .social a,
.store-footer .social-icons a,
.store-footer .social-links a,
.s-footer .social a,
.s-footer .social-icons a,
.s-footer .social-links a {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(245, 233, 214, 0.08) !important;
  border: 1px solid rgba(245, 233, 214, 0.18) !important;
  color: #F5E9D6 !important;
}

footer .social a:hover,
footer .social-icons a:hover,
footer .social-links a:hover,
.store-footer .social a:hover,
.store-footer .social-icons a:hover,
.store-footer .social-links a:hover,
.s-footer .social a:hover,
.s-footer .social-icons a:hover,
.s-footer .social-links a:hover {
  background: linear-gradient(135deg, #C98F63, #8C6B47) !important;
  color: #fff !important;
  transform: translateY(-3px) !important;
}

/* عبارة الفوتر الأخيرة */
footer::after,
.store-footer::after,
.s-footer::after {
  content: "استلهام من العوجا، عنوان المجد وأثر الدرعية الخالد";
  display: block !important;
  text-align: center !important;
  color: #D6B88C !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  padding: 18px 10px 24px !important;
  background: transparent !important;
}

/* زخرفة خفيفة في الفوتر */
footer::before,
.store-footer::before,
.s-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.05 !important;
  background-image:
    linear-gradient(45deg, transparent 43%, #D6B88C 43%, #D6B88C 46%, transparent 46%),
    linear-gradient(-45deg, transparent 43%, #D6B88C 43%, #D6B88C 46%, transparent 46%),
    radial-gradient(circle, #D6B88C 1.8px, transparent 1.8px);
  background-size: 72px 72px, 72px 72px, 26px 26px !important;
}

/* يخلي محتوى الفوتر فوق الزخرفة */
footer,
.store-footer,
.s-footer {
  position: relative !important;
  overflow: hidden !important;
}

footer > *,
.store-footer > *,
.s-footer > * {
  position: relative !important;
  z-index: 2 !important;
}

/* =========================
   STORY / ABOUT FIX
   ========================= */

/* حاوية من نحن / قصتنا */
.s-block--story,
.store-story,
.story-section,
.about-section,
[class*="story-section"],
[class*="about-section"] {
  background: linear-gradient(135deg, #FFFDF8 0%, #F5E9D6 100%) !important;
  border: 1px solid rgba(140, 107, 71, 0.16) !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 40px rgba(46, 78, 59, 0.10) !important;
  overflow: hidden !important;
}

/* لو فيه الجهة النصية */
.s-block--story .content,
.store-story .content,
.story-section .content,
.about-section .content,
.s-block--story .text,
.store-story .text,
.story-section .text,
.about-section .text {
  background: transparent !important;
}

/* عنوان من نحن */
.s-block--story h1,
.s-block--story h2,
.s-block--story h3,
.store-story h1,
.store-story h2,
.store-story h3,
.story-section h1,
.story-section h2,
.story-section h3,
.about-section h1,
.about-section h2,
.about-section h3 {
  color: #2E4E3B !important;
  font-weight: 900 !important;
}

/* وصف من نحن */
.s-block--story p,
.store-story p,
.story-section p,
.about-section p,
.s-block--story li,
.store-story li,
.story-section li,
.about-section li {
  color: #8C6B47 !important;
  font-weight: 600 !important;
  line-height: 2 !important;
}

/* الصورة الجانبية */
.s-block--story img,
.store-story img,
.story-section img,
.about-section img {
  border-radius: 24px !important;
  box-shadow: 0 16px 35px rgba(31, 42, 36, 0.14) !important;
  object-fit: cover !important;
}

/* لو فيه زر اقرأ المزيد */
.s-block--story .btn,
.store-story .btn,
.story-section .btn,
.about-section .btn,
.s-block--story button,
.store-story button,
.story-section button,
.about-section button {
  background: linear-gradient(135deg, #2E4E3B, #1F2A24) !important;
  color: #FFFDF8 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 184, 140, 0.35) !important;
}

/* موبايل */
@media (max-width: 768px) {
  .s-block--story,
  .store-story,
  .story-section,
  .about-section {
    border-radius: 22px !important;
  }

  footer::after,
  .store-footer::after,
  .s-footer::after {
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
}


/

/* =========================================================
   FIX: Product Page Text White Highlight
   إزالة الخلفية البيضاء من نصوص صفحة المنتج
   ========================================================= */

/* خلفية صفحة المنتج */
.product-single,
.product-details,
.s-product-page,
.s-product,
main,
#app {
  background: linear-gradient(135deg, #1F2A24 0%, #2E4E3B 100%) !important;
}

/* نصوص صفحة المنتج */
.product-single h1,
.product-single h2,
.product-single h3,
.product-single p,
.product-single span,
.product-single div,
.product-details h1,
.product-details h2,
.product-details h3,
.product-details p,
.product-details span,
.product-details div,
.s-product-page h1,
.s-product-page h2,
.s-product-page h3,
.s-product-page p,
.s-product-page span,
.s-product-page div,
.s-product h1,
.s-product h2,
.s-product h3,
.s-product p,
.s-product span,
.s-product div {
  color: #F5E9D6 !important;
  background: transparent !important;
}

/* وصف المنتج تحديدًا */
.product-description,
.product__description,
.s-product-description,
.s-product-content,
.s-product-content p,
.s-product-content span,
.s-product-content div,
.s-product-tabs-content,
.s-product-tabs-content p,
.s-product-tabs-content span,
.s-product-tabs-content div,
.description,
.description p,
.description span,
.description div {
  color: #F5E9D6 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* إزالة أي خلفية بيضاء من النصوص داخل تفاصيل المنتج */
.product-single [style*="background"],
.product-details [style*="background"],
.s-product-page [style*="background"],
.s-product [style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* الجداول أو مواصفات المنتج */
.product-single table,
.product-details table,
.s-product-page table,
.s-product table,
.product-single td,
.product-details td,
.s-product-page td,
.s-product td,
.product-single th,
.product-details th,
.s-product-page th,
.s-product th {
  background: transparent !important;
  color: #F5E9D6 !important;
  border-color: rgba(245, 233, 214, 0.18) !important;
}

/* السعر */
.product-single .price,
.product-details .price,
.s-product-page .price,
.s-product .price,
.s-product-card-price,
.s-price {
  color: #F5E9D6 !important;
  background: transparent !important;
  font-weight: 900 !important;
}

/* السعر القديم */
.product-single del,
.product-details del,
.s-product-page del,
.s-product del {
  color: rgba(245, 233, 214, 0.45) !important;
  background: transparent !important;
}

/* البطاقات البيضاء مثل السعر والكمية نخليها واضحة وما نخربها */
.product-single .s-product-options-wrapper,
.product-single .s-quantity-input-container,
.product-single .s-cart-summary-wrapper,
.product-details .s-product-options-wrapper,
.product-details .s-quantity-input-container,
.product-details .s-cart-summary-wrapper,
.s-product-page .s-product-options-wrapper,
.s-product-page .s-quantity-input-container,
.s-product-page .s-cart-summary-wrapper {
  background: #FFFDF8 !important;
  color: #1F2A24 !important;
}

/* داخل صندوق السعر والكمية يبقى غامق وواضح */
.product-single .s-product-options-wrapper *,
.product-single .s-quantity-input-container *,
.product-single .s-cart-summary-wrapper *,
.product-details .s-product-options-wrapper *,
.product-details .s-quantity-input-container *,
.product-details .s-cart-summary-wrapper *,
.s-product-page .s-product-options-wrapper *,
.s-product-page .s-quantity-input-container *,
.s-product-page .s-cart-summary-wrapper * {
  color: #1F2A24 !important;
}

/* زر إضافة للسلة */
.s-add-product-button-main,
.s-cart-summary-button,
button[type="submit"] {
  background: linear-gradient(135deg, #2E4E3B, #1F2A24) !important;
  color: #FFFDF8 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(214, 184, 140, 0.35) !important;
  box-shadow: 0 12px 28px rgba(31, 42, 36, 0.22) !important;
}

/* مسار التصنيف فوق المنتج */
.breadcrumb,
.breadcrumb a,
.s-breadcrumb,
.s-breadcrumb a {
  color: #F5E9D6 !important;
  background: transparent !important;
}