/*
====================================================
 NAWA DIGITAL | RAED THEME
 Unified Storefront CSS | 2026
 Navy • Gold • White
====================================================
*/

/* 01 — Brand identity */
:root {
  --nawa-navy: #183a56;
  --nawa-deep: #10283d;
  --nawa-gold: #b89448;
  --nawa-gold-light: #d7b76b;
  --nawa-bg: #f7f8fa;
  --nawa-white: #ffffff;
  --nawa-text: #10283d;
  --nawa-muted: #64748b;
  --nawa-border: rgba(184, 148, 72, .24);
  --nawa-shadow: 0 4px 18px rgba(16, 40, 61, .07);
  --nawa-radius: 14px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--nawa-bg);
  color: var(--nawa-text);
}

/* 02 — Header */
.store-header,
header.store-header,
.store-header .main-nav-container {
  background-color: var(--nawa-navy) !important;
}

.store-header {
  border-bottom: 2px solid var(--nawa-gold) !important;
}

.store-header a,
.store-header button,
.store-header [class*="sicon-"] {
  color: #fff !important;
}

.store-header svg {
  color: #fff;
}

.store-header a {
  transition: color .2s ease;
}

@media (hover: hover) {
  .store-header a:hover {
    color: var(--nawa-gold-light) !important;
  }
}

/* 03 — Search */
.store-header input[type="search"],
.store-header input[type="text"] {
  background: #fff !important;
  color: var(--nawa-deep) !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  border-radius: 12px !important;
}

.store-header input::placeholder {
  color: #64748b !important;
}

/* 04 — Native cart */
.store-header salla-cart-summary {
  display: inline-flex !important;
  align-items: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.store-header .s-cart-summary-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px;
  min-height: 40px;
  text-decoration: none !important;
}

.store-header #s-cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.store-header #s-cart-icon svg {
  width: 25px !important;
  height: 25px !important;
}

.store-header #s-cart-icon .sicon-shopping-bag {
  font-size: 25px !important;
}

.store-header .s-cart-summary-content,
.store-header .s-cart-summary-total,
.store-header .s-cart-summary-count {
  display: none !important;
}

/* 05 — Account */
.store-header salla-user-menu[show-header] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1.5px solid rgba(255,255,255,.85) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.store-header salla-user-menu .s-user-menu-login-btn,
.store-header salla-user-menu::part(trigger) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.store-header salla-user-menu .s-user-menu-login-btn svg {
  width: 24px !important;
  height: 24px !important;
  color: #fff !important;
}

/* 06 — Accessibility */
.store-header a:focus-visible,
.store-header button:focus-visible,
.store-header .s-cart-summary-wrapper:focus-visible,
.s-product-card-entry a:focus-visible,
.s-product-card-entry button:focus-visible {
  outline: 2px solid var(--nawa-gold) !important;
  outline-offset: 3px;
}

/* 07 — Section headings */
.s-block__title,
.s-block__title h2,
.s-block__title h3,
.products-section-title,
.s-products-list-title,
.page-title {
  color: var(--nawa-deep) !important;
  font-weight: 800 !important;
  line-height: 1.5;
}

.s-block__title h2,
.s-block__title h3 {
  letter-spacing: 0;
}

/* 08 — Product cards */
.s-product-card-entry,
custom-salla-product-card.s-product-card-entry {
  background: #fff !important;
  border: 1px solid var(--nawa-border) !important;
  border-radius: var(--nawa-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--nawa-shadow);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/*
 Important:
 Do not force product-card height, display,
 flex-grow, or the theme's fit-height behavior.
 Raed controls the card layout.
*/

/* 09 — Product image */
.s-product-card-entry .s-product-card-image {
  background: #fff !important;
  overflow: hidden;
}

.s-product-card-entry .s-product-card-image img,
.s-product-card-entry img.s-product-card-image {
  object-fit: contain !important;
  object-position: center !important;
}

/*
 Image dimensions are not forced here.
 This avoids conflict with Raed's native
 card image dimensions and proportions.
*/

/* 10 — Product information */
.s-product-card-entry .s-product-card-content {
  background: #fff !important;
}

.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: var(--nawa-deep) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
}

/* 11 — Prices */
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price,
.s-product-card-entry .total-price {
  color: var(--nawa-gold) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.s-product-card-entry .s-product-card-regular-price {
  color: #94a3b8 !important;
  font-size: 13px !important;
  text-decoration: line-through;
}

/* 12 — Product buttons */
.s-product-card-entry salla-add-product-button {
  --color-primary: var(--nawa-deep);
  --color-primary-reverse: #fff;
}

.s-product-card-entry .s-button-primary,
.s-product-card-entry .s-button-btn,
.s-product-card-entry salla-add-product-button::part(button) {
  min-height: 42px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

.s-product-card-entry .s-button-primary:not(:disabled),
.s-product-card-entry .s-button-btn:not(:disabled) {
  background: var(--nawa-deep) !important;
  color: #fff !important;
  border-color: var(--nawa-deep) !important;
}

.s-product-card-entry button:disabled {
  background: #607584 !important;
  color: #fff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* 13 — Product hover */
@media (hover: hover) {
  .s-product-card-entry:hover {
    transform: translateY(-3px);
    border-color: var(--nawa-gold) !important;
    box-shadow: 0 10px 24px rgba(16,40,61,.12);
  }

  .s-product-card-entry .s-button-primary:not(:disabled):hover,
  .s-product-card-entry .s-button-btn:not(:disabled):hover {
    background: var(--nawa-gold) !important;
    border-color: var(--nawa-gold) !important;
  }
}

/* 14 — General buttons */
.s-button-primary {
  border-radius: 10px;
  font-weight: 700;
}

/* 15 — Footer */
.store-footer,
footer.store-footer {
  background: var(--nawa-deep) !important;
  color: #fff !important;
}

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

@media (hover: hover) {
  .store-footer a:hover {
    color: var(--nawa-gold-light) !important;
  }
}

/* 16 — Mobile */
@media (max-width: 767px) {
  .s-product-card-entry {
    border-radius: 12px !important;
  }

  .s-product-card-entry .s-product-card-content-title,
  .s-product-card-entry .s-product-card-content-title a {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .s-product-card-entry .s-product-card-price,
  .s-product-card-entry .s-product-card-sale-price {
    font-size: 15px !important;
  }

  .s-product-card-entry .s-button-btn {
    min-height: 40px !important;
  }

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

  .store-header salla-user-menu[show-header] {
    width: 36px !important;
    height: 36px !important;
  }

  .store-header #s-cart-icon svg {
    width: 23px !important;
    height: 23px !important;
  }
}

/* 17 — Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .s-product-card-entry {
    transition: none !important;
    transform: none !important;
  }
}

/* ==========================================
   NAWA DIGITAL — RAED THEME FIX
   إصلاح بطاقات المنتجات والمسافات
   ========================================== */

:root {
  --nawa-navy: #183a56;
  --nawa-deep: #10283d;
  --nawa-gold: #b89448;
  --nawa-bg: #f7f8fa;
}

/* الخلفية العامة */
body {
  background: var(--nawa-bg);
  color: var(--nawa-deep);
}

/* بطاقات المنتجات */
custom-salla-product-card.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(184,148,72,.25) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(16,40,61,.07);
}

/* مساحة الصورة */
custom-salla-product-card .s-product-card-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* عرض الصورة دون تشويه */
custom-salla-product-card .s-product-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* منطقة المعلومات */
custom-salla-product-card .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 12px !important;
  gap: 8px !important;
}

/* إزالة الفراغات داخل البطاقة */
custom-salla-product-card .s-product-card-content-main,
custom-salla-product-card .s-product-card-content-sub,
custom-salla-product-card .s-product-card-content-footer {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* العنوان */
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a {
  color: var(--nawa-deep) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* السعر */
custom-salla-product-card .s-product-card-price,
custom-salla-product-card .s-product-card-sale-price {
  color: var(--nawa-gold) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

/* أزرار المنتجات */
custom-salla-product-card .s-button-btn {
  min-height: 42px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

custom-salla-product-card .s-button-btn:disabled {
  background: #607584 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* عناوين الأقسام */
.s-block__title,
.s-block__title h2,
.s-block__title h3 {
  color: var(--nawa-deep) !important;
  font-weight: 800 !important;
}

/* الهواتف */
@media (max-width: 767px) {
  custom-salla-product-card .s-product-card-content {
    padding: 9px !important;
    gap: 6px !important;
  }

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

  custom-salla-product-card .s-product-card-price,
  custom-salla-product-card .s-product-card-sale-price {
    font-size: 15px !important;
  }
}

/* NAWA DIGITAL | Footer Design | Raed Theme */

:root {
  --nawa-footer-bg: #10283d;
  --nawa-footer-gold: #b89448;
}

/* Footer background */
.store-footer,
footer.store-footer,
#footer {
  background: var(--nawa-footer-bg) !important;
  color: #ffffff !important;
  border-top: 3px solid var(--nawa-footer-gold) !important;
}

/* Footer sections and text */
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer p,
.store-footer span,
.store-footer li,
#footer h2,
#footer h3,
#footer h4,
#footer p,
#footer span,
#footer li {
  color: #ffffff !important;
}

/* Links */
.store-footer a,
#footer a {
  color: #f5f5f5 !important;
  text-decoration: none;
  transition: color .2s ease;
}

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

/* Icons */
.store-footer svg,
.store-footer [class*="sicon-"],
#footer svg,
#footer [class*="sicon-"] {
  color: var(--nawa-footer-gold) !important;
}

/* Separators */
.store-footer hr,
#footer hr {
  border-color: rgba(255,255,255,.2) !important;
}

/* Social media */
.store-footer a:focus-visible,
#footer a:focus-visible {
  outline: 2px solid var(--nawa-footer-gold);
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 767px) {
  .store-footer,
  #footer {
    text-align: right;
  }
}

/* NAWA DIGITAL | Footer Contrast Fix */

footer,
.store-footer,
#footer,
footer.store-footer,
.s-footer {
  background-color: #10283d !important;
  color: #ffffff !important;
}

/* Main footer containers */
footer .container,
.store-footer .container,
.s-footer .container,
footer .footer-content,
.s-footer .footer-content {
  background-color: transparent !important;
}

/* Footer headings and text */
footer h2,
footer h3,
footer h4,
footer p,
footer li,
footer a,
footer span,
.s-footer h2,
.s-footer h3,
.s-footer h4,
.s-footer p,
.s-footer li,
.s-footer a,
.s-footer span {
  color: #ffffff !important;
}

/* Footer links */
footer a:hover,
.s-footer a:hover {
  color: #d9b66a !important;
}

/* Footer icons */
footer svg,
footer [class*="sicon-"],
.s-footer svg,
.s-footer [class*="sicon-"] {
  color: #b89448 !important;
}

/* Footer top border */
footer,
.s-footer {
  border-top: 3px solid #b89448 !important;
}

/* ======================================
   NAWA DIGITAL | RAED THEME
   Footer Visibility Fix
   ====================================== */

:root {
  --nawa-navy: #142b43;
  --nawa-gold: #b9904b;
}

/* الخلفية الرئيسية للتذييل */
footer.store-footer,
footer.store-footer .store-footer__inner {
  background: var(--nawa-navy) !important;
  color: #ffffff !important;
}

/* عناوين ومحتويات التذييل */
footer.store-footer h2,
footer.store-footer h3,
footer.store-footer h4,
footer.store-footer h5,
footer.store-footer p,
footer.store-footer span,
footer.store-footer li,
footer.store-footer a,
footer.store-footer label {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* العناوين باللون الذهبي */
footer.store-footer h2,
footer.store-footer h3,
footer.store-footer h4 {
  color: #e2bd72 !important;
  font-weight: 800 !important;
}

/* الروابط */
footer.store-footer a {
  text-decoration: none;
  transition: color .2s ease;
}

footer.store-footer a:hover {
  color: #e2bd72 !important;
}

/* أيقونات التواصل */
footer.store-footer svg {
  color: #e2bd72 !important;
}

/* الحدود والفواصل */
footer.store-footer hr {
  border-color: rgba(185, 144, 75, .35) !important;
}

/* نص الحقوق */
footer.store-footer .container.text-center,
footer.store-footer .container.text-center * {
  color: #ffffff !important;
}

/* الحفاظ على وضوح التذييل بالجوال */
@media (max-width: 767px) {
  footer.store-footer .store-footer__inner {
    padding-top: 28px;
    padding-bottom: 24px;
  }
}

/* =========================================
   NAWA DIGITAL - STORE FEATURES
   Raed Theme | Scoped Enhancement
   ========================================= */

:root {
  --nawa-navy: #142b43;
  --nawa-gold: #b9904b;
}

/* بطاقات المميزات في الصفحة الرئيسية */
body.theme-raed .s-block--features,
body.theme-raed .store-features {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* تنسيق البطاقات عند وجود مكون مميزات سلة */
body.theme-raed .s-block--features .s-block__content,
body.theme-raed .store-features .container {
  gap: 16px !important;
}

/* تجنب تغيير بطاقات المنتجات والتذييل */
body.theme-raed .s-block--features .feature-item,
body.theme-raed .s-block--features .feature-card,
body.theme-raed .store-features .feature-item {
  background: #ffffff !important;
  border: 1px solid rgba(185,144,75,.32) !important;
  border-radius: 16px !important;
  padding: 20px 16px !important;
  box-shadow: 0 5px 18px rgba(20,43,67,.06) !important;
  min-height: 0 !important;
  height: auto !important;
}

/* عناوين المميزات */
body.theme-raed .s-block--features .feature-item h3,
body.theme-raed .s-block--features .feature-card h3,
body.theme-raed .store-features .feature-item h3 {
  color: var(--nawa-navy) !important;
  font-weight: 800 !important;
}

/* وصف المميزات */
body.theme-raed .s-block--features .feature-item p,
body.theme-raed .s-block--features .feature-card p,
body.theme-raed .store-features .feature-item p {
  color: #64748b !important;
}

/* الأيقونات */
body.theme-raed .s-block--features .feature-item svg,
body.theme-raed .s-block--features .feature-card svg,
body.theme-raed .store-features .feature-item svg {
  color: var(--nawa-gold) !important;
}

/* الجوال */
@media (max-width: 767px) {
  body.theme-raed .s-block--features,
  body.theme-raed .store-features {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* NAWA DIGITAL — Features Section V2 */

:root {
  --nawa-navy: #183a56;
  --nawa-deep: #10283d;
  --nawa-gold: #b89448;
}

/* =====================================
   NAWA DIGITAL
   FEATURES SECTION - DESIGN 2
   ===================================== */

section.s-block--features {
  --nawa-navy: #183a56;
  --nawa-gold: #b89448;

  padding: 24px 0 !important;
  margin: 0 !important;
  background: #f7f8fa !important;
}

/* شبكة المميزات */
section.s-block--features > .grid {
  gap: 16px !important;
  align-items: stretch !important;
}

/* البطاقات الثلاث */
section.s-block--features
.s-block--features__item {
  min-height: 155px !important;
  height: auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center !important;
  gap: 9px !important;

  padding: 22px 16px !important;
  margin: 0 !important;

  background: #ffffff !important;
  border: 1px solid rgba(184,148,72,.45) !important;
  border-radius: 18px !important;

  box-shadow: 0 5px 18px rgba(16,40,61,.07) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

/* تأثير المرور */
section.s-block--features
.s-block--features__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(16,40,61,.12) !important;
}

/* الأيقونات */
section.s-block--features
.s-block--features__item
:is(i, svg) {
  color: #b89448 !important;
}

/* دائرة الأيقونة إن وجدت */
section.s-block--features
.s-block--features__item
:is(.feature-icon, .icon-wrapper) {
  background: #183a56 !important;
  border: 1px solid #b89448 !important;
  border-radius: 50% !important;
}

/* العناوين */
section.s-block--features
.s-block--features__item
:is(h3, h4, h5) {
  color: #10283d !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

/* النصوص الوصفية */
section.s-block--features
.s-block--features__item p {
  color: #526273 !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* تقليل المسافة قبل التذييل */
section.s-block--features + footer {
  margin-top: 0 !important;
}

/* عرض الجوال */
@media (max-width: 767px) {
  section.s-block--features {
    padding: 16px 0 !important;
  }

  section.s-block--features > .grid {
    gap: 10px !important;
  }

  section.s-block--features
  .s-block--features__item {
    min-height: 135px !important;
    padding: 16px 10px !important;
    border-radius: 14px !important;
  }
}

/* بطاقات المميزات أعلى التذييل */
.s-features,
.s-block--features,
.store-features {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  margin-bottom: 0 !important;
}

/* شبكة البطاقات */
.s-features .container,
.s-block--features .container,
.store-features .container {
  gap: 16px !important;
}

/* تصميم البطاقة */
.s-features .feature,
.s-features .s-features__item,
.s-block--features .feature,
.store-features .feature {
  background: linear-gradient(
    145deg, #ffffff, #f8fafc
  ) !important;
  border: 1px solid rgba(184,148,72,.45) !important;
  border-radius: 16px !important;
  padding: 24px 18px !important;
  box-shadow: 0 5px 18px rgba(16,40,61,.07) !important;
  transition: transform .25s ease,
              box-shadow .25s ease;
}

.s-features .feature:hover,
.s-features .s-features__item:hover,
.s-block--features .feature:hover,
.store-features .feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 9px 24px rgba(16,40,61,.13) !important;
}

/* أيقونات المميزات */
.s-features .feature i,
.s-features .s-features__item i,
.s-block--features .feature i,
.store-features .feature i {
  color: var(--nawa-gold) !important;
}

/* العناوين */
.s-features h3,
.s-features h4,
.s-block--features h3,
.store-features h3 {
  color: var(--nawa-deep) !important;
  font-weight: 800 !important;
}

/* الوصف */
.s-features p,
.s-block--features p,
.store-features p {
  color: #526273 !important;
  line-height: 1.7 !important;
}

/* تقليل الفراغ قبل التذييل */
.s-features + footer,
.s-block--features + footer,
.store-features + footer {
  margin-top: 0 !important;
}

/* الجوال */
@media (max-width: 767px) {
  .s-features,
  .s-block--features,
  .store-features {
    padding: 16px 0 !important;
  }

  .s-features .feature,
  .s-features .s-features__item,
  .s-block--features .feature,
  .store-features .feature {
    padding: 18px 12px !important;
  }
}

/* NAWA DIGITAL - توسيط بطاقات المميزات */

section.s-block--features {
  padding: 24px 16px !important;
}

/* توسيط مجموعة البطاقات */
section.s-block--features > .grid {
  width: 100% !important;
  max-width: 1120px !important;
  margin-inline: auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

/* توحيد عرض البطاقات */
section.s-block--features
.s-block--features__item {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* الجوال */
@media (max-width: 767px) {
  section.s-block--features > .grid {
    grid-template-columns: 1fr !important;
    max-width: 420px !important;
    gap: 12px !important;
  }
}

/* NAWA DIGITAL — Features alignment fix */

/* الحاوية الرئيسية */
section.s-block--features.container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 18px 20px 24px !important;
  box-sizing: border-box !important;
}

/* شبكة البطاقات الثلاث */
section.s-block--features > .grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* توحيد حجم البطاقات */
section.s-block--features
.s-block--features__item {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 160px !important;
  box-sizing: border-box !important;
}

/* الأجهزة اللوحية */
@media (min-width: 768px) and (max-width: 991px) {
  section.s-block--features > .grid {
    gap: 12px !important;
  }
}

/* الجوال */
@media (max-width: 767px) {
  section.s-block--features.container {
    padding: 14px 12px 20px !important;
  }

  section.s-block--features > .grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  section.s-block--features
  .s-block--features__item {
    min-height: 130px !important;
  }
}

/* ==========================================
   NAWA DIGITAL
   خلفية فاخرة لقسم المميزات الثلاث
   ========================================== */

/* خلفية القسم فقط */
.s-block--features {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;

  background:
    radial-gradient(
      ellipse at 12% 18%,
      rgba(184, 148, 72, 0.18) 0%,
      transparent 38%
    ),
    radial-gradient(
      ellipse at 88% 85%,
      rgba(184, 148, 72, 0.12) 0%,
      transparent 40%
    ),
    linear-gradient(
      135deg,
      #10283d 0%,
      #183a56 52%,
      #10283d 100%
    ) !important;

  padding: 52px 0 !important;
  border-top: 2px solid #b89448;
  border-bottom: 2px solid #b89448;
}

/* زخرفة ذهبية ناعمة */
.s-block--features::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image:
    radial-gradient(
      rgba(184, 148, 72, 0.24) 1px,
      transparent 1px
    );

  background-size: 26px 26px;
  opacity: 0.28;
}

/* المحافظة على ظهور البطاقات فوق الخلفية */
.s-block--features > .container {
  position: relative;
  z-index: 1;
}

/* المحافظة على البطاقات البيضاء */
.s-block--features .s-block--features__item {
  background: #ffffff !important;
  border: 1px solid rgba(184, 148, 72, 0.42) !important;
}

/* ضبط المسافة على الجوال فقط */
@media (max-width: 767px) {
  .s-block--features {
    padding: 30px 0 !important;
  }
}

/* NAWA DIGITAL - Features Background Fix */

section[data-testid="store-home-features"] {
  background: linear-gradient(
    135deg,
    #10283d 0%,
    #183a56 55%,
    #244b68 100%
  ) !important;

  padding: 45px 20px !important;
  border-top: 2px solid #b89448 !important;
  border-bottom: 2px solid #b89448 !important;
}

/* Keep the existing cards unchanged */
section[data-testid="store-home-features"]
.s-block--features__item {
  background: #ffffff !important;
}

/* Mobile */
@media (max-width: 767px) {
  section[data-testid="store-home-features"] {
    padding: 28px 12px !important;
  }
}

/* NAWA - Account icon color fix only */

.store-header a[href*="login"] svg,
.store-header a[href*="profile"] svg,
.store-header a[href*="account"] svg,
.store-header .s-user-menu-trigger svg,
.store-header .s-user-menu-trigger i,
.store-header salla-user-menu svg,
.store-header salla-user-menu i {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.store-header .s-user-menu-trigger svg *,
.store-header salla-user-menu svg * {
  stroke: #ffffff !important;
}

/* NAWA DIGITAL - Products Section Background */

section[data-testid="store-home-fixed-products"] {
  background: #f3f5f7 !important;
  padding: 32px 0 40px !important;
}

/* Keep existing product cards unchanged */
section[data-testid="store-home-fixed-products"]
.s-product-card-entry {
  background: #ffffff !important;
}

/* NAWA DIGITAL - Products Section Background */

section[data-testid="store-home-fixed-products"] {
  background: #f3f5f7 !important;
  padding: 32px 0 40px !important;
}

/* Keep existing product cards unchanged */
section[data-testid="store-home-fixed-products"]
.s-product-card-entry {
  background: #ffffff !important;
}
/* NAWA DIGITAL | خلفية قسم المنتجات */
section[data-testid="store-home-fixed-products"] {
    background-color: #DFE6EC !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
/* NAWA DIGITAL | خلفية المنتجات */
section[data-testid="store-home-fixed-products"] {
    background-color: #BDCBD7 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
/* NAWA DIGITAL | توحيد عرض صور المنتجات */


salla-product-card .s-product-card-image img,
.s-product-card-entry .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}
/* NAWA DIGITAL | Product Image Alignment */

salla-product-card .s-product-card-image,
.s-product-card-entry .s-product-card-image {
    aspect-ratio: 4 / 3 !important;
    overflow: hidden;
}

salla-product-card .s-product-card-image img,
.s-product-card-entry .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}
/* NAWA DIGITAL — Product Section Background */

/* NAWA DIGITAL — Products Background Fix */

/* قسم المنتجات في الصفحة الرئيسية */
section[data-testid="store-home-fixed-products"] {
  background: #B9C9D3 !important;
  padding: 30px 0 !important;
}

/* تمديد الخلفية بعرض القسم */
section[data-testid="store-home-fixed-products"] > .container {
  background: transparent !important;
}

/* خلفية منطقة عرض المنتجات */
.s-block--fixed-products {
  background: #B9C9D3 !important;
}

/* الحفاظ على لون البطاقات */
.s-product-card-entry {
  background: #ffffff !important;
}
/* NAWA DIGITAL — Product Image Size */

.s-product-card-image {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  overflow: hidden !important;
}

.s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* ========================================
   NAWA DIGITAL | PREMIUM 3D EFFECTS
   Salla Store - Additive CSS
   ======================================== */

:root {
  --nawa-navy: #183a56;
  --nawa-deep: #10283d;
  --nawa-gold: #b89448;
  --nawa-bg: #f7f8fa;
  --nawa-3d-shadow:
    0 6px 14px rgba(16,40,61,.08),
    0 18px 36px rgba(16,40,61,.10);
  --nawa-3d-ease: cubic-bezier(.2,.7,.2,1);
}

/* 1. Header - preserve native controls */
body > header,
#mainnav {
  box-shadow:
    0 5px 18px rgba(16,40,61,.14),
    0 2px 0 rgba(184,148,72,.25);
}

/* 2. Product cards - visual depth only */
.s-product-card-entry {
  position: relative;
  isolation: isolate;
  transition:
    transform .32s var(--nawa-3d-ease),
    box-shadow .32s ease,
    border-color .32s ease;
  transform: translateZ(0);
  backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry:hover {
    transform: translate3d(0,-6px,0);
    box-shadow: var(--nawa-3d-shadow);
    border-color: rgba(184,148,72,.55);
  }
}

/* 3. Product image - no size changes */
.s-product-card-image {
  overflow: hidden;
}

.s-product-card-image img {
  transition: transform .45s var(--nawa-3d-ease);
}

@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry:hover
  .s-product-card-image img {
    transform: scale(1.035);
  }
}

/* 4. Buttons - tactile 3D effect */
.s-product-card-entry
.s-button-primary {
  transition:
    transform .2s ease,
    box-shadow .25s ease,
    filter .25s ease;
  box-shadow:
    0 4px 0 rgba(16,40,61,.22),
    0 8px 15px rgba(16,40,61,.12);
}

@media (hover: hover) and (pointer: fine) {
  .s-product-card-entry
  .s-button-primary:hover {
    transform: translateY(-2px);
    filter: brightness(1.07);
    box-shadow:
      0 6px 0 rgba(16,40,61,.20),
      0 12px 20px rgba(16,40,61,.16);
  }
}

.s-product-card-entry
.s-button-primary:active {
  transform: translateY(2px);
  box-shadow: 0 1px 3px rgba(16,40,61,.15);
}

/* 5. Homepage section headings */
.s-block__title {
  position: relative;
  text-shadow: 0 2px 3px rgba(16,40,61,.06);
}

/* 6. Hero banners - subtle depth */
.s-block--banners img,
.s-block--fixed-banner img {
  transition:
    transform .4s var(--nawa-3d-ease),
    filter .4s ease;
}

@media (hover: hover) and (pointer: fine) {
  .s-block--banners a:hover img,
  .s-block--fixed-banner a:hover img {
    transform: scale(1.015);
    filter: brightness(1.035);
  }
}

/* 7. Keyboard accessibility */
.s-product-card-entry:focus-within {
  box-shadow: 0 0 0 2px var(--nawa-gold);
}

/* 8. Mobile: lighter effects */
@media (max-width: 767px) {
  .s-product-card-entry {
    box-shadow: 0 4px 12px rgba(16,40,61,.08);
  }
}

/* 9. Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry,
  .s-product-card-image img,
  .s-product-card-entry .s-button-primary,
  .s-block--banners img,
  .s-block--fixed-banner img {
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================
   NAWA DIGITAL | PREMIUM 3D EFFECTS
   Compatible with Salla / Raed Theme
   ========================================= */

:root {
  --nawa-3d-navy: #183a56;
  --nawa-3d-gold: #b89448;
  --nawa-3d-shadow: rgba(16, 40, 61, .16);
}

/* 1. بطاقات المنتجات - عمق ثلاثي الأبعاد */
.s-product-card,
.s-product-card-entry {
  position: relative;
  background: #fff;
  border: 1px solid rgba(184,148,72,.30);
  border-radius: 16px;
  box-shadow:
    0 5px 10px rgba(16,40,61,.07),
    0 16px 28px rgba(16,40,61,.08);
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

/* 2. حركة ارتفاع عند مرور الماوس */
@media (hover: hover) {
  .s-product-card:hover,
  .s-product-card-entry:hover {
    transform: translateY(-7px);
    border-color: var(--nawa-3d-gold);
    box-shadow:
      0 12px 20px rgba(16,40,61,.10),
      0 24px 40px rgba(16,40,61,.16);
  }
}

/* 3. عمق صور المنتجات دون تغيير مقاسها */
.s-product-card-image,
.s-product-card-entry__image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #f4f6f8 100%
  );
}

/* 4. أزرار المنتجات */
.s-product-card .s-button-primary,
.s-product-card-entry .s-button-primary {
  box-shadow:
    0 4px 0 rgba(16,40,61,.22),
    0 8px 16px rgba(16,40,61,.10);
  transition: transform .2s ease, box-shadow .2s ease;
}

@media (hover: hover) {
  .s-product-card .s-button-primary:hover,
  .s-product-card-entry .s-button-primary:hover {
    transform: translateY(-2px);
    box-shadow:
      0 6px 0 rgba(16,40,61,.20),
      0 12px 20px rgba(16,40,61,.15);
  }
}

/* 5. بطاقات المميزات الثلاث */
.s-block--features__item {
  box-shadow:
    0 5px 8px rgba(0,0,0,.06),
    0 14px 26px rgba(0,0,0,.12);
  transition: transform .3s ease, box-shadow .3s ease;
}

@media (hover: hover) {
  .s-block--features__item:hover {
    transform: translateY(-5px);
    box-shadow:
      0 10px 18px rgba(0,0,0,.10),
      0 22px 35px rgba(0,0,0,.15);
  }
}

/* 6. تحسين الأداء على الجوال */
@media (max-width: 767px) {
  .s-product-card,
  .s-product-card-entry,
  .s-block--features__item {
    transition-duration: .2s;
  }
}

/* 7. احترام تفضيل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .s-product-card,
  .s-product-card-entry,
  .s-block--features__item {
    transition: none !important;
    transform: none !important;
  }
}

/* NAWA DIGITAL - 3D V2 */
/* بطاقات المنتجات */

.s-product-card-entry {
  position: relative !important;
  border: 1px solid rgba(184,148,72,.45) !important;
  border-radius: 18px !important;
  box-shadow:
    0 8px 0 rgba(16,40,61,.06),
    0 18px 30px rgba(16,40,61,.18) !important;
  transition: transform .3s ease,
              box-shadow .3s ease !important;
}

@media (hover:hover) {
  .s-product-card-entry:hover {
    transform: translateY(-9px) scale(1.015) !important;
    box-shadow:
      0 12px 0 rgba(184,148,72,.10),
      0 28px 45px rgba(16,40,61,.24) !important;
  }
}

/* المميزات الثلاث - إبراز العمق */
.s-block--features__item {
  position: relative !important;
  box-shadow:
    0 7px 0 rgba(0,0,0,.12),
    0 20px 32px rgba(0,0,0,.20) !important;
  transition: transform .3s ease !important;
}

@media (hover:hover) {
  .s-block--features__item:hover {
    transform: translateY(-7px) !important;
  }
}

/* حماية عرض الجوال */
@media (max-width:767px) {
  .s-product-card-entry,
  .s-block--features__item {
    transform: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  .s-product-card-entry,
  .s-block--features__item {
    transition: none !important;
  }
}

/* ======================================
   NAWA DIGITAL | PRODUCT CARDS 3D
   Compatible with Salla product cards
   ====================================== */

:root {
  --nawa-3d-navy: #183a56;
  --nawa-3d-gold: #b89448;
  --nawa-3d-bg: #d5e0e8;
}

/* خلفية منطقة المنتجات في جميع الصفحات */
.s-products-list-wrapper,
.container--products-list,
.s-products-list {
  background-color: transparent !important;
}

/* خلفية صفحة جميع المنتجات */
body:has(.container--products-list) {
  background-color: var(--nawa-3d-bg) !important;
}

/* بطاقات المنتجات */
.s-product-card-entry {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;

  background: #ffffff !important;
  border: 1px solid rgba(184,148,72,.38) !important;
  border-radius: 18px !important;

  box-shadow:
    0 4px 7px rgba(16,40,61,.06),
    0 12px 24px rgba(16,40,61,.11),
    0 22px 38px rgba(16,40,61,.05) !important;

  transform: translateY(0) !important;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;
}

/* تأثير الارتفاع ثلاثي الأبعاد */
@media (hover: hover) {
  .s-product-card-entry:hover {
    transform: translateY(-8px) !important;
    border-color: var(--nawa-3d-gold) !important;

    box-shadow:
      0 8px 14px rgba(16,40,61,.09),
      0 22px 36px rgba(16,40,61,.17),
      0 32px 50px rgba(16,40,61,.08) !important;
  }
}

/* منطقة الصورة: مربعة ومتناسقة */
.s-product-card-entry .s-product-card-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 17px 17px 0 0 !important;
}

/* عرض الصورة كاملة بدون قص */
.s-product-card-entry .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* تفاصيل البطاقة */
.s-product-card-entry .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 14px !important;
  background: #ffffff !important;
}

/* عنوان المنتج */
.s-product-card-entry .s-product-card-content h3 {
  color: #10283d !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* السعر */
.s-product-card-entry .s-product-card-price {
  color: var(--nawa-3d-gold) !important;
  font-weight: 800 !important;
}

/* أزرار البطاقة: الحفاظ على ألوانها الحالية */
.s-product-card-entry button {
  border-radius: 10px !important;
}

/* الهاتف */
@media (max-width: 767px) {
  .s-product-card-entry {
    border-radius: 14px !important;
    box-shadow:
      0 4px 9px rgba(16,40,61,.08),
      0 10px 22px rgba(16,40,61,.09) !important;
  }

  .s-product-card-entry .s-product-card-content {
    padding: 10px !important;
  }

  .s-product-card-entry .s-product-card-image {
    border-radius: 13px 13px 0 0 !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .s-product-card-entry {
    transition: none !important;
    transform: none !important;
  }
}

/* NAWA DIGITAL — تحسين مقاسات صور المنتجات */

/* ضبط حاوية الصورة */
custom-salla-product-card .s-product-card-image {
  width: 100% !important;
  height: 250px !important;
  min-height: 250px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 8px !important;
  background: #ffffff !important;
}

/* تكبير الصورة داخل الحاوية */
custom-salla-product-card .s-product-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* تقليل الفراغ حول تفاصيل المنتج */
custom-salla-product-card .s-product-card-content {
  padding: 12px !important;
  gap: 8px !important;
}

/* مقاسات مناسبة للجوال */
@media (max-width: 767px) {
  custom-salla-product-card .s-product-card-image {
    height: 180px !important;
    min-height: 180px !important;
    padding: 5px !important;
  }
}

/* ==========================================
   NAWA DIGITAL | PRODUCT CARDS FIX
   توسيط الصور والنصوص وتقليل الفراغات
   ========================================== */

/* البطاقة */
custom-salla-product-card.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

/* مساحة الصورة */
custom-salla-product-card .s-product-card-image {
  width: 100% !important;
  height: 230px !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 8px !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* الصورة نفسها */
custom-salla-product-card .s-product-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: center !important;

  position: static !important;
  transform: none !important;
  margin: auto !important;
}

/* المحتوى */
custom-salla-product-card .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;

  padding: 12px !important;
  gap: 8px !important;
}

/* اسم المنتج */
custom-salla-product-card .s-product-card-content h3,
custom-salla-product-card .s-product-card-content h3 a,
custom-salla-product-card .s-product-card-content .s-product-card-content-title {
  width: 100% !important;
  text-align: center !important;
  margin-inline: auto !important;
}

/* الأسعار */
custom-salla-product-card .s-product-card-content .s-product-card-price,
custom-salla-product-card .s-product-card-content .s-product-card-sale-price,
custom-salla-product-card .s-product-card-content .s-product-card-regular-price {
  text-align: center !important;
  margin-inline: auto !important;
}

/* منطقة السعر */
custom-salla-product-card .s-product-card-content .s-product-card-content-sub {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

/* الزر يبقى بعرض مناسب */
custom-salla-product-card .s-product-card-content button {
  width: 100% !important;
}

/* الجوال */
@media (max-width: 767px) {
  custom-salla-product-card .s-product-card-image {
    height: 165px !important;
    padding: 5px !important;
  }

  custom-salla-product-card .s-product-card-content {
    padding: 10px 8px !important;
  }
}

/* NAWA DIGITAL - إصلاح فراغ بطاقات المنتجات */

/* الحفاظ على التأثير ثلاثي الأبعاد */
custom-salla-product-card.s-product-card-entry {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

/* منع تمدد منطقة المحتوى */
custom-salla-product-card .s-product-card-content {
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 12px 18px !important;
}

/* إزالة المسافات المسببة للفراغ */
custom-salla-product-card .s-product-card-content-main,
custom-salla-product-card .s-product-card-content-sub,
custom-salla-product-card .s-product-card-content-footer {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

/* توسيط الاسم والسعر */
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-price {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

/* توسيط زر المنتج */
custom-salla-product-card .s-product-card-content-footer {
  display: flex !important;
  justify-content: center !important;
}

/* NAWA DIGITAL - ضبط صور المنتجات */

custom-salla-product-card .s-product-card-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

custom-salla-product-card .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: transform .35s ease !important;
}

/* تأثير ثلاثي الأبعاد هادئ */
@media (hover: hover) {
  custom-salla-product-card.s-product-card-entry:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 14px 30px rgba(16,40,61,.16) !important;
  }

  custom-salla-product-card:hover .s-product-card-image img {
    transform: scale(1.035) !important;
  }
}

/* تحسين العرض على الجوال */
@media (max-width: 640px) {
  custom-salla-product-card .s-product-card-image {
    aspect-ratio: 1 / 1 !important;
  }
}

/* NAWA DIGITAL - اللمسات النهائية للبطاقات */

custom-salla-product-card .s-product-card-image {
  padding: 10px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

custom-salla-product-card .s-product-card-image img {
  object-fit: contain !important;
  border-radius: 8px !important;
}

custom-salla-product-card .s-product-card-content {
  padding: 16px 14px 18px !important;
  gap: 12px !important;
}

custom-salla-product-card.s-product-card-entry {
  border: 1px solid rgba(184,148,72,.28) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 18px rgba(16,40,61,.09) !important;
}

/* ==========================================
   NAWA DIGITAL | PRODUCT CARDS 3D
   إضافات بصرية فقط - متوافق مع سلة
   ========================================== */

:root {
  --nawa-3d-navy: #183a56;
  --nawa-3d-gold: #b89448;
  --nawa-3d-deep: #10283d;
}

/* بطاقات المنتجات */
custom-salla-product-card.s-product-card-entry {
  position: relative !important;
  border: 1px solid rgba(184, 148, 72, .25) !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;

  box-shadow:
    0 4px 8px rgba(16, 40, 61, .05),
    0 12px 24px rgba(16, 40, 61, .08) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;
}

/* التأثير الثلاثي الأبعاد عند المرور */
@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card.s-product-card-entry:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(184, 148, 72, .65) !important;

    box-shadow:
      0 12px 22px rgba(16, 40, 61, .10),
      0 22px 40px rgba(16, 40, 61, .14),
      0 0 0 1px rgba(184, 148, 72, .12) !important;
  }
}

/* حاوية صورة المنتج */
custom-salla-product-card .s-product-card-image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
}

/* حركة خفيفة للصورة دون تغيير أبعادها */
custom-salla-product-card .s-product-card-image img {
  transition: transform .4s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card:hover
  .s-product-card-image img {
    transform: scale(1.035) !important;
  }
}

/* توسيط محتوى البطاقة */
custom-salla-product-card .s-product-card-content,
custom-salla-product-card .s-product-card-content-main,
custom-salla-product-card .s-product-card-content-sub,
custom-salla-product-card .s-product-card-content-footer {
  text-align: center !important;
}

/* توسيط عنوان المنتج */
custom-salla-product-card .s-product-card-content-title {
  width: 100% !important;
  text-align: center !important;
  color: var(--nawa-3d-deep) !important;
}

/* توسيط السعر */
custom-salla-product-card .s-product-card-price {
  text-align: center !important;
  color: var(--nawa-3d-gold) !important;
}

/* توسيط منطقة الأزرار */
custom-salla-product-card .s-product-card-content-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* تحسين مظهر الزر دون تغيير حالته */
custom-salla-product-card
.s-product-card-content-footer button,
custom-salla-product-card
.s-product-card-content-footer salla-button {
  border-radius: 10px !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card
  .s-product-card-content-footer button:not(:disabled):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 12px rgba(16, 40, 61, .16) !important;
  }
}

/* إبراز البطاقات عند التنقل بلوحة المفاتيح */
custom-salla-product-card:focus-within {
  outline: 2px solid var(--nawa-3d-gold) !important;
  outline-offset: 2px !important;
}

/* حماية تجربة الجوال */
@media (max-width: 767px) {
  custom-salla-product-card.s-product-card-entry {
    border-radius: 14px !important;
    box-shadow: 0 5px 15px rgba(16, 40, 61, .09) !important;
  }

  custom-salla-product-card.s-product-card-entry:hover {
    transform: none !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  custom-salla-product-card,
  custom-salla-product-card * {
    transition: none !important;
    animation: none !important;
  }
}

/* ==========================================
   NAWA DIGITAL | PRODUCT CARDS 3D
   إضافات بصرية فقط - متوافق مع سلة
   ========================================== */

:root {
  --nawa-3d-navy: #183a56;
  --nawa-3d-gold: #b89448;
  --nawa-3d-deep: #10283d;
}

/* بطاقات المنتجات */
custom-salla-product-card.s-product-card-entry {
  position: relative !important;
  border: 1px solid rgba(184, 148, 72, .25) !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;

  box-shadow:
    0 4px 8px rgba(16, 40, 61, .05),
    0 12px 24px rgba(16, 40, 61, .08) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;
}

/* التأثير الثلاثي الأبعاد عند المرور */
@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card.s-product-card-entry:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(184, 148, 72, .65) !important;

    box-shadow:
      0 12px 22px rgba(16, 40, 61, .10),
      0 22px 40px rgba(16, 40, 61, .14),
      0 0 0 1px rgba(184, 148, 72, .12) !important;
  }
}

/* حاوية صورة المنتج */
custom-salla-product-card .s-product-card-image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
}

/* حركة خفيفة للصورة دون تغيير أبعادها */
custom-salla-product-card .s-product-card-image img {
  transition: transform .4s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card:hover
  .s-product-card-image img {
    transform: scale(1.035) !important;
  }
}

/* توسيط محتوى البطاقة */
custom-salla-product-card .s-product-card-content,
custom-salla-product-card .s-product-card-content-main,
custom-salla-product-card .s-product-card-content-sub,
custom-salla-product-card .s-product-card-content-footer {
  text-align: center !important;
}

/* توسيط عنوان المنتج */
custom-salla-product-card .s-product-card-content-title {
  width: 100% !important;
  text-align: center !important;
  color: var(--nawa-3d-deep) !important;
}

/* توسيط السعر */
custom-salla-product-card .s-product-card-price {
  text-align: center !important;
  color: var(--nawa-3d-gold) !important;
}

/* توسيط منطقة الأزرار */
custom-salla-product-card .s-product-card-content-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* تحسين مظهر الزر دون تغيير حالته */
custom-salla-product-card
.s-product-card-content-footer button,
custom-salla-product-card
.s-product-card-content-footer salla-button {
  border-radius: 10px !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  custom-salla-product-card
  .s-product-card-content-footer button:not(:disabled):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 12px rgba(16, 40, 61, .16) !important;
  }
}

/* إبراز البطاقات عند التنقل بلوحة المفاتيح */
custom-salla-product-card:focus-within {
  outline: 2px solid var(--nawa-3d-gold) !important;
  outline-offset: 2px !important;
}

/* حماية تجربة الجوال */
@media (max-width: 767px) {
  custom-salla-product-card.s-product-card-entry {
    border-radius: 14px !important;
    box-shadow: 0 5px 15px rgba(16, 40, 61, .09) !important;
  }

  custom-salla-product-card.s-product-card-entry:hover {
    transform: none !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  custom-salla-product-card,
  custom-salla-product-card * {
    transition: none !important;
    animation: none !important;
  }
}

/* ==========================================
   NAWA DIGITAL - 3D PHASE 2
   Features & Categories
   ========================================== */

:root {
  --nawa-3d-navy: #183a56;
  --nawa-3d-deep: #10283d;
  --nawa-3d-gold: #b89448;
}

/* ==========================================
   1. بطاقات المميزات الثلاث
   ========================================== */

.s-block--features .s-block--features__item,
.s-block--features .feature-item,
.s-block--features .s-block-feature,
.s-block--features .feature,
.s-block--features .features-item {
  position: relative;
  border-radius: 16px !important;
  border: 1px solid rgba(184,148,72,.20) !important;

  box-shadow:
    0 5px 12px rgba(16,40,61,.06),
    0 12px 25px rgba(16,40,61,.07) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease !important;
}

/* ارتفاع البطاقة */
@media (hover: hover) and (pointer: fine) {
  .s-block--features .s-block--features__item:hover,
  .s-block--features .feature-item:hover,
  .s-block--features .s-block-feature:hover,
  .s-block--features .feature:hover,
  .s-block--features .features-item:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(184,148,72,.55) !important;

    box-shadow:
      0 12px 22px rgba(16,40,61,.11),
      0 20px 35px rgba(16,40,61,.12) !important;
  }
}

/* أيقونات المميزات */
.s-block--features .feature-icon,
.s-block--features .s-block-feature__icon {
  transition: transform .3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .s-block--features .feature-item:hover .feature-icon,
  .s-block--features .s-block-feature:hover
  .s-block-feature__icon {
    transform: translateY(-3px) scale(1.06) !important;
  }
}

/* ==========================================
   2. بطاقات الأقسام الرئيسية
   ========================================== */

.s-block--categories .s-block--categories__item,
.s-block--categories .category-item,
.s-block--categories .category-card,
.s-block--categories .s-block-category {
  position: relative;
  border-radius: 16px !important;
  overflow: hidden;

  box-shadow:
    0 5px 12px rgba(16,40,61,.06),
    0 12px 25px rgba(16,40,61,.08) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .s-block--categories .s-block--categories__item:hover,
  .s-block--categories .category-item:hover,
  .s-block--categories .category-card:hover,
  .s-block--categories .s-block-category:hover {
    transform: translateY(-6px) !important;

    box-shadow:
      0 12px 24px rgba(16,40,61,.12),
      0 22px 38px rgba(16,40,61,.13) !important;
  }
}

/* حركة الصور داخل الأقسام */
.s-block--categories img {
  transition: transform .35s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .s-block--categories a:hover img {
    transform: scale(1.04) !important;
  }
}

/* ==========================================
   3. الجوال وإمكانية الوصول
   ========================================== */

@media (max-width: 767px) {
  .s-block--features .feature-item,
  .s-block--features .s-block-feature,
  .s-block--categories .category-item,
  .s-block--categories .category-card {
    box-shadow: 0 5px 15px rgba(16,40,61,.08) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s-block--features *,
  .s-block--categories * {
    transition: none !important;
    animation: none !important;
  }
}

/* NAWA DIGITAL - Soft Premium Background */

/* خلفية عامة متناسقة مع هوية المتجر */
body {
  background-color: #f1f5f8 !important;
  background-image:
    radial-gradient(
      circle at 12% 22%,
      rgba(184,148,72,.10),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 68%,
      rgba(24,58,86,.08),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #f7f9fb 0%,
      #e8eef3 55%,
      #f7f3e9 100%
    ) !important;
  background-attachment: scroll !important;
}

/* شفافية منطقة السلايدر لإظهار الخلفية */
.s-block-photos-slider,
.s-block-photos-slider .container {
  background-color: transparent !important;
}

/* لمسة ثلاثية الأبعاد ناعمة للصور */
.s-block-photos-slider img {
  border-radius: 14px !important;
  box-shadow:
    0 10px 28px rgba(16,40,61,.12),
    0 2px 6px rgba(16,40,61,.05) !important;
}

/* الحفاظ على وضوح التصميم في الجوال */
@media (max-width: 767px) {
  .s-block-photos-slider img {
    border-radius: 10px !important;
    box-shadow:
      0 5px 15px rgba(16,40,61,.10) !important;
  }
}

/* NAWA DIGITAL - Homepage Background Refinement */

/* خلفية الصفحة الرئيسية */
body:has(.s-block-photos-slider) {
  background: #eef2f6 !important;
}

/* إظهار الخلفية حول أقسام الصفحة */
body:has(.s-block-photos-slider) main {
  background:
    radial-gradient(
      ellipse at 12% 35%,
      rgba(184, 148, 72, 0.10),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #f5f7fa 0%,
      #e8eef4 55%,
      #f5f2ea 100%
    ) !important;
}

/* خلفية منطقة الصور المتحركة */
.s-block-photos-slider {
  background: transparent !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

/* إبراز الصور دون تغيير حجمها */
.s-block-photos-slider img {
  border-radius: 14px !important;
  box-shadow:
    0 12px 28px rgba(16, 40, 61, 0.12) !important;
}

/* ضبط المسافات للجوال */
@media (max-width: 767px) {
  .s-block-photos-slider {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }
}

/* NAWA DIGITAL — خلفية الصفحة الرئيسية */

/* خلفية هادئة للمحتوى الرئيسي */
body.index #main-content {
  background:
    radial-gradient(
      ellipse at 85% 15%,
      rgba(184, 148, 72, 0.09),
      transparent 45%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #edf3f7 55%,
      #f8fafc 100%
    ) !important;
}

/* البنر الرئيسي */
body.index #main-content .s-block-fixed-banner {
  background: transparent !important;
}

/* قسم البنرات المتحركة */
body.index #main-content .s-block-photos-slider {
  background: transparent !important;
}

/* الحفاظ على شفافية خلفية أقسام المنتجات والمميزات */
body.index #main-content .s-block--features,
body.index #main-content .s-block.container {
  background-color: transparent !important;
}

/* احترام تفضيلات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  body.index #main-content {
    background-attachment: scroll !important;
  }
}

/* NAWA DIGITAL — تحسين المسافات والبنرات */

/* تقليل الفراغ بين البنر الرئيسي والسلايدر */
body.index #main-content
.s-block-fixed-banner {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
}

body.index #main-content
.s-block-photos-slider {
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 24px !important;
}

/* تحسين مظهر صور البنرات المتحركة */
body.index #main-content
.s-block-photos-slider img {
  border-radius: 14px !important;
  box-shadow:
    0 8px 22px rgba(16, 40, 61, 0.12) !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

/* تأثير ثلاثي الأبعاد خفيف عند المرور */
@media (hover: hover) and (pointer: fine) {
  body.index #main-content
  .s-block-photos-slider img:hover {
    transform: translateY(-4px) !important;
    box-shadow:
      0 15px 30px rgba(16, 40, 61, 0.18) !important;
  }
}

/* مراعاة الجوال */
@media (max-width: 767px) {
  body.index #main-content
  .s-block-photos-slider {
    padding-top: 8px !important;
    padding-bottom: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index #main-content
  .s-block-photos-slider img {
    transition: none !important;
  }
}

/* NAWA DIGITAL - Homepage Spacing Fix */

/* البنر الرئيسي */
body.index #main-content
section[data-testid="store-home-fixed-banner"] {
  margin-top: 20px !important;
}

/* البنرات المتحركة */
body.index #main-content
section[data-testid="store-home-photos-slider"] {
  margin-top: 20px !important;
}

/* قسم المنتجات */
body.index #main-content
section[data-testid="store-home-fixed-products"] {
  margin-top: 32px !important;
}

/* تحسين المسافات على الجوال */
@media (max-width: 767px) {
  body.index #main-content
  section[data-testid="store-home-fixed-banner"],
  body.index #main-content
  section[data-testid="store-home-photos-slider"] {
    margin-top: 14px !important;
  }

  body.index #main-content
  section[data-testid="store-home-fixed-products"] {
    margin-top: 24px !important;
  }
}

/* NAWA DIGITAL - Premium Homepage Background */

body.index #main-content {
  background:
    radial-gradient(
      ellipse at 90% 12%,
      rgba(184, 148, 72, 0.11),
      transparent 38%
    ),
    radial-gradient(
      ellipse at 10% 65%,
      rgba(24, 58, 86, 0.09),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #edf2f7 52%,
      #f7f8fa 100%
    ) !important;
}

/* الحفاظ على شفافية خلفيات أقسام الصفحة */
body.index #main-content >
section[data-testid="store-home-fixed-banner"],
body.index #main-content >
section[data-testid="store-home-photos-slider"],
body.index #main-content >
section[data-testid="store-home-fixed-products"] {
  background-color: transparent !important;
}

/* NAWA DIGITAL - Premium Homepage Background */

body.index #main-content {
  background:
    radial-gradient(
      ellipse at 90% 12%,
      rgba(184, 148, 72, 0.11),
      transparent 38%
    ),
    radial-gradient(
      ellipse at 10% 65%,
      rgba(24, 58, 86, 0.09),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #edf2f7 52%,
      #f7f8fa 100%
    ) !important;
}

/* الحفاظ على شفافية خلفيات أقسام الصفحة */
body.index #main-content >
section[data-testid="store-home-fixed-banner"],
body.index #main-content >
section[data-testid="store-home-photos-slider"],
body.index #main-content >
section[data-testid="store-home-fixed-products"] {
  background-color: transparent !important;
}

/* NAWA DIGITAL - Premium Homepage Background */

body.index #main-content {
  background:
    radial-gradient(
      ellipse at 90% 12%,
      rgba(184, 148, 72, 0.11),
      transparent 38%
    ),
    radial-gradient(
      ellipse at 10% 65%,
      rgba(24, 58, 86, 0.09),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #f8fafc 0%,
      #edf2f7 52%,
      #f7f8fa 100%
    ) !important;
}

/* الحفاظ على شفافية خلفيات أقسام الصفحة */
body.index #main-content >
section[data-testid="store-home-fixed-banner"],
body.index #main-content >
section[data-testid="store-home-photos-slider"],
body.index #main-content >
section[data-testid="store-home-fixed-products"] {
  background-color: transparent !important;
}

/* ==========================================
   NAWA DIGITAL
   Mobile UI Refinement
   nawa7.com
   ========================================== */

@media (max-width: 767px) {

  /* 1. تقليل الفراغات بين أقسام الصفحة */
  body.index #main-content > section.s-block {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
  }

  /* 2. تحسين المسافة أسفل سلايدر البنرات */
  body.index .s-block--photos-slider {
    margin-bottom: 8px !important;
  }

  /* 3. تنسيق قسم المنتجات */
  body.index [data-testid="store-home-fixed-products"] {
    margin-top: 28px !important;
    margin-bottom: 30px !important;
  }

  /* 4. الحفاظ على بطاقات المنتجات */
  body.index custom-salla-product-card.s-product-card-entry {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow:
      0 5px 16px rgba(16, 40, 61, .09) !important;
  }

  /* 5. تحسين المسافة الداخلية */
  body.index custom-salla-product-card
  .s-product-card-content {
    padding: 12px 10px 14px !important;
  }

  /* 6. عنوان المنتج */
  body.index custom-salla-product-card
  .s-product-card-content-title {
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    color: #10283d !important;
  }

  /* 7. السعر */
  body.index custom-salla-product-card
  .s-product-card-price {
    color: #b89448 !important;
    font-weight: 800 !important;
    text-align: center !important;
  }

  /* 8. تحسين أزرار المنتجات */
  body.index custom-salla-product-card
  .s-product-card-content-footer button {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  /* 9. قسم المميزات */
  body.index [data-testid="store-home-features"] {
    margin-top: 26px !important;
    margin-bottom: 28px !important;
  }

  /* 10. الحفاظ على حدود المميزات */
  body.index .s-block--features {
    border-radius: 16px;
  }

}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  body.index custom-salla-product-card {
    animation: none !important;
    transition: none !important;
  }
}