/* =========================================================
   PRIVAS CSS FIRST INTRO PRELOADER
   خلفية سوداء كاملة + حركة فاخرة للوجو + إخفاء الصفحة أثناء التحميل
   ========================================================= */

/* تثبيت خلفية الصفحة أثناء اللودر حتى لا يظهر أي جزء من الموقع */
html:not(.privas-loaded),
html:not(.privas-loaded) body {
  background: #000 !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

/* إخفاء محتوى الموقع أثناء اللودر فقط */
html:not(.privas-loaded) body > * {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* الخلفية السوداء الفاخرة */
html:not(.privas-loaded)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;

  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;

  z-index: 2147483647 !important;

  background:
    radial-gradient(
      circle at center,
      rgba(38, 24, 21, 1) 0%,
      rgba(12, 9, 9, 1) 44%,
      rgba(0, 0, 0, 1) 100%
    ) !important;

  pointer-events: all !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* اللوجو مع حركة فاخرة */
html:not(.privas-loaded)::after {
  content: "" !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;

  width: 145px !important;
  height: 145px !important;

  z-index: 2147483647 !important;

  background-image: url("https://cdn.salla.sa/zvPBPp/products/BCFUllLkc4RMRybYlitTxeY95vf2nYmtlVBJA1gB.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  filter:
    drop-shadow(0 0 12px rgba(224, 176, 150, 0.34))
    drop-shadow(0 0 30px rgba(143, 64, 59, 0.22)) !important;

  animation:
    privasLogoLuxuryEnter 0.75s ease both,
    privasLogoLuxuryBreath 1.15s ease-in-out 0.75s infinite !important;
}

/* الخط الأساسي تحت اللوجو */
body:not(.privas-loaded-body)::before {
  content: "" !important;
  position: fixed !important;
  top: calc(50% + 82px) !important;
  left: 50% !important;

  width: 150px !important;
  height: 1px !important;

  transform: translateX(-50%) !important;
  z-index: 2147483647 !important;

  background: linear-gradient(
    90deg,
    rgba(224, 176, 150, 0),
    rgba(224, 176, 150, 0.35),
    rgba(255, 228, 205, 0.95),
    rgba(143, 64, 59, 0.55),
    rgba(224, 176, 150, 0)
  ) !important;

  box-shadow:
    0 0 8px rgba(224, 176, 150, 0.40),
    0 0 22px rgba(143, 64, 59, 0.25) !important;

  animation: privasLineLuxuryPulse 1.1s ease-in-out infinite !important;
}

/* لمعة تتحرك على الخط */
body:not(.privas-loaded-body)::after {
  content: "" !important;
  position: fixed !important;
  top: calc(50% + 81px) !important;
  left: 50% !important;

  width: 150px !important;
  height: 3px !important;

  z-index: 2147483647 !important;

  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 20%,
    rgba(255, 238, 218, 1) 48%,
    transparent 78%,
    transparent 100%
  ) !important;

  filter: blur(1px) !important;

  animation: privasLineLuxuryShine 1.05s ease-in-out infinite !important;
}

/* دخول اللوجو */
@keyframes privasLogoLuxuryEnter {
  0% {
    opacity: 0;
    transform: translate(-50%, -46%) scale(0.88);
    filter:
      drop-shadow(0 0 0 rgba(224, 176, 150, 0))
      drop-shadow(0 0 0 rgba(143, 64, 59, 0));
  }

  65% {
    opacity: 1;
    transform: translate(-50%, -52%) scale(1.04);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -52%) scale(1);
    filter:
      drop-shadow(0 0 12px rgba(224, 176, 150, 0.34))
      drop-shadow(0 0 30px rgba(143, 64, 59, 0.22));
  }
}

/* حركة تنفس فاخرة للوجو */
@keyframes privasLogoLuxuryBreath {
  0%, 100% {
    transform: translate(-50%, -52%) scale(1);
    opacity: 0.94;
    filter:
      drop-shadow(0 0 10px rgba(224, 176, 150, 0.25))
      drop-shadow(0 0 22px rgba(143, 64, 59, 0.16));
  }

  50% {
    transform: translate(-50%, -53%) scale(1.035);
    opacity: 1;
    filter:
      drop-shadow(0 0 18px rgba(224, 176, 150, 0.48))
      drop-shadow(0 0 38px rgba(143, 64, 59, 0.28));
  }
}

/* نبض الخط */
@keyframes privasLineLuxuryPulse {
  0%, 100% {
    width: 80px;
    opacity: 0.38;
  }

  50% {
    width: 165px;
    opacity: 1;
  }
}

/* لمعة الخط */
@keyframes privasLineLuxuryShine {
  0% {
    opacity: 0;
    transform: translateX(-125%);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(20%);
  }
}

@media (max-width: 767px) {
  html:not(.privas-loaded)::after {
    width: 116px !important;
    height: 116px !important;
  }

  body:not(.privas-loaded-body)::before {
    top: calc(50% + 68px) !important;
    width: 130px !important;
  }

  body:not(.privas-loaded-body)::after {
    top: calc(50% + 67px) !important;
    width: 130px !important;
  }
}
/* =========================================================
   PRIVAS FULL CLEAN CSS
   Header + Announcement Bar + Search + Icons
   Hero + Cards + Product Cards + Preloader + Animations
   ========================================================= */

/* خطوط خاصة بالهيرو فقط */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');

:root {
  --privas-black: #050505;
  --privas-light: #f8f1ec;
  --privas-cream: #f6efe9;
  --privas-beige: #d4c5b7;
  --privas-rose: #c98b77;
  --privas-rose-dark: #7a3e32;
  --privas-mauve: #8c5e70;
  --privas-plum: #5c1f34;
  --privas-brown: #4b2a23;
  --privas-border: rgba(201, 139, 119, 0.28);
  --privas-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

/* مهم: لا نغير خط الموقع كله */
body,
button,
input,
textarea,
select {
  font-family: inherit !important;
}

/* =========================================================
   1) ANNOUNCEMENT BAR - MOVING
   ========================================================= */

salla-advertisement {
  display: block !important;
  height: 46px !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 10000 !important;
}

salla-advertisement .s-advertisement {
  height: 46px !important;
  background: var(--privas-beige) !important;
  color: var(--privas-rose-dark) !important;
  border-bottom: 1px solid rgba(122, 62, 50, 0.16) !important;
  overflow: hidden !important;
}

salla-advertisement .s-advertisement-content {
  height: 46px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  position: relative !important;
}

salla-advertisement .s-advertisement-content-main {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  white-space: nowrap !important;
  width: max-content !important;
  min-width: max-content !important;
  animation: privasAnnouncementMove 16s linear infinite !important;
  color: var(--privas-rose-dark) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  padding-inline-end: 60px !important;
  will-change: transform !important;
}

salla-advertisement .s-advertisement-content-main a {
  color: var(--privas-rose-dark) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

salla-advertisement .s-advertisement-content-main a::after {
  content: " • The First Collection • قطع فريدة ونادرة اختيرت لكِ أنتِ فقط • Limited Pieces • PRIVAS";
  display: inline-block !important;
  padding-inline-start: 60px !important;
  color: var(--privas-rose-dark) !important;
}

salla-advertisement .s-advertisement-content-icon {
  display: none !important;
}

salla-advertisement .s-advertisement-action {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--privas-rose-dark) !important;
  z-index: 5 !important;
}

salla-advertisement .s-advertisement-action i {
  color: var(--privas-rose-dark) !important;
  font-size: 13px !important;
}

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

/* =========================================================
   2) TOP NAVBAR + SEARCH
   ========================================================= */

.top-navbar {
  background: #ffffff !important;
  color: var(--privas-brown) !important;
  border-bottom: 1px solid rgba(201, 139, 119, 0.16) !important;
  min-height: 48px !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 20 !important;
}

.top-navbar a,
.top-navbar span,
.top-navbar button {
  color: var(--privas-brown) !important;
}

.s-localization-modal-trigger-btn {
  background: transparent !important;
  border: 0 !important;
  color: var(--privas-brown) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.s-search-input,
.search-input,
input[type="search"],
.search-form input,
.header-search input[type="search"] {
  background: #fffdfb !important;
  color: var(--privas-brown) !important;
  border: 1px solid rgba(201, 139, 119, 0.38) !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  height: 38px !important;
  box-shadow: none !important;
  padding-inline: 16px 42px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

.s-search-input::placeholder,
.search-input::placeholder,
input[type="search"]::placeholder,
.header-search input[type="search"]::placeholder {
  color: #8b746b !important;
  opacity: 1 !important;
}

.s-search-input:focus,
.search-input:focus,
input[type="search"]:focus,
.header-search input[type="search"]:focus {
  border-color: var(--privas-rose) !important;
  box-shadow: 0 0 0 3px rgba(201, 139, 119, 0.12) !important;
  outline: none !important;
}

.s-search-icon svg,
.s-search-icon svg path,
.sicon-search {
  color: var(--privas-rose-dark) !important;
  fill: var(--privas-rose-dark) !important;
}

/* =========================================================
   3) MAIN HEADER
   ========================================================= */

.store-header,
.main-nav-container,
header.header,
.navbar,
.navbar-wrapper,
#mainnav {
  background: var(--privas-black) !important;
  border-bottom: 1px solid var(--privas-border) !important;
  box-shadow: var(--privas-shadow) !important;
  position: relative !important;
  z-index: 30 !important;
}

#mainnav {
  min-height: 96px !important;
  height: auto !important;
}

.store-header .container,
.main-nav-container .container,
header.header .container,
.navbar .container {
  align-items: center !important;
}

/* =========================================================
   4) HEADER LOGO
   ========================================================= */

.navbar-brand,
.logo-wrapper,
.store-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.navbar-brand img,
.logo-wrapper img,
.store-logo img,
a.navbar-brand img {
  max-height: 92px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: all 0.25s ease !important;
}

.navbar-brand img:hover,
.logo-wrapper img:hover,
.store-logo img:hover {
  transform: scale(1.02) !important;
  filter: drop-shadow(0 0 8px rgba(201, 139, 119, 0.24)) !important;
}

/* =========================================================
   5) MENU LINKS + HOVER EFFECT
   ========================================================= */

.main-menu li > a,
.main-menu a,
.header-menu a,
.s-menu-item a,
.navbar-nav a,
custom-main-menu a,
#mainnav a {
  color: var(--privas-light) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25px !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  text-decoration: none !important;
}

.main-menu li > a::after,
.main-menu a::after,
.header-menu a::after,
.s-menu-item a::after,
.navbar-nav a::after,
custom-main-menu a::after,
#mainnav a::after {
  content: "" !important;
  position: absolute !important;
  right: 50% !important;
  bottom: -8px !important;
  transform: translateX(50%) scaleX(0) !important;
  transform-origin: center !important;
  width: 60% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--privas-rose), transparent) !important;
  transition: transform 0.3s ease !important;
}

.main-menu li > a:hover,
.main-menu a:hover,
.header-menu a:hover,
.s-menu-item a:hover,
.navbar-nav a:hover,
custom-main-menu a:hover,
#mainnav a:hover {
  color: var(--privas-rose) !important;
}

.main-menu li > a:hover::after,
.main-menu a:hover::after,
.header-menu a:hover::after,
.s-menu-item a:hover::after,
.navbar-nav a:hover::after,
custom-main-menu a:hover::after,
#mainnav a:hover::after {
  transform: translateX(50%) scaleX(1) !important;
}

/* =========================================================
   6) HEADER ICONS
   ========================================================= */

.header-btn,
.header-icon,
.s-cart-summary-wrapper,
.s-cart-summary,
.sicon-user,
.sicon-shopping-bag,
.sicon-menu,
button[aria-label="Menu"],
button[aria-label="Cart"],
.mburger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--privas-light) !important;
  transition: all 0.25s ease !important;
}

.header-btn:hover,
.header-icon:hover,
.s-cart-summary-wrapper:hover,
.s-cart-summary:hover,
.sicon-user:hover,
.sicon-shopping-bag:hover,
.sicon-menu:hover,
button[aria-label="Menu"]:hover,
button[aria-label="Cart"]:hover,
.mburger:hover {
  color: var(--privas-rose) !important;
}

/* account icon */
button.s-user-menu-login-btn,
.s-user-menu-login-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 1px solid rgba(248, 241, 236, 0.85) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--privas-light) !important;
  transform: none !important;
}

button.s-user-menu-login-btn svg,
.s-user-menu-login-btn svg {
  width: 24px !important;
  height: 24px !important;
  color: var(--privas-light) !important;
  fill: var(--privas-light) !important;
}

button.s-user-menu-login-btn svg path,
.s-user-menu-login-btn svg path {
  fill: var(--privas-light) !important;
}

button.s-user-menu-login-btn:hover,
.s-user-menu-login-btn:hover {
  background: transparent !important;
  border-color: var(--privas-rose) !important;
  color: var(--privas-rose) !important;
  transform: none !important;
}

button.s-user-menu-login-btn:hover svg,
button.s-user-menu-login-btn:hover svg path,
.s-user-menu-login-btn:hover svg,
.s-user-menu-login-btn:hover svg path {
  fill: var(--privas-rose) !important;
  color: var(--privas-rose) !important;
}

/* cart badge */
.s-cart-summary-count,
.s-cart-count,
.cart-count,
.notification-badge {
  background: #b32020 !important;
  color: #fff !important;
  border: 2px solid var(--privas-black) !important;
  border-radius: 999px !important;
  min-width: 18px !important;
  height: 18px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* =========================================================
   7) SAFE BUTTONS
   لا يوجد button عام هنا
   ========================================================= */

.privas-btn,
.privas-hero-btn,
.btn--primary {
  transition: all 0.3s ease !important;
}

.s-button-element,
.s-button-btn,
.btn,
a.btn {
  transition: all 0.35s ease !important;
  box-shadow: none !important;
}

/* =========================================================
   8) PRODUCT CARD RESTORE
   ========================================================= */

.s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 300px)) !important;
  gap: 28px !important;
  justify-content: start !important;
  align-items: start !important;
}

custom-salla-product-card.s-product-card-entry,
.s-product-card-entry {
  width: 100% !important;
  max-width: 300px !important;
  background: #ffffff !important;
  border: 1px solid rgba(201, 139, 119, 0.18) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.055) !important;
  transition: all 0.35s ease !important;
}

custom-salla-product-card.s-product-card-entry:hover,
.s-product-card-entry:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.09) !important;
}

.s-product-card-entry .s-product-card-image {
  width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  background: #f8f1ec !important;
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  display: block !important;
  cursor: pointer !important;
}

.s-product-card-entry .s-product-card-image > a {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  overflow: hidden !important;
}

.s-product-card-entry .s-product-card-image-cover,
.s-product-card-entry .s-product-card-image img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: unset !important;
  object-position: unset !important;
  display: block !important;
  background: transparent !important;
  transform: none !important;
  border-radius: 0 !important;
  transition: transform 0.65s ease, opacity 0.45s ease, filter 0.45s ease !important;
}

.s-product-card-entry .s-product-card-image:hover img,
.s-product-card-entry .s-product-card-image:hover .s-product-card-image-cover {
  transform: scale(1.035) !important;
  filter: brightness(0.96) contrast(1.04) !important;
}

.s-product-card-entry .s-product-card-image::after {
  content: "شاهدي التفاصيل";
  position: absolute;
  inset: 0;
  background: rgba(5, 5, 5, 0.16);
  color: var(--privas-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.s-product-card-entry .s-product-card-image:hover::after {
  opacity: 1;
}

/* wishlist */
.s-product-card-entry .s-product-card-wishlist-btn {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 8 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.s-product-card-entry .s-product-card-wishlist-btn .s-button-element,
.s-product-card-wishlist-btn .s-button-element,
.s-product-card-wishlist-btn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(201, 139, 119, 0.32) !important;
  color: var(--privas-rose-dark) !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.07) !important;
  padding: 0 !important;
}

/* product text */
.s-product-card-entry .s-product-card-content {
  padding: 18px 16px 20px !important;
  text-align: center !important;
  background: #ffffff !important;
}

.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: #111111 !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  text-align: center !important;
  margin: 0 auto 10px !important;
  min-height: 50px !important;
  max-width: 96% !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.s-product-card-entry .s-product-card-sale-price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 6px 0 16px !important;
}

.s-product-card-entry .s-product-card-sale-price h4 {
  color: #a3473b !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

.s-product-card-entry .s-product-card-sale-price span {
  color: #8a7c75 !important;
  font-size: 13px !important;
  opacity: 0.7 !important;
  text-decoration: line-through !important;
}

/* add to cart */
.s-product-card-entry salla-add-product-button,
.s-product-card-entry salla-add-product-button .w-full,
.s-product-card-entry salla-add-product-button salla-button,
.s-product-card-entry salla-add-product-button .s-button-wrap {
  width: 100% !important;
  display: block !important;
}

.s-product-card-entry .s-product-card-content-footer {
  padding: 0 !important;
  margin-top: 0 !important;
}

.s-product-card-entry salla-add-product-button .s-button-element,
.s-product-card-entry .s-product-card-content-footer .s-button-element {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: #fffaf7 !important;
  border: 1px solid rgba(201, 139, 119, 0.72) !important;
  color: var(--privas-rose-dark) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
}

.s-product-card-entry salla-add-product-button .s-button-text,
.s-product-card-entry .s-product-card-content-footer .s-button-text {
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 7px !important;
  line-height: 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--privas-rose-dark) !important;
}

.s-product-card-entry salla-add-product-button .s-button-text span,
.s-product-card-entry .s-product-card-content-footer .s-button-text span,
.s-product-card-entry salla-add-product-button .s-button-text i,
.s-product-card-entry .s-product-card-content-footer .s-button-text i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--privas-rose-dark) !important;
}

.s-product-card-entry salla-add-product-button .s-button-element:hover,
.s-product-card-entry .s-product-card-content-footer .s-button-element:hover {
  background: var(--privas-black) !important;
  border-color: var(--privas-black) !important;
  color: var(--privas-light) !important;
}

.s-product-card-entry salla-add-product-button .s-button-element:hover .s-button-text,
.s-product-card-entry salla-add-product-button .s-button-element:hover .s-button-text span,
.s-product-card-entry salla-add-product-button .s-button-element:hover .s-button-text i {
  color: var(--privas-light) !important;
}

/* =========================================================
   9) PRELOADER
   ========================================================= */

body.privas-loading {
  overflow: hidden !important;
}

#privas-preloader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999999 !important;
  background: radial-gradient(circle at center, #130a08 0%, #050505 58%, #000000 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.75s ease, visibility 0.75s ease !important;
}

#privas-preloader.privas-hide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.privas-preloader-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.privas-preloader-inner img {
  width: 180px !important;
  max-width: 45vw !important;
  height: auto !important;
  filter: drop-shadow(0 0 22px rgba(201, 139, 119, 0.32)) !important;
}

.privas-loader-line {
  width: 150px !important;
  height: 1px !important;
  margin-top: 28px !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(201, 139, 119, 0.22), rgba(248, 241, 236, 0.28), rgba(201, 139, 119, 0.22), transparent) !important;
  opacity: 1 !important;
}

.privas-loader-line::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -45% !important;
  width: 45% !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, var(--privas-rose), var(--privas-light), var(--privas-rose), transparent) !important;
  box-shadow: 0 0 16px rgba(201, 139, 119, 0.75) !important;
  animation: privasLuxuryLoader 1.05s ease-in-out infinite !important;
}

@keyframes privasLuxuryLoader {
  0% { right: 115%; opacity: 0; }
  18% { opacity: 1; }
  82% { opacity: 1; }
  100% { right: -55%; opacity: 0; }
}

/* =========================================================
   10) HERO SECTION
   ========================================================= */

#privas-editorial-home {
  width: 100% !important;
  display: block !important;
  margin: 0 auto 40px !important;
}

.privas-hero-editorial {
  width: min(1180px, calc(100% - 32px)) !important;
  min-height: 620px !important;
  margin: 34px auto 26px !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  background-size: cover !important;
  background-position: right center !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.08) !important;
}

.privas-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(248, 241, 236, 0.94) 0%, rgba(248, 241, 236, 0.88) 22%, rgba(248, 241, 236, 0.58) 42%, rgba(248, 241, 236, 0.18) 64%, rgba(248, 241, 236, 0.04) 100%) !important;
  z-index: 1 !important;
}

.privas-hero-content {
  position: absolute !important;
  left: 7% !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  width: 42% !important;
  max-width: 500px !important;
  text-align: left !important;
  direction: ltr !important;
  margin: 0 !important;
  padding: 0 !important;
}

.privas-logo-word {
  font-family: "Cinzel", serif !important;
  font-size: 58px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  color: #c79b8c !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}

.privas-hero-content h1 {
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(52px, 5.8vw, 78px) !important;
  line-height: 0.95 !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #4f2d26 !important;
  margin: 0 0 22px !important;
}

.privas-hero-content p {
  font-family: inherit !important;
  font-size: 22px !important;
  line-height: 1.9 !important;
  color: #6e4d43 !important;
  margin: 0 0 30px !important;
  direction: rtl !important;
  text-align: left !important;
  max-width: 420px !important;
}

.privas-hero-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  height: 56px !important;
  padding: 0 30px !important;
  background: linear-gradient(135deg, #b88798 0%, #8c5e70 48%, #5c1f34 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 30px rgba(92, 31, 52, 0.22) !important;
  transition: all 0.35s ease !important;
}

.privas-hero-btn:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #c79b8c 0%, #9d7080 45%, #6b2940 100%) !important;
  box-shadow: 0 16px 36px rgba(92, 31, 52, 0.28) !important;
}

/* =========================================================
   11) EDITORIAL CARDS + VALUES
   ========================================================= */

.privas-editorial-cards,
.privas-values {
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 0 auto 40px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.privas-editorial-card {
  position: relative !important;
  min-height: 230px !important;
  display: flex !important;
  align-items: flex-end !important;
  overflow: hidden !important;
  text-decoration: none !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.08) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.privas-editorial-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.46) 100%) !important;
  z-index: 1 !important;
}

.privas-editorial-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 40px rgba(0,0,0,0.12) !important;
}

.privas-editorial-card-content {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 18px 20px !important;
  color: #fff !important;
}

.privas-editorial-card h3,
.privas-brand-message h2,
.privas-value h4,
.privas-featured-title h2 {
  font-family: "Cormorant Garamond", serif !important;
}

.privas-editorial-card h3 {
  margin: 0 0 8px !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.privas-editorial-card p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,0.92) !important;
}

.privas-brand-message {
  width: min(980px, calc(100% - 32px)) !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

.privas-brand-message h2 {
  margin: 0 0 14px !important;
  font-size: 52px !important;
  font-weight: 600 !important;
  color: #4f2d26 !important;
}

.privas-brand-message p {
  margin: 0 auto !important;
  max-width: 780px !important;
  font-size: 18px !important;
  line-height: 2 !important;
  color: #6e4d43 !important;
}

.privas-value {
  background: #fbf6f2 !important;
  border: 1px solid rgba(199, 155, 140, 0.22) !important;
  padding: 28px 22px !important;
  text-align: center !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.04) !important;
}

.privas-value span {
  display: inline-block !important;
  margin-bottom: 12px !important;
  font-size: 28px !important;
  color: var(--privas-mauve) !important;
}

.privas-value h4 {
  margin: 0 0 10px !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #4f2d26 !important;
}

.privas-value p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: #6e4d43 !important;
}

.privas-featured-title {
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 0 auto 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.privas-featured-title span {
  flex: 1 !important;
  height: 1px !important;
  background: rgba(79, 45, 38, 0.18) !important;
}

.privas-featured-title h2 {
  margin: 0 !important;
  white-space: nowrap !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  color: #4f2d26 !important;
}

/* =========================================================
   12) MOBILE MENU + SCROLL REVEAL
   ========================================================= */

.privas-menu-close {
  display: none !important;
}

.mm-ocd.privas-menu-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.mm-ocd.privas-menu-fading .mm-ocd__content {
  opacity: 0 !important;
  filter: blur(2px) !important;
}

.mm-ocd.privas-menu-fading .mm-ocd__backdrop {
  opacity: 0 !important;
}

.privas-reveal {
  opacity: 0 !important;
  transform: translateY(34px) !important;
  transition: opacity 0.85s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform !important;
}

.privas-reveal.privas-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.privas-hero-content.privas-reveal {
  transform: translateY(-50%) translateX(-34px) !important;
}

.privas-hero-content.privas-reveal.privas-visible {
  transform: translateY(-50%) translateX(0) !important;
}

.privas-editorial-card.privas-reveal:nth-child(1),
.privas-value.privas-reveal:nth-child(1) {
  transition-delay: 0.08s !important;
}

.privas-editorial-card.privas-reveal:nth-child(2),
.privas-value.privas-reveal:nth-child(2) {
  transition-delay: 0.18s !important;
}

.privas-editorial-card.privas-reveal:nth-child(3),
.privas-value.privas-reveal:nth-child(3) {
  transition-delay: 0.28s !important;
}

/* =========================================================
   13) RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {
  .privas-editorial-cards,
  .privas-values {
    grid-template-columns: 1fr !important;
  }

  .privas-hero-content {
    width: 46% !important;
    left: 6% !important;
  }

  .privas-logo-word {
    font-size: 44px !important;
  }

  .privas-hero-content h1 {
    font-size: 60px !important;
  }
}

@media (max-width: 767px) {
  salla-advertisement,
  salla-advertisement .s-advertisement,
  salla-advertisement .s-advertisement-content {
    height: 38px !important;
  }

  salla-advertisement .s-advertisement-content-main {
    font-size: 11px !important;
    animation-duration: 14s !important;
  }

  .navbar-brand img,
  .logo-wrapper img,
  .store-logo img,
  a.navbar-brand img {
    max-height: 62px !important;
  }

  #mainnav {
    min-height: 74px !important;
  }

  .s-products-list-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  custom-salla-product-card.s-product-card-entry,
  .s-product-card-entry {
    max-width: 100% !important;
    border-radius: 18px !important;
  }

  .s-product-card-entry .s-product-card-content {
    padding: 12px 9px 14px !important;
  }

  .s-product-card-entry .s-product-card-content-title,
  .s-product-card-entry .s-product-card-content-title a {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    min-height: 40px !important;
  }

  .privas-hero-editorial {
    min-height: 540px !important;
    background-position: 68% center !important;
  }

  .privas-hero-overlay {
    background: linear-gradient(180deg, rgba(248, 241, 236, 0.10) 0%, rgba(248, 241, 236, 0.60) 52%, rgba(248, 241, 236, 0.92) 100%) !important;
  }

  .privas-hero-content {
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 28px !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 24px !important;
    text-align: left !important;
  }

  .privas-logo-word {
    font-size: 34px !important;
    margin-bottom: 10px !important;
  }

  .privas-hero-content h1 {
    font-size: 38px !important;
    line-height: 1 !important;
    margin-bottom: 14px !important;
  }

  .privas-hero-content p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
  }

  .privas-hero-btn {
    min-width: 180px !important;
    height: 48px !important;
    font-size: 15px !important;
  }

  .privas-hero-content.privas-reveal,
  .privas-hero-content.privas-reveal.privas-visible {
    transform: translateY(0) !important;
  }

  .privas-brand-message h2 {
    font-size: 36px !important;
  }

  .privas-featured-title h2 {
    font-size: 32px !important;
  }
}

@media (max-width: 480px) {
  .navbar-brand img,
  .logo-wrapper img,
  .store-logo img,
  a.navbar-brand img {
    max-height: 54px !important;
  }

  #mainnav {
    min-height: 68px !important;
  }
}
/* ================================
   FIX 1: Search icon position
   حل مشكلة أيقونة البحث فوق كلمة البحث
================================ */

.search-bar,
.search-form,
.header-search,
.s-search-input,
.s-search-container,
form[role="search"] {
  position: relative !important;
}

.search-bar input,
.search-form input,
.header-search input,
.s-search-input input,
.s-search-container input,
form[role="search"] input,
input[type="search"] {
  padding-inline-start: 55px !important;
  padding-inline-end: 20px !important;
  text-align: right !important;
  color: #7a4338 !important;
}

.search-bar svg,
.search-form svg,
.header-search svg,
.s-search-input svg,
.s-search-container svg,
form[role="search"] svg {
  position: absolute !important;
  left: 22px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #7a4338 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

input[type="search"]::placeholder {
  color: #7a4338 !important;
  opacity: 0.85 !important;
}
/* ================================
   FIX 2: Mobile menu black background
   إرجاع قائمة الموبايل للون الأسود
================================ */

@media (max-width: 768px) {
  .mobile-menu,
  .main-menu,
  .s-menu,
  .s-menu-wrapper,
  .s-side-menu,
  .side-menu,
  .store-menu,
  .navbar-menu,
  .offcanvas,
  .drawer,
  .menu-drawer,
  .s-drawer,
  .s-drawer-body,
  .s-modal-content,
  .salla-theme_6 .main-menu {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
  }

  .mobile-menu *,
  .main-menu *,
  .s-menu *,
  .s-side-menu *,
  .side-menu *,
  .store-menu *,
  .navbar-menu *,
  .offcanvas *,
  .drawer *,
  .menu-drawer *,
  .s-drawer *,
  .s-drawer-body * {
    color: #ffffff !important;
  }

  .mobile-menu a,
  .main-menu a,
  .s-menu a,
  .s-side-menu a,
  .side-menu a,
  .store-menu a,
  .navbar-menu a,
  .drawer a,
  .menu-drawer a,
  .s-drawer a {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }

  .mobile-menu svg,
  .main-menu svg,
  .s-menu svg,
  .s-side-menu svg,
  .side-menu svg,
  .store-menu svg,
  .navbar-menu svg,
  .drawer svg,
  .menu-drawer svg,
  .s-drawer svg {
    color: #ffffff !important;
    fill: none !important;
    stroke: #ffffff !important;
  }
}
/* ==================================================
   PRIVAS - FINAL HEADER SEARCH FIX
   إصلاح شريط البحث في الديسكتوب
================================================== */

/* حاوية البحث */
.s-search-input,
.s-search-input-wrapper,
.s-search-container,
.header-search,
.search-bar,
form[role="search"] {
  position: relative !important;
  direction: rtl !important;
}

/* خانة البحث نفسها */
.s-search-input input,
.s-search-input-wrapper input,
.s-search-container input,
.header-search input,
.search-bar input,
form[role="search"] input,
input[type="search"] {
  height: 46px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(122, 67, 56, 0.28) !important;
  background: #fff !important;
  color: #7a4338 !important;
  font-size: 14px !important;
  text-align: right !important;

  /* مهم: نترك مساحة للأيقونة حتى لا تغطي الكلام */
  padding-right: 52px !important;
  padding-left: 24px !important;
}

/* لون placeholder */
.s-search-input input::placeholder,
.s-search-input-wrapper input::placeholder,
.s-search-container input::placeholder,
.header-search input::placeholder,
.search-bar input::placeholder,
form[role="search"] input::placeholder,
input[type="search"]::placeholder {
  color: #7a4338 !important;
  opacity: 0.85 !important;
}

/* أيقونة البحث */
.s-search-input svg,
.s-search-input-wrapper svg,
.s-search-container svg,
.header-search svg,
.search-bar svg,
form[role="search"] svg {
  position: absolute !important;
  right: 18px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  color: #7a4338 !important;
  stroke: #7a4338 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* لو في زر بحث داخل الحقل */
.s-search-input button,
.s-search-input-wrapper button,
.s-search-container button,
.header-search button,
.search-bar button,
form[role="search"] button {
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  z-index: 6 !important;
}

/* يمنع الأيقونة من الخروج بجانب اللغة */
.header-search,
.s-search-input-wrapper,
.s-search-container {
  overflow: hidden !important;
}
/* ==================================================
   PRIVAS - MOBILE MENU POLISH
   تحسين القائمة السوداء في الموبايل
================================================== */

@media (max-width: 768px) {
  .s-drawer,
  .s-drawer-body,
  .s-menu,
  .s-side-menu,
  .mobile-menu,
  .side-menu,
  .menu-drawer,
  .drawer,
  .offcanvas {
    background: #000 !important;
    color: #fff !important;
  }

  /* يخلي القائمة تبدو أعرض وأنظف */
  .s-drawer,
  .s-side-menu,
  .side-menu,
  .menu-drawer,
  .drawer,
  .offcanvas {
    width: 88vw !important;
    max-width: 88vw !important;
  }

  /* روابط القائمة */
  .s-drawer a,
  .s-menu a,
  .s-side-menu a,
  .mobile-menu a,
  .side-menu a,
  .menu-drawer a,
  .drawer a,
  .offcanvas a {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 22px 26px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    text-align: right !important;
  }

  /* Hover / active */
  .s-drawer a:hover,
  .s-menu a:hover,
  .s-side-menu a:hover,
  .mobile-menu a:hover,
  .side-menu a:hover,
  .menu-drawer a:hover,
  .drawer a:hover,
  .offcanvas a:hover {
    color: #d7b7a5 !important;
    background: rgba(215, 183, 165, 0.08) !important;
  }

  /* أيقونات القائمة */
  .s-drawer svg,
  .s-menu svg,
  .s-side-menu svg,
  .mobile-menu svg,
  .side-menu svg,
  .menu-drawer svg,
  .drawer svg,
  .offcanvas svg {
    color: #fff !important;
    stroke: #fff !important;
  }
}
/* ==================================================
   PRIVAS - MOBILE OVERFLOW + DRAWER FIX
   إصلاح خروج الموقع عن عرض شاشة الموبايل
================================================== */

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  position: relative !important;
}

/* منع أي عنصر من توسيع الصفحة خارج الشاشة */
@media (max-width: 768px) {
  * {
    box-sizing: border-box !important;
  }

  .app,
  .page-wrapper,
  .store-wrapper,
  .main-wrapper,
  .salla-theme_6,
  .container,
  .main-content,
  main,
  header,
  section,
  footer {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* إصلاح الهيدر في الموبايل */
  header,
  .store-header,
  .main-header,
  .navbar,
  .s-header,
  .site-header {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden !important;
  }

  /* الهيدر الأسود */
  .main-header,
  .store-header,
  .s-header,
  header .navbar,
  .navbar {
    background: #000 !important;
  }

  /* ترتيب محتوى الهيدر حتى لا يخرج الهامبرغر أو اللوجو */
  .main-header .container,
  .store-header .container,
  .s-header .container,
  header .container,
  .navbar .container {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* إصلاح اللوجو في الموبايل */
  .main-header img,
  .store-header img,
  .s-header img,
  .navbar img,
  header img {
    max-width: 95px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* إصلاح زر القائمة */
  .menu-toggle,
  .mobile-menu-trigger,
  .s-menu-trigger,
  .navbar-toggler,
  button[aria-label*="menu"],
  button[aria-label*="القائمة"] {
    margin: 0 !important;
    padding: 8px !important;
    color: #fff !important;
    z-index: 20 !important;
  }

  .menu-toggle svg,
  .mobile-menu-trigger svg,
  .s-menu-trigger svg,
  .navbar-toggler svg {
    color: #fff !important;
    stroke: #fff !important;
  }
}
/* =========================================================
   PRIVAS - CATEGORY PRODUCT CARDS REFINEMENT
   تحسين كروت المنتجات داخل صفحة التصنيف فقط
   ========================================================= */

body.privas-category-page .s-products-list-wrapper {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.privas-category-page .s-products-list {
  gap: 30px !important;
  justify-content: center !important;
}

/* كرت المنتج */
body.privas-category-page .s-product-card-entry {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(139, 94, 87, 0.12) !important;
  box-shadow: 0 18px 42px rgba(60, 38, 34, 0.08) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

body.privas-category-page .s-product-card-entry:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 55px rgba(60, 38, 34, 0.12) !important;
  border-color: rgba(139, 94, 87, 0.22) !important;
}

/* منطقة الصورة */
body.privas-category-page .s-product-card-image {
  background: #faf7f4 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
}

body.privas-category-page .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform 0.45s ease !important;
}

body.privas-category-page .s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.025) !important;
}

/* محتوى الكرت */
body.privas-category-page .s-product-card-content {
  padding: 18px 18px 20px !important;
  text-align: center !important;
}

/* عنوان المنتج */
body.privas-category-page .s-product-card-content-title a,
body.privas-category-page .s-product-card-content-title {
  color: #211816 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* تقصير العنوان إذا طال */
body.privas-category-page .s-product-card-content-title {
  min-height: 52px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* إخفاء الوصف من كرت التصنيف حتى لا يزحم الصفحة */
body.privas-category-page .s-product-card-content-sub,
body.privas-category-page .s-product-card-content p,
body.privas-category-page .s-product-card-content .s-product-card-content-description {
  display: none !important;
}

/* السعر */
body.privas-category-page .s-product-card-price,
body.privas-category-page .s-product-card-sale-price {
  color: #8b3f35 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  text-align: center !important;
}

/* السعر قبل الخصم */
body.privas-category-page .s-product-card-regular-price {
  color: #b8aaa5 !important;
  font-size: 13px !important;
}

/* زر إضافة للسلة داخل الكرت فقط */
body.privas-category-page .s-product-card-entry .s-button-element {
  border-radius: 999px !important;
  border-color: rgba(139, 94, 87, 0.35) !important;
  color: #7b4b45 !important;
  background: #fffaf7 !important;
  min-height: 42px !important;
  font-weight: 600 !important;
}

body.privas-category-page .s-product-card-entry .s-button-element:hover {
  background: #7b3f55 !important;
  color: #fff !important;
  border-color: #7b3f55 !important;
}

/* ترتيب عنوان الصفحة وعدد المنتجات */
body.privas-category-page .main-content,
body.privas-category-page main {
  background: #fbfaf9 !important;
}

body.privas-category-page .s-block__title,
body.privas-category-page h1 {
  color: #211816 !important;
}

/* الموبايل */
@media (max-width: 767px) {
  body.privas-category-page .s-products-list {
    gap: 18px !important;
  }

  body.privas-category-page .s-product-card-content {
    padding: 14px 12px 16px !important;
  }

  body.privas-category-page .s-product-card-content-title a,
  body.privas-category-page .s-product-card-content-title {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }

  body.privas-category-page .s-product-card-content-title {
    min-height: 44px !important;
  }

  body.privas-category-page .s-product-card-price,
  body.privas-category-page .s-product-card-sale-price {
    font-size: 16px !important;
  }
}
/* =========================================================
   PRIVAS - HOME FEATURED PRODUCTS 3-COLUMN CENTERED GRID
   ترتيب منتجات الصفحة الرئيسية: 3 منتجات في كل صف
   ========================================================= */

body.privas-home-page .privas-home-featured-products {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* تحويل قائمة المنتجات في الصفحة الرئيسية إلى Grid */
body.privas-home-page .privas-home-featured-products .s-products-list,
body.privas-home-page .privas-home-featured-products .s-products-list-wrapper {
  width: 100% !important;
}

body.privas-home-page .privas-home-featured-products .s-products-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  justify-items: center !important;
  align-items: stretch !important;
}

/* كرت المنتج داخل الصفحة الرئيسية */
body.privas-home-page .privas-home-featured-products .s-product-card-entry {
  width: 100% !important;
  max-width: 330px !important;
  margin: 0 auto !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(139, 94, 87, 0.12) !important;
  box-shadow: 0 18px 42px rgba(60, 38, 34, 0.08) !important;
}

/* صورة المنتج */
body.privas-home-page .privas-home-featured-products .s-product-card-image {
  aspect-ratio: 3 / 4 !important;
  background: #faf7f4 !important;
  overflow: hidden !important;
}

body.privas-home-page .privas-home-featured-products .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* محتوى الكرت */
body.privas-home-page .privas-home-featured-products .s-product-card-content {
  padding: 16px 16px 18px !important;
  text-align: center !important;
}

/* عنوان المنتج */
body.privas-home-page .privas-home-featured-products .s-product-card-content-title,
body.privas-home-page .privas-home-featured-products .s-product-card-content-title a {
  color: #211816 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* تقصير العنوان لسطرين حتى لا يكبر الكرت */
body.privas-home-page .privas-home-featured-products .s-product-card-content-title {
  min-height: 48px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* إخفاء الوصف من كرت الصفحة الرئيسية فقط */
body.privas-home-page .privas-home-featured-products .s-product-card-content-sub,
body.privas-home-page .privas-home-featured-products .s-product-card-content p,
body.privas-home-page .privas-home-featured-products .s-product-card-content .s-product-card-content-description {
  display: none !important;
}

/* السعر في المنتصف */
body.privas-home-page .privas-home-featured-products .s-product-card-price,
body.privas-home-page .privas-home-featured-products .s-product-card-sale-price {
  color: #8b3f35 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  text-align: center !important;
}

/* زر الكرت فقط */
body.privas-home-page .privas-home-featured-products .s-product-card-entry .s-button-element {
  border-radius: 999px !important;
  min-height: 42px !important;
  background: #fffaf7 !important;
  color: #7b4b45 !important;
  border-color: rgba(139, 94, 87, 0.35) !important;
  font-weight: 600 !important;
}

/* تابلت: منتجين في الصف */
@media (min-width: 768px) and (max-width: 1024px) {
  body.privas-home-page .privas-home-featured-products {
    max-width: 760px !important;
  }

  body.privas-home-page .privas-home-featured-products .s-products-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* موبايل: منتج واحد في الصف */
@media (max-width: 767px) {
  body.privas-home-page .privas-home-featured-products {
    max-width: 430px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.privas-home-page .privas-home-featured-products .s-products-list {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.privas-home-page .privas-home-featured-products .s-product-card-entry {
    max-width: 340px !important;
  }
}
/* =========================================================
   PRIVAS - FIX HOME FEATURED PRODUCTS GRID
   إصلاح ترتيب منتجات Featured Pieces في الصفحة الرئيسية
   ========================================================= */

body.privas-home-page .privas-home-featured-grid {
  max-width: 1080px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* أهم سطر: تحويل القائمة نفسها إلى 3 أعمدة */
body.privas-home-page .privas-home-featured-grid .s-products-list,
body.privas-home-page .privas-home-featured-grid > .s-products-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 320px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 28px !important;
  width: 100% !important;
}

/* إذا كانت الكروت داخل wrapper إضافي من سلة */
body.privas-home-page .privas-home-featured-grid .s-products-list-wrapper {
  display: block !important;
  width: 100% !important;
}

/* الكرت نفسه */
body.privas-home-page .privas-home-featured-grid .s-product-card-entry {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
}

/* نمنع أي flex عمودي من سلة داخل هذا القسم فقط */
body.privas-home-page .privas-home-featured-grid .s-products-list > * {
  width: 100% !important;
  max-width: 320px !important;
}

/* تابلت: منتجين */
@media (min-width: 768px) and (max-width: 1024px) {
  body.privas-home-page .privas-home-featured-grid {
    max-width: 720px !important;
  }

  body.privas-home-page .privas-home-featured-grid .s-products-list,
  body.privas-home-page .privas-home-featured-grid > .s-products-list {
    grid-template-columns: repeat(2, minmax(0, 320px)) !important;
  }
}

/* موبايل: منتج واحد */
@media (max-width: 767px) {
  body.privas-home-page .privas-home-featured-grid {
    max-width: 390px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.privas-home-page .privas-home-featured-grid .s-products-list,
  body.privas-home-page .privas-home-featured-grid > .s-products-list {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.privas-home-page .privas-home-featured-grid .s-product-card-entry {
    max-width: 340px !important;
  }
}
/* =========================================================
   PRIVAS - FINAL HOME FEATURED PRODUCTS GRID FIX
   يجعل المنتجات في الصفحة الرئيسية 3 في كل صف
   ========================================================= */

body.privas-home-page .privas-featured-section-fixed {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.privas-home-page .privas-featured-cards-row {
  display: grid !important;
  grid-template-columns: repeat(3, 320px) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* كرت المنتج */
body.privas-home-page .privas-featured-card {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(139, 94, 87, 0.12) !important;
  box-shadow: 0 18px 42px rgba(60, 38, 34, 0.08) !important;
}

/* الصورة */
body.privas-home-page .privas-featured-card .s-product-card-image {
  aspect-ratio: 3 / 4 !important;
  background: #faf7f4 !important;
  overflow: hidden !important;
}

body.privas-home-page .privas-featured-card .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* محتوى الكرت */
body.privas-home-page .privas-featured-card .s-product-card-content {
  padding: 16px 16px 18px !important;
  text-align: center !important;
}

/* العنوان */
body.privas-home-page .privas-featured-card .s-product-card-content-title,
body.privas-home-page .privas-featured-card .s-product-card-content-title a {
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
  color: #211816 !important;
  text-align: center !important;
}

body.privas-home-page .privas-featured-card .s-product-card-content-title {
  min-height: 46px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* إخفاء وصف المنتج من الكرت فقط */
body.privas-home-page .privas-featured-card .s-product-card-content-sub,
body.privas-home-page .privas-featured-card .s-product-card-content p,
body.privas-home-page .privas-featured-card .s-product-card-content-description {
  display: none !important;
}

/* السعر */
body.privas-home-page .privas-featured-card .s-product-card-price,
body.privas-home-page .privas-featured-card .s-product-card-sale-price {
  color: #8b3f35 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  text-align: center !important;
}

/* الزر داخل كرت المنتج فقط */
body.privas-home-page .privas-featured-card .s-button-element {
  border-radius: 999px !important;
  min-height: 42px !important;
  background: #fffaf7 !important;
  color: #7b4b45 !important;
  border-color: rgba(139, 94, 87, 0.35) !important;
  font-weight: 600 !important;
}

/* تابلت */
@media (min-width: 768px) and (max-width: 1024px) {
  body.privas-home-page .privas-featured-cards-row {
    grid-template-columns: repeat(2, 320px) !important;
    max-width: 720px !important;
  }
}

/* موبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-featured-cards-row {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    gap: 20px !important;
  }

  body.privas-home-page .privas-featured-card {
    max-width: 340px !important;
  }
}
/* =========================================================
   PRIVAS - DYNAMIC FEATURED TITLE STYLE
   يعرض اسم القسم الحقيقي بين خطين بنفس ستايل PRIVAS
   ========================================================= */

body.privas-home-page .privas-main-featured-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 18px auto 26px !important;
  text-align: center !important;
  color: #6f433b !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  position: relative !important;
}

body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: rgba(141, 109, 95, 0.25) !important;
  min-width: 80px !important;
}

body.privas-home-page .privas-hide-duplicate-featured-title {
  display: none !important;
}

@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    max-width: 92% !important;
    font-size: 18px !important;
    gap: 12px !important;
    margin: 14px auto 20px !important;
  }

  body.privas-home-page .privas-main-featured-title::before,
  body.privas-home-page .privas-main-featured-title::after {
    min-width: 40px !important;
  }
}
/* =========================================================
   PRIVAS - LUXURY FEATURED TITLE REFINEMENT
   تحسين عنوان "قطع مختارة" بين خطين بشكل أفخم
   ========================================================= */

body.privas-home-page .privas-main-featured-title {
  max-width: 620px !important;
  margin: 34px auto 34px !important;
  padding: 0 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;

  font-family: "Times New Roman", "Georgia", serif !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;

  color: #70443d !important;
  text-align: center !important;
}

body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  content: "" !important;
  flex: 1 1 0 !important;
  max-width: 180px !important;
  min-width: 90px !important;
  height: 1px !important;

  background: linear-gradient(
    to var(--privas-line-direction, right),
    transparent,
    rgba(139, 94, 87, 0.42),
    transparent
  ) !important;
}

body.privas-home-page .privas-main-featured-title::before {
  --privas-line-direction: left;
}

body.privas-home-page .privas-main-featured-title::after {
  --privas-line-direction: right;
}

/* لمسة صغيرة فوق العنوان */
body.privas-home-page .privas-main-featured-title span {
  display: inline-block !important;
}

/* إخفاء العنوان المكرر */
body.privas-home-page .privas-hide-duplicate-featured-title {
  display: none !important;
}

@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    max-width: 92% !important;
    margin: 26px auto 24px !important;
    gap: 13px !important;
    font-size: 22px !important;
  }

  body.privas-home-page .privas-main-featured-title::before,
  body.privas-home-page .privas-main-featured-title::after {
    min-width: 42px !important;
    max-width: 90px !important;
  }
}
/* =========================================================
   PRIVAS - FIX FEATURED TITLE LINES + FONT
   يبقي فقط الخطين القريبين من العنوان
   ويرجع الخط لنفس ستايل Featured Pieces
   ========================================================= */

/* 1) إلغاء أي خطوط قديمة على نفس العنوان */
body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  content: none !important;
  display: none !important;
}

/* 2) شكل العنوان نفسه */
body.privas-home-page .privas-main-featured-title {
  display: block !important;
  text-align: center !important;
  margin: 30px auto 28px !important;
  color: #744940 !important;

  /* نفس روح Featured Pieces القديمة */
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* 3) نجعل النص داخل span ونضيف فقط خطين قريبين منه */
body.privas-home-page .privas-main-featured-title > span {
  position: relative !important;
  display: inline-block !important;
  padding: 0 72px !important;
}

/* الخط اليمين والخط اليسار القريبين من العنوان فقط */
body.privas-home-page .privas-main-featured-title > span::before,
body.privas-home-page .privas-main-featured-title > span::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 160px !important;
  height: 1px !important;
  background: rgba(139, 94, 87, 0.22) !important;
  transform: translateY(-50%) !important;
}

/* خط يسار العنوان */
body.privas-home-page .privas-main-featured-title > span::before {
  right: 100% !important;
  margin-right: 18px !important;
}

/* خط يمين العنوان */
body.privas-home-page .privas-main-featured-title > span::after {
  left: 100% !important;
  margin-left: 18px !important;
}

/* إخفاء العنوان المكرر */
body.privas-home-page .privas-hide-duplicate-featured-title {
  display: none !important;
}

/* موبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    font-size: 22px !important;
    margin: 22px auto 20px !important;
  }

  body.privas-home-page .privas-main-featured-title > span {
    padding: 0 48px !important;
  }

  body.privas-home-page .privas-main-featured-title > span::before,
  body.privas-home-page .privas-main-featured-title > span::after {
    width: 75px !important;
  }
}
/* =========================================================
   PRIVAS - FINAL FEATURED TITLE CLEAN LINES
   إزالة الخطوط الخارجية الزائدة وإظهار خطين فقط حول العنوان
   ========================================================= */

/* عنوان قطع مختارة */
body.privas-home-page .privas-main-featured-title {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  max-width: 90% !important;
  margin: 30px auto 30px !important;
  padding: 0 !important;

  color: #744940 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;

  border: 0 !important;
  background: transparent !important;
}

/* تعطيل خطوط العنوان القديمة */
body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  display: none !important;
  content: none !important;
}

/* النص نفسه */
body.privas-home-page .privas-main-featured-title > span {
  position: relative !important;
  display: inline-block !important;
  padding: 0 26px !important;
  white-space: nowrap !important;
}

/* الخطان القريبان من العنوان فقط */
body.privas-home-page .privas-main-featured-title > span::before,
body.privas-home-page .privas-main-featured-title > span::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 145px !important;
  height: 1px !important;
  background: rgba(139, 94, 87, 0.25) !important;
  transform: translateY(-50%) !important;
  display: block !important;
}

/* خط يمين النص */
body.privas-home-page .privas-main-featured-title > span::before {
  right: 100% !important;
}

/* خط يسار النص */
body.privas-home-page .privas-main-featured-title > span::after {
  left: 100% !important;
}

/* إخفاء أي خطوط/فواصل خارجية حول عنوان Featured القديم */
body.privas-home-page .privas-main-featured-title hr,
body.privas-home-page .privas-main-featured-title + hr,
body.privas-home-page hr:has(+ .privas-main-featured-title),
body.privas-home-page .privas-main-featured-title ~ hr {
  display: none !important;
}

/* لو الخطوط الخارجية عبارة عن borders في الأب */
body.privas-home-page .privas-main-featured-title,
body.privas-home-page .privas-main-featured-title.parent,
body.privas-home-page .privas-main-featured-title-wrapper {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* تنظيف أي خط ممتد داخل نفس البلوك */
body.privas-home-page .privas-main-featured-title.closest-line,
body.privas-home-page .privas-main-featured-title::marker {
  display: none !important;
}

/* موبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    font-size: 23px !important;
    margin: 28px auto 24px !important;
    max-width: 92% !important;
  }

  body.privas-home-page .privas-main-featured-title > span {
    padding: 0 18px !important;
  }

  body.privas-home-page .privas-main-featured-title > span::before,
  body.privas-home-page .privas-main-featured-title > span::after {
    width: 58px !important;
    background: rgba(139, 94, 87, 0.28) !important;
  }
}
/* =========================================================
   PRIVAS - FINAL CLEAN FEATURED TITLE
   يظهر خطين فقط قريبين من عنوان قطع مختارة
   ========================================================= */

/* إخفاء الخطوط الخارجية الزائدة */
body.privas-home-page .privas-hide-extra-featured-line {
  display: none !important;
}

/* إلغاء أي خطوط من الأب */
body.privas-home-page .privas-featured-title-clean-parent::before,
body.privas-home-page .privas-featured-title-clean-parent::after {
  display: none !important;
  content: none !important;
}

/* العنوان */
body.privas-home-page .privas-main-featured-title {
  display: block !important;
  width: fit-content !important;
  max-width: 92% !important;
  margin: 30px auto 30px !important;
  padding: 0 !important;

  color: #744940 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
}

/* تعطيل أي خطوط قديمة على العنوان نفسه */
body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  display: none !important;
  content: none !important;
}

/* النص */
body.privas-home-page .privas-main-featured-title > span {
  position: relative !important;
  display: inline-block !important;
  padding: 0 24px !important;
  white-space: nowrap !important;
}

/* الخطين القريبين فقط */
body.privas-home-page .privas-main-featured-title > span::before,
body.privas-home-page .privas-main-featured-title > span::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 135px !important;
  height: 1px !important;
  background: rgba(139, 94, 87, 0.28) !important;
  transform: translateY(-50%) !important;
  display: block !important;
}

body.privas-home-page .privas-main-featured-title > span::before {
  right: 100% !important;
}

body.privas-home-page .privas-main-featured-title > span::after {
  left: 100% !important;
}

/* الموبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    font-size: 23px !important;
    margin: 28px auto 24px !important;
  }

  body.privas-home-page .privas-main-featured-title > span {
    padding: 0 18px !important;
  }

  body.privas-home-page .privas-main-featured-title > span::before,
  body.privas-home-page .privas-main-featured-title > span::after {
    width: 72px !important;
  }
}
/* =========================================================
   PRIVAS - FINAL LUXURY TITLE FOR "قطع مختارة"
   يشيل الخط الأوسط ويرفع العنوان بين الخطين بشكل أفخم
   ========================================================= */

/* العنوان الرئيسي */
body.privas-home-page .privas-main-featured-title {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 34px auto 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* إلغاء أي خطوط قديمة على العنوان نفسه */
body.privas-home-page .privas-main-featured-title::before,
body.privas-home-page .privas-main-featured-title::after {
  content: none !important;
  display: none !important;
}

/* النص نفسه */
body.privas-home-page .privas-main-featured-title > span {
  position: relative !important;
  display: inline-block !important;

  /* هذا أهم شيء: يرفع العنوان بين الخطين */
  transform: translateY(-10px) !important;

  /* يخفي أي خط ظاهر خلف النص */
  background: #f6f6f6 !important;

  padding: 0 28px !important;
  margin: 0 18px !important;

  color: #744940 !important;
  font-family: Georgia, "Times New Roman", serif !important; /* قريب من Featured القديمة */
  font-size: 29px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  z-index: 2 !important;
}

/* الخطان فقط - أفخم وأنعم */
body.privas-home-page .privas-main-featured-title > span::before,
body.privas-home-page .privas-main-featured-title > span::after {
  content: "" !important;
  position: absolute !important;
  top: 58% !important;
  width: 165px !important;
  height: 1px !important;
  display: block !important;

  background: linear-gradient(
    to right,
    rgba(139, 94, 87, 0.02),
    rgba(139, 94, 87, 0.28),
    rgba(139, 94, 87, 0.02)
  ) !important;
}

/* الخط اليمين */
body.privas-home-page .privas-main-featured-title > span::before {
  right: 100% !important;
  margin-right: 18px !important;
}

/* الخط اليسار */
body.privas-home-page .privas-main-featured-title > span::after {
  left: 100% !important;
  margin-left: 18px !important;
}

/* لو بقيت خطوط قديمة من الأب أو من عناصر حوله */
body.privas-home-page .privas-featured-title-clean-parent::before,
body.privas-home-page .privas-featured-title-clean-parent::after,
body.privas-home-page .privas-hide-extra-featured-line {
  display: none !important;
  content: none !important;
}

/* الموبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-main-featured-title {
    max-width: 100% !important;
    margin: 28px auto 18px !important;
  }

  body.privas-home-page .privas-main-featured-title > span {
    transform: translateY(-8px) !important;
    font-size: 24px !important;
    padding: 0 18px !important;
    margin: 0 10px !important;
  }

  body.privas-home-page .privas-main-featured-title > span::before,
  body.privas-home-page .privas-main-featured-title > span::after {
    width: 68px !important;
    top: 58% !important;
  }

  body.privas-home-page .privas-main-featured-title > span::before {
    margin-right: 10px !important;
  }

  body.privas-home-page .privas-main-featured-title > span::after {
    margin-left: 10px !important;
  }
}
/* =========================================================
   PRIVAS - CLEAN NEW FEATURED TITLE STYLE
   عنوان جديد نظيف وفاخر بدل العنوان القديم
   ========================================================= */

/* إخفاء العنوان القديم وخطوطه */
body.privas-home-page .privas-hide-old-featured-title,
body.privas-home-page .privas-hide-old-featured-line {
  display: none !important;
}

/* تقليل مساحة مكان العنوان القديم إن بقي الأب */
body.privas-home-page .privas-hide-old-featured-title-parent {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

/* العنوان الجديد */
body.privas-home-page .privas-clean-featured-title {
  width: 100% !important;
  max-width: 760px !important;
  margin: 22px auto 30px !important;
  padding: 0 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;

  color: #744940 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

/* النص */
body.privas-home-page .privas-clean-featured-title span {
  display: inline-block !important;
  white-space: nowrap !important;
  padding: 0 8px !important;
  transform: translateY(-3px) !important;
}

/* الخطين الفاخرين */
body.privas-home-page .privas-clean-featured-title::before,
body.privas-home-page .privas-clean-featured-title::after {
  content: "" !important;
  display: block !important;
  flex: 0 1 170px !important;
  height: 1px !important;

  background: linear-gradient(
    to right,
    transparent,
    rgba(116, 73, 64, 0.34),
    transparent
  ) !important;
}

/* الموبايل */
@media (max-width: 767px) {
  body.privas-home-page .privas-clean-featured-title {
    max-width: 92% !important;
    margin: 24px auto 24px !important;
    gap: 14px !important;
    font-size: 24px !important;
    padding: 0 12px !important;
  }

  body.privas-home-page .privas-clean-featured-title::before,
  body.privas-home-page .privas-clean-featured-title::after {
    flex-basis: 68px !important;
  }

  body.privas-home-page .privas-clean-featured-title span {
    transform: translateY(-2px) !important;
  }
}
/* =========================================================
   PRIVAS - PRODUCT PAGE LUXURY FIRST PATCH
   تحسين أعلى صفحة المنتج فقط بدون لمس الهيدر
   ========================================================= */

body.privas-product-page main,
body.privas-product-page .main-content {
  background: #fbfaf9 !important;
}

/* حاوية صفحة المنتج */
body.privas-product-page .product-single,
body.privas-product-page .s-product-single,
body.privas-product-page [class*="product-single"] {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* صورة المنتج */
body.privas-product-page .s-product-card-image,
body.privas-product-page .product-single__image,
body.privas-product-page .s-product-single-image,
body.privas-product-page .swiper-slide img {
  border-radius: 24px !important;
}

/* منطقة الصور */
body.privas-product-page .product-gallery,
body.privas-product-page .s-product-single-gallery,
body.privas-product-page [class*="gallery"] {
  background: #fff !important;
  border-radius: 28px !important;
}

/* عنوان المنتج */
body.privas-product-page h1,
body.privas-product-page .product-title,
body.privas-product-page [class*="product-title"] {
  color: #211816 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

/* السعر */
body.privas-product-page .price,
body.privas-product-page .product-price,
body.privas-product-page .s-product-price,
body.privas-product-page [class*="price"] {
  color: #8b3f35 !important;
  font-weight: 700 !important;
}

/* وصف قصير أو نصوص جانبية */
body.privas-product-page .product-entry,
body.privas-product-page .product-summary,
body.privas-product-page [class*="summary"] {
  color: #6d5852 !important;
  line-height: 1.9 !important;
}

/* زر إضافة للسلة داخل صفحة المنتج فقط */
body.privas-product-page salla-add-product-button .s-button-element,
body.privas-product-page .product-form .s-button-element,
body.privas-product-page .s-product-form .s-button-element {
  border-radius: 999px !important;
  min-height: 48px !important;
  background: #6f334b !important;
  border-color: #6f334b !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 16px 35px rgba(111, 51, 75, 0.18) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

body.privas-product-page salla-add-product-button .s-button-element:hover,
body.privas-product-page .product-form .s-button-element:hover,
body.privas-product-page .s-product-form .s-button-element:hover {
  background: #5d2b40 !important;
  border-color: #5d2b40 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(111, 51, 75, 0.24) !important;
}

/* كمية المنتج والاختيارات */
body.privas-product-page .s-quantity-input-container,
body.privas-product-page select,
body.privas-product-page input[type="number"] {
  border-radius: 999px !important;
  border-color: rgba(139, 94, 87, 0.22) !important;
}

/* شارات بسيطة حول تفاصيل المنتج */
body.privas-product-page .product-meta,
body.privas-product-page [class*="product-meta"] {
  color: #7b6761 !important;
}

/* موبايل */
@media (max-width: 767px) {
  body.privas-product-page h1,
  body.privas-product-page .product-title,
  body.privas-product-page [class*="product-title"] {
    font-size: 24px !important;
    line-height: 1.45 !important;
    text-align: right !important;
  }

  body.privas-product-page salla-add-product-button .s-button-element,
  body.privas-product-page .product-form .s-button-element,
  body.privas-product-page .s-product-form .s-button-element {
    min-height: 46px !important;
  }
}
/* =========================================================
   PRIVAS - PRODUCT PAGE LUXURY LAYOUT FIX
   تحسين صفحة المنتج للعبايات والشنط بدون لمس الهيدر
   ========================================================= */

body:has(salla-add-product-button),
body:has(salla-product-options) {
  background: #fbfaf9 !important;
}

/* الحاوية العامة */
body:has(salla-add-product-button) main,
body:has(salla-product-options) main {
  background: #fbfaf9 !important;
}

/* توسيط محتوى المنتج وتقليل الفراغ الكبير */
body:has(salla-add-product-button) .container,
body:has(salla-product-options) .container {
  max-width: 1180px !important;
}

/* الجزء العلوي من صفحة المنتج */
body:has(salla-add-product-button) .product,
body:has(salla-product-options) .product,
body:has(salla-add-product-button) .product-single,
body:has(salla-product-options) .product-single {
  background: #fff !important;
  border: 1px solid rgba(139, 94, 87, 0.10) !important;
  border-radius: 28px !important;
  padding: 28px !important;
  box-shadow: 0 22px 60px rgba(60, 38, 34, 0.07) !important;
}

/* صورة المنتج */
body:has(salla-add-product-button) .swiper-slide img,
body:has(salla-product-options) .swiper-slide img,
body:has(salla-add-product-button) .product-gallery img,
body:has(salla-product-options) .product-gallery img {
  border-radius: 22px !important;
  background: #faf7f4 !important;
  object-fit: cover !important;
}

/* تصغير تأثير الأسهم داخل الصور */
body:has(salla-add-product-button) .swiper-button-next,
body:has(salla-add-product-button) .swiper-button-prev,
body:has(salla-product-options) .swiper-button-next,
body:has(salla-product-options) .swiper-button-prev {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(139, 94, 87, 0.14) !important;
  box-shadow: 0 10px 25px rgba(60, 38, 34, 0.08) !important;
}

/* عنوان المنتج */
body:has(salla-add-product-button) h1,
body:has(salla-product-options) h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #2b1d1a !important;
  font-size: clamp(25px, 2.8vw, 38px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  margin-bottom: 12px !important;
}

/* السعر */
body:has(salla-add-product-button) .price,
body:has(salla-product-options) .price,
body:has(salla-add-product-button) [class*="price"],
body:has(salla-product-options) [class*="price"] {
  color: #8b3f35 !important;
}

/* النصوص */
body:has(salla-add-product-button) p,
body:has(salla-product-options) p,
body:has(salla-add-product-button) li,
body:has(salla-product-options) li {
  color: #6d5852 !important;
  line-height: 1.9 !important;
}

/* زر الشراء في صفحة المنتج فقط */
body:has(salla-add-product-button) salla-add-product-button .s-button-element {
  border-radius: 999px !important;
  min-height: 48px !important;
  background: #6f334b !important;
  border-color: #6f334b !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 16px 35px rgba(111, 51, 75, 0.18) !important;
}

body:has(salla-add-product-button) salla-add-product-button .s-button-element:hover {
  background: #5d2b40 !important;
  border-color: #5d2b40 !important;
}

/* خيارات المقاس والكمية */
body:has(salla-product-options) select,
body:has(salla-product-options) input,
body:has(salla-add-product-button) select,
body:has(salla-add-product-button) input {
  border-radius: 14px !important;
  border-color: rgba(139, 94, 87, 0.18) !important;
}

/* صورة جدول المقاسات */
body:has(salla-add-product-button) img[src*="size"],
body:has(salla-product-options) img[src*="size"],
body:has(salla-add-product-button) img[alt*="مقاس"],
body:has(salla-product-options) img[alt*="مقاس"] {
  border-radius: 20px !important;
  box-shadow: 0 18px 45px rgba(60, 38, 34, 0.08) !important;
  margin: 24px auto !important;
  display: block !important;
}

/* موبايل */
@media (max-width: 767px) {
  body:has(salla-add-product-button) .product,
  body:has(salla-product-options) .product,
  body:has(salla-add-product-button) .product-single,
  body:has(salla-product-options) .product-single {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  body:has(salla-add-product-button) h1,
  body:has(salla-product-options) h1 {
    font-size: 23px !important;
    line-height: 1.45 !important;
  }
}
/* =========================================================
   PRIVAS - PRODUCT MAGNIFIER LENS FINAL
   عدسة تكبير نهائية لصور المنتج
   ========================================================= */

#privas-magnifier-lens {
  position: fixed !important;
  width: 190px !important;
  height: 190px !important;
  border-radius: 50% !important;
  display: none;
  pointer-events: none !important;
  z-index: 999999999 !important;

  background-repeat: no-repeat !important;
  background-color: #fff !important;

  border: 1px solid rgba(139, 94, 87, 0.45) !important;
  box-shadow:
    0 20px 48px rgba(60, 38, 34, 0.22),
    inset 0 0 0 4px rgba(255, 255, 255, 0.82) !important;
}

#privas-magnifier-lens::after {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.65) !important;
}

.privas-can-magnify {
  cursor: zoom-in !important;
}

@media (max-width: 767px) {
  #privas-magnifier-lens {
    display: none !important;
  }

  .privas-can-magnify {
    cursor: default !important;
  }
/* =========================================================
   PRIVAS - PRODUCT IMAGE INTERNAL MOUSE ZOOM FINAL
   زووم داخل الصورة نفسها مع حركة الماوس
   ========================================================= */

.privas-internal-zoom-frame {
  overflow: hidden !important;
  border-radius: 24px !important;
  cursor: zoom-in !important;
}

.privas-internal-zoom-img {
  transition: transform 0.12s ease-out !important;
  will-change: transform, transform-origin !important;
  transform: scale(1) !important;
}

.privas-internal-zoom-img.is-zooming {
  transform: scale(2.15) !important;
}

@media (max-width: 767px) {
  .privas-internal-zoom-img,
  .privas-internal-zoom-img.is-zooming {
    transform: none !important;
  }

  .privas-internal-zoom-frame {
    cursor: default !important;
  }
}
  /* PRIVAS - Product image internal zoom support */
body.privas-product-page .swiper-slide,
body.privas-product-page .product-gallery,
body.privas-product-page [class*="gallery"] {
  overflow: hidden;
}

@media (max-width: 767px) {
  body.privas-product-page .swiper-slide img,
  body.privas-product-page .product-gallery img,
  body.privas-product-page [class*="gallery"] img {
    transform: none !important;
  }
}
  /* PRIVAS - Gallery frame zoom support */
body.privas-product-page .privas-frame-zooming {
  overflow: hidden !important;
  border-radius: 24px !important;
  background-color: #faf7f4 !important;
}
/* =========================================================
   PRIVAS - LOOK CLEAN FINAL EXACT HERO SIZE
   نفس مقاس البانر الرئيسي + نص فوق الصورة
   ========================================================= */

.privas-look-clean,
.privas-look-clean * {
  box-sizing: border-box !important;
}

@media (min-width: 1025px) {
  body .privas-look-clean {
    width: min(1140px, calc(100vw - 120px)) !important;
    max-width: 1140px !important;
    height: 570px !important;

    margin: 46px auto 70px !important;
    padding: 0 !important;

    position: relative !important;
    display: block !important;
    overflow: hidden !important;

    background: #f8f2ec !important;
    direction: rtl !important;
  }

  body .privas-look-clean__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    overflow: hidden !important;
    display: block !important;
  }

  body .privas-look-clean__img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body .privas-look-clean__content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 52% !important;
    height: 100% !important;
    z-index: 5 !important;

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

    padding: 42px 58px 42px 36px !important;
    text-align: center !important;
    direction: rtl !important;

    background: linear-gradient(
      90deg,
      rgba(248, 242, 236, 0) 0%,
      rgba(248, 242, 236, 0.20) 14%,
      rgba(248, 242, 236, 0.56) 34%,
      rgba(248, 242, 236, 0.88) 56%,
      rgba(248, 242, 236, 1) 100%
    ) !important;
  }

  body .privas-look-clean__eyebrow {
    margin: 0 0 10px !important;
    color: #9b665d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    letter-spacing: 3px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 1.4 !important;
  }

  body .privas-look-clean__eyebrow::before,
  body .privas-look-clean__eyebrow::after {
    content: "" !important;
    display: inline-block !important;
    width: 72px !important;
    height: 1px !important;
    margin: 0 14px 4px !important;
    background: rgba(143, 64, 59, 0.55) !important;
  }

  body .privas-look-clean__title {
    margin: 0 !important;
    color: #3b211c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  body .privas-look-clean__divider {
    width: 220px !important;
    margin: 14px auto 20px !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    color: #b77d72 !important;
  }

  body .privas-look-clean__divider span {
    height: 1px !important;
    display: block !important;
    background: rgba(183, 125, 114, 0.55) !important;
  }

  body .privas-look-clean__divider i {
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body .privas-look-clean__desc {
    max-width: 470px !important;
    margin: 0 auto 22px !important;
    color: #4c322d !important;
    font-size: 14.5px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
  }

  body .privas-look-clean__points {
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body .privas-look-clean__point {
    min-height: 58px !important;
    padding: 9px 0 !important;

    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    gap: 12px !important;
    align-items: center !important;

    border-bottom: 1px solid rgba(157, 111, 99, 0.18) !important;
    text-align: right !important;
  }

  body .privas-look-clean__icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;

    border-radius: 50% !important;
    border: 1px solid rgba(157, 111, 99, 0.45) !important;

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

    color: #9b665d !important;
    background: rgba(255, 250, 247, 0.34) !important;
    font-size: 15px !important;
  }

  body .privas-look-clean__point strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #3b211c !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body .privas-look-clean__point p {
    margin: 0 !important;
    color: #5c4d47 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  body .privas-look-clean__actions {
    width: 100% !important;
    max-width: 470px !important;
    margin: 22px auto 0 !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body .privas-look-clean__btn {
    min-width: 180px !important;
    height: 48px !important;
    padding: 0 22px !important;

    border-radius: 7px !important;

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

    text-decoration: none !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body .privas-look-clean__btn--solid {
    background: #8f403b !important;
    color: #fff !important;
    border: 1px solid #8f403b !important;
  }

  body .privas-look-clean__btn--outline {
    background: rgba(255, 250, 247, 0.35) !important;
    color: #7c453f !important;
    border: 1px solid rgba(124, 69, 63, 0.58) !important;
  }
}

/* الموبايل */
@media (max-width: 1024px) {
  body .privas-look-clean {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 45px calc(50% - 50vw) 55px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f8f2ec !important;
    direction: rtl !important;
  }

  body .privas-look-clean__media {
    width: 100% !important;
    height: 335px !important;
    overflow: hidden !important;
    display: block !important;
  }

  body .privas-look-clean__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: left center !important;
    display: block !important;
  }

  body .privas-look-clean__content {
    position: relative !important;
    width: 100% !important;
    padding: 42px 22px 38px !important;

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

    background: #f8f2ec !important;
    text-align: center !important;
    direction: rtl !important;
  }

  body .privas-look-clean__eyebrow {
    margin: 0 0 14px !important;
    color: #7d6a62 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    letter-spacing: 1px !important;
  }

  body .privas-look-clean__eyebrow::before,
  body .privas-look-clean__eyebrow::after {
    display: none !important;
  }

  body .privas-look-clean__title {
    margin: 0 !important;
    color: #8f5d54 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
  }

  body .privas-look-clean__divider {
    width: 250px !important;
    margin: 16px auto 24px !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    color: #b77d72 !important;
  }

  body .privas-look-clean__divider span {
    height: 1px !important;
    display: block !important;
    background: rgba(183, 125, 114, 0.35) !important;
  }

  body .privas-look-clean__divider i {
    font-style: normal !important;
    font-size: 14px !important;
  }

  body .privas-look-clean__desc {
    margin: 0 auto 30px !important;
    color: #5c4d47 !important;
    font-size: 15px !important;
    line-height: 1.95 !important;
  }

  body .privas-look-clean__points {
    width: 100% !important;
    margin: 0 auto !important;
  }

  body .privas-look-clean__point {
    min-height: 72px !important;
    padding: 12px 0 !important;
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(157, 111, 99, 0.18) !important;
    text-align: right !important;
  }

  body .privas-look-clean__icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(157, 111, 99, 0.38) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a96d66 !important;
    background: rgba(255, 250, 247, 0.38) !important;
    font-size: 16px !important;
  }

  body .privas-look-clean__point strong {
    display: block !important;
    margin: 0 0 3px !important;
    color: #3b211c !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }

  body .privas-look-clean__point p {
    margin: 0 !important;
    color: #5c4d47 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }

  body .privas-look-clean__actions {
    width: 100% !important;
    margin: 32px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body .privas-look-clean__btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
  }

  body .privas-look-clean__btn--solid {
    background: #b97b73 !important;
    color: #fff !important;
    border: 1px solid #b97b73 !important;
  }

  body .privas-look-clean__btn--outline {
    background: rgba(255, 250, 247, 0.42) !important;
    color: #8e5a51 !important;
    border: 1px solid rgba(142, 90, 81, 0.55) !important;
  }
}
  /* =========================================================
   PRIVAS - CENTER LOOK SECTION IMAGE ON DESKTOP
   توسيط صورة قسم تنسيق العباية والحقيبة
   ========================================================= */

@media (min-width: 1025px) {
  body .privas-look-clean {
    width: min(1140px, calc(100vw - 120px)) !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 46px !important;
    margin-bottom: 70px !important;

    position: relative !important;
    display: block !important;
    overflow: hidden !important;

    background: #f8f2ec !important;
    direction: rtl !important;
  }

  body .privas-look-clean__media {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;

    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  body .privas-look-clean__img {
    width: 100% !important;
    max-width: 1140px !important;
    height: auto !important;

    display: block !important;
    margin: 0 auto !important;

    object-fit: contain !important;
    object-position: center center !important;
  }
}
  /* =========================================================
   PRIVAS - HARD CENTER LOOK IMAGE DESKTOP
   إجبار صورة قسم PRIVAS على التوسيط الحقيقي في الويب
   ========================================================= */

@media (min-width: 1025px) {

  html body .privas-look-clean {
    position: relative !important;

    width: min(1140px, calc(100vw - 120px)) !important;
    max-width: 1140px !important;

    height: auto !important;
    min-height: 0 !important;

    margin-top: 46px !important;
    margin-bottom: 70px !important;

    /* توسيط بالقوة حتى لو القسم داخل container */
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html body .privas-look-clean > .privas-look-clean__media {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    max-width: 1140px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    z-index: 1 !important;
  }

  html body .privas-look-clean > .privas-look-clean__media > .privas-look-clean__img {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    max-width: 1140px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: block !important;

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

  html body .privas-look-clean > .privas-look-clean__content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: 52% !important;
    max-width: 52% !important;
    height: 100% !important;

    z-index: 5 !important;
  }
}
  /* =========================================================
   PRIVAS - DESKTOP ONLY SIMPLE LOOK BANNER
   ديسكتوب فقط: صورة داخل إطار بحجم البانر + زرين فقط
   بدون تعديل الموبايل
   ========================================================= */

@media (min-width: 1025px) {

  /* الإطار العام مثل مقاس البانر */
  html body .privas-look-clean {
    width: min(1140px, calc(100vw - 120px)) !important;
    max-width: 1140px !important;

    height: 600px !important;
    min-height: 600px !important;

    margin: 48px auto 75px !important;
    padding: 0 !important;

    position: relative !important;
    display: block !important;
    overflow: hidden !important;

    background: #f8f2ec !important;
    direction: rtl !important;
  }

  /* الصورة داخل الإطار */
  html body .privas-look-clean__media {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;
    overflow: hidden !important;
    z-index: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  html body .privas-look-clean__img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    display: block !important;

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

    margin: 0 !important;
    padding: 0 !important;
  }

  /* إزالة النصوص والأيقونات من الديسكتوب فقط */
  html body .privas-look-clean__eyebrow,
  html body .privas-look-clean__title,
  html body .privas-look-clean__divider,
  html body .privas-look-clean__desc,
  html body .privas-look-clean__points,
  html body .privas-look-clean__point,
  html body .privas-look-clean__icon,
  html body .privas-look-clean__pointText {
    display: none !important;
  }

  /* المحتوى يصبح طبقة فوق الصورة فقط للأزرار */
  html body .privas-look-clean__content {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 5 !important;

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

    padding: 0 40px 48px !important;

    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 58%,
      rgba(0, 0, 0, 0.12) 100%
    ) !important;

    text-align: center !important;
    direction: rtl !important;
  }

  /* إظهار الأزرار فقط */
  html body .privas-look-clean__actions {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;

    position: relative !important;
    z-index: 6 !important;
  }

  html body .privas-look-clean__btn {
    min-width: 210px !important;
    height: 56px !important;
    padding: 0 30px !important;

    border-radius: 8px !important;

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

    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    transition: all 0.25s ease !important;
  }

  html body .privas-look-clean__btn--solid {
    background: #8f403b !important;
    color: #fff !important;
    border: 1px solid #8f403b !important;
    box-shadow: 0 14px 30px rgba(80, 36, 32, 0.18) !important;
  }

  html body .privas-look-clean__btn--outline {
    background: rgba(255, 250, 247, 0.76) !important;
    color: #7c453f !important;
    border: 1px solid rgba(124, 69, 63, 0.65) !important;
    backdrop-filter: blur(6px) !important;
  }

  html body .privas-look-clean__btn:hover {
    transform: translateY(-2px) !important;
  }
}
  /* =========================================================
   PRIVAS - HIDE 3 EDITORIAL CARDS ON MOBILE ONLY
   إخفاء الكروت الثلاثة من الموبايل فقط
   ========================================================= */

@media (max-width: 767px) {
  body .privas-editorial-cards {
    display: none !important;
  }
}

  /* =========================================================
   PRIVAS - MOBILE HERO CONTENT ONE SIDE
   ترتيب نصوص البانر على جنب واحد في الموبايل
   ========================================================= */

@media (max-width: 767px) {
  body .privas-hero-content {
    left: 32px !important;
    right: auto !important;
    bottom: 34px !important;

    width: 72% !important;
    max-width: 310px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    text-align: left !important;
    direction: ltr !important;
  }

  body .privas-logo-word {
    width: 100% !important;
    margin: 0 0 14px !important;

    font-size: 34px !important;
    letter-spacing: 9px !important;
    line-height: 1.1 !important;

    text-align: left !important;
  }

  body .privas-hero-content h1 {
    width: 100% !important;
    max-width: 260px !important;

    margin: 0 0 16px !important;

    font-size: 30px !important;
    line-height: 1.16 !important;
    letter-spacing: 1px !important;

    text-align: left !important;
  }

  body .privas-hero-content p {
    width: 100% !important;
    max-width: 300px !important;

    margin: 0 0 18px !important;

    font-size: 14.5px !important;
    line-height: 1.8 !important;

    text-align: left !important;
    direction: rtl !important;
  }

  body .privas-hero-btn {
    min-width: 190px !important;
    height: 52px !important;

    margin: 0 !important;

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

    font-size: 15px !important;
  }
}
/* =========================================================
   PRIVAS - RESTORE MOBILE SIDE MENU DRAWER
   رجوع قائمة الموبايل كدرج جانبي مثل السابق
   ========================================================= */

@media (max-width: 767px) {

  .mm-ocd,
  .mm-ocd--open,
  .mm-ocd__backdrop,
  .mm-ocd__content {
    z-index: 999999 !important;
  }

  /* الخلفية خلف القائمة */
  .mm-ocd__backdrop {
    background: rgba(0, 0, 0, 0.45) !important;
    opacity: 1 !important;
  }

  /* لوحة القائمة: ليست شاشة كاملة */
  .mm-ocd__content,
  .mm-ocd--open .mm-ocd__content {
    width: 82vw !important;
    max-width: 320px !important;
    min-width: 270px !important;

    right: 0 !important;
    left: auto !important;

    margin-right: 0 !important;
    margin-left: auto !important;

    background: #000 !important;
    box-shadow: -12px 0 32px rgba(0, 0, 0, 0.35) !important;

    transform: none !important;
  }

  .mm-spn,
  .mm-spn--navbar,
  .mm-spn ul,
  .mm-spn li,
  .mm-spn a,
  .mm-spn span {
    background: #000 !important;
    color: #fff !important;
    text-align: right !important;
    direction: rtl !important;
  }

  .mm-spn li {
    border-color: rgba(255, 255, 255, 0.12) !important;
  }

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}
  /* =========================================================
   PRIVAS - MOBILE ELEGANCE TITLE FIX
   ضبط عنوان Elegance in Every Detail على الموبايل
   ========================================================= */

@media (max-width: 767px) {

  body .privas-brand-title,
  body .privas-editorial-title,
  body #privas-editorial-home h2,
  body #privas-editorial-home .privas-section-title {
    font-size: 34px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.3px !important;
    max-width: 330px !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
    color: #4a241f !important;
    word-spacing: 0 !important;
  }

  body #privas-editorial-home p,
  body .privas-brand-message,
  body .privas-editorial-text {
    font-size: 17px !important;
    line-height: 2 !important;
    max-width: 335px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}
/* =========================================================
   PRIVAS - HIDE RED MOBILE MENU X BUTTON
   إخفاء علامة X الحمراء من قائمة الموبايل فقط
   ========================================================= */

@media (max-width: 767px) {
  .mm-ocd__close,
  .mm-ocd .mm-ocd__close,
  .mm-ocd--open .mm-ocd__close,
  .mm-ocd button.mm-ocd__close,
  .mm-ocd [aria-label="Close"],
  .mm-ocd [aria-label="close"],
  .mm-ocd [aria-label="إغلاق"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
  /* =========================================================
   PRIVAS - SHOW PRODUCT PRICE IN PRODUCT CARDS
   إظهار سعر المنتج داخل كارت المنتج
   ========================================================= */

/* إظهار كل عناصر السعر داخل كروت المنتجات */
.s-product-card-price,
.s-product-card-price *,
.s-product-card-content .s-product-card-price,
.s-product-card-content .s-product-card-sale-price,
.s-product-card-content .s-product-card-regular-price,
.s-product-card-content .s-product-card-starting-price,
.s-product-card-content .s-product-card-price-wrapper,
.s-products-list-wrapper .s-product-card-price,
.s-products-list-wrapper .s-product-card-sale-price,
.s-products-list-wrapper .s-product-card-regular-price {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* تنسيق السعر بشكل PRIVAS */
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price,
.s-product-card-starting-price,
.s-product-card-price-wrapper {
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;

  margin: 8px auto 10px !important;

  color: #7b4a45 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* السعر القديم لو فيه خصم */
.s-product-card-regular-price {
  color: #b9a29b !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  margin-inline-start: 6px !important;
}

/* ترتيب محتوى الكارت */
.s-product-card-content {
  text-align: center !important;
}

/* موبايل */
@media (max-width: 767px) {
  .s-product-card-price,
  .s-product-card-sale-price,
  .s-product-card-regular-price,
  .s-product-card-starting-price,
  .s-product-card-price-wrapper {
    font-size: 13.5px !important;
    margin: 7px auto 9px !important;
  }
}
  /* =========================================================
   PRIVAS - PRODUCT CARD PRICE FIX
   إظهار وترتيب السعر داخل كروت المنتجات
   ========================================================= */

custom-salla-product-card .s-product-card-content-sub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: auto !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
}

custom-salla-product-card .s-product-card-sale-price {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  height: auto !important;

  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  margin: 8px auto 10px !important;
  padding: 0 !important;

  text-align: center !important;
  direction: rtl !important;
}

/* السعر الحالي */
custom-salla-product-card .s-product-card-sale-price h4 {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #7b403b !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

/* السعر القديم */
custom-salla-product-card .s-product-card-sale-price span {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #b7a19a !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-decoration: line-through !important;
}

/* تأكد أن محتوى الكارت مرتب */
custom-salla-product-card .s-product-card-content {
  text-align: center !important;
}

custom-salla-product-card .s-product-card-content-main {
  margin-bottom: 0 !important;
}

/* زر السلة يبقى تحت السعر */
custom-salla-product-card .s-product-card-content-footer {
  margin-top: 8px !important;
}

/* موبايل */
@media (max-width: 767px) {
  custom-salla-product-card .s-product-card-content-sub {
    margin: 7px 0 9px !important;
  }

  custom-salla-product-card .s-product-card-sale-price {
    gap: 7px !important;
    margin: 7px auto 9px !important;
  }

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

  custom-salla-product-card .s-product-card-sale-price span {
    font-size: 12px !important;
  }
}
  /* =========================================================
   PRIVAS - FORCE SHOW PRODUCT PRICE
   إظهار السعر إجباريًا داخل كارت المنتج
   ========================================================= */

custom-salla-product-card .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
}

custom-salla-product-card .s-product-card-content-sub {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: auto !important;
  min-height: 26px !important;
  max-height: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;

  margin: 8px auto 10px !important;
  padding: 0 !important;

  order: 2 !important;
}

custom-salla-product-card .s-product-card-sale-price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  height: auto !important;
  min-height: 24px !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #7b403b !important;
  text-align: center !important;
  direction: rtl !important;
}

custom-salla-product-card .s-product-card-sale-price h4 {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;

  color: #7b403b !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;

  margin: 0 !important;
  padding: 0 !important;
}

custom-salla-product-card .s-product-card-sale-price span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;

  color: #b7a19a !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-decoration: line-through !important;

  margin: 0 !important;
  padding: 0 !important;
}

custom-salla-product-card .s-product-card-content-main {
  order: 1 !important;
}

custom-salla-product-card .s-product-card-content-footer {
  order: 3 !important;
  margin-top: 8px !important;
}
  /* =========================================================
   PRIVAS - FIX EMPTY SPACE UNDER PRODUCT IMAGES
   إزالة الفراغ أسفل صورة المنتج داخل الكارت
   ========================================================= */

custom-salla-product-card .s-product-card-image {
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;

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

  overflow: hidden !important;
  background: #faf7f4 !important;
  border-radius: 18px 18px 0 0 !important;
}

custom-salla-product-card .s-product-card-image a {
  width: 100% !important;
  height: 100% !important;

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

  overflow: hidden !important;
}

custom-salla-product-card .s-product-card-image-cover {
  width: 100% !important;
  height: 100% !important;

  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* موبايل */
@media (max-width: 767px) {
  custom-salla-product-card .s-product-card-image {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  custom-salla-product-card .s-product-card-image-cover {
    object-fit: cover !important;
    object-position: center top !important;
  }
}