@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap';
@import 'https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;700&display=swap';

*:not(i) {
  font-family: 'Cairo', 'El Messiri', sans-serif !important;
}

#mainnav {
  background-color: #160b07;
}

body {
  background-color: #160b07;
}

.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 {
  display: none;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
  display: block;
}

salla-slider.photos-slider .swiper-slide {
  margin-inline: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.index:after,
body[data-template="home"]:after {
  display: none !important;
}

.navbar-brand {
  background-image: var(--logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* DROR DIGITAL — fiery dual-mode storefront system */

:root,
html[data-theme="dark"],
body[data-theme="dark"],
body.dark {
  --dror-bg: #160B07;
  --dror-bg-deep: #0E0704;
  --dror-surface: #24110B;
  --dror-surface-2: #32180E;
  --dror-text: #FFF7EC;
  --dror-muted: #D8C2B3;
  --dror-primary: #FF5A0A;
  --dror-secondary: #FFB000;
  --dror-border: rgba(255, 90, 10, .28);
  --dror-shadow: 0 22px 60px rgba(14, 7, 4, .35);
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root {
    --dror-bg: #FFF9F1;
    --dror-bg-deep: #FFF1E4;
    --dror-surface: rgba(255, 255, 255, .92);
    --dror-surface-2: #FFF0E1;
    --dror-text: #24110B;
    --dror-muted: #6F5142;
    --dror-primary: #E94800;
    --dror-secondary: #C97700;
    --dror-border: rgba(233, 72, 0, .18);
    --dror-shadow: 0 22px 60px rgba(82, 39, 16, .12);
    color-scheme: light;
  }
}

html[data-theme="light"],
body[data-theme="light"],
body.light {
  --dror-bg: #FFF9F1;
  --dror-bg-deep: #FFF1E4;
  --dror-surface: rgba(255, 255, 255, .92);
  --dror-surface-2: #FFF0E1;
  --dror-text: #24110B;
  --dror-muted: #6F5142;
  --dror-primary: #E94800;
  --dror-secondary: #C97700;
  --dror-border: rgba(233, 72, 0, .18);
  --dror-shadow: 0 22px 60px rgba(82, 39, 16, .12);
  color-scheme: light;
}

*:not(i) {
  font-family: 'Cairo', 'El Messiri', sans-serif !important;
}

html,
body {
  background: var(--dror-bg) !important;
  color: var(--dror-text) !important;
}

body {
  background-image:
    radial-gradient(circle at 8% 5%, rgba(255, 90, 10, .13), transparent 25rem),
    radial-gradient(circle at 92% 18%, rgba(255, 176, 0, .09), transparent 23rem),
    linear-gradient(135deg, var(--dror-bg-deep), var(--dror-bg)) !important;
  background-attachment: fixed;
}

body.index:after,
body[data-template="home"]:after {
  display: none !important;
}

.store-header {
  background: transparent !important;
}

.top-navbar {
  background: rgba(14, 7, 4, .74) !important;
  border-bottom: 1px solid var(--dror-border) !important;
  color: var(--dror-muted) !important;
}

#mainnav {
  margin: 12px max(14px, 2.5vw) !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(
    135deg,
    rgba(50, 24, 14, .94),
    rgba(22, 11, 7, .92)
  ) !important;
  box-shadow: var(--dror-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  backdrop-filter: blur(18px);
}

#mainnav .inner,
#mainnav .container {
  background: transparent !important;
}

#mainnav a,
#mainnav button,
#mainnav .s-cart-summary-content,
#mainnav .s-cart-summary-total {
  color: var(--dror-text) !important;
}

.navbar-brand {
  min-width: 156px !important;
  height: 58px !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 12px rgba(255, 90, 10, .22));
}

#mainnav .s-cart-summary-count {
  background: linear-gradient(
    135deg,
    var(--dror-primary),
    var(--dror-secondary)
  ) !important;
  color: #160B07 !important;
  font-weight: 800 !important;
}

.s-block {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.s-block--photos-slider {
  padding-inline: max(14px, 2.5vw) !important;
}

.s-block--photos-slider .home-slider {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 30px !important;
  box-shadow: var(--dror-shadow),
    0 0 0 1px rgba(255, 176, 0, .06) !important;
}

salla-slider.photos-slider .swiper-slide {
  margin-inline: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

salla-slider.photos-slider .swiper-slide img {
  width: 100% !important;
  aspect-ratio: 1108 / 428 !important;
  object-fit: cover !important;
  border-radius: 30px !important;
}

.s-block--best-offers,
.s-block--bundle-personalized-shoppers-who-bought {
  border: 1px solid var(--dror-border) !important;
  border-radius: 28px !important;
  background: linear-gradient(
    145deg,
    rgba(50, 24, 14, .88),
    rgba(36, 17, 11, .94)
  ) !important;
  box-shadow: var(--dror-shadow),
    inset 0 1px 0 rgba(255, 176, 0, .09) !important;
  padding: 18px 16px !important;
}

.s-block--best-offers .s-block__title,
.s-block--best-offers h2,
.s-block--bundle-personalized-shoppers-who-bought .s-block__title,
.s-block--bundle-personalized-shoppers-who-bought h2 {
  color: var(--dror-text) !important;
  font-weight: 800 !important;
}

.s-product-card,
.product-card {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(
    160deg,
    var(--dror-surface-2),
    var(--dror-surface)
  ) !important;
  box-shadow: 0 10px 28px rgba(14, 7, 4, .16) !important;
  transition: transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

.s-product-card:hover,
.product-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 176, 0, .58) !important;
  box-shadow: 0 18px 38px rgba(255, 90, 10, .16) !important;
}

.s-product-card-image,
.product-card__image {
  background: rgba(255, 255, 255, .04) !important;
}

.s-product-card-content,
.product-card__content {
  background: transparent !important;
  color: var(--dror-text) !important;
}

.s-product-card-title,
.s-product-card-title a,
.product-card__title,
.product-card__title a {
  color: var(--dror-text) !important;
  font-weight: 700 !important;
}

.s-product-card-price,
.s-product-card-sale-price,
.product-card__price {
  color: var(--dror-secondary) !important;
  font-weight: 800 !important;
}

.s-product-card-add-to-cart,
.s-product-card button,
.product-card button,
.s-button-primary,
.btn--primary {
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(
    135deg,
    var(--dror-primary),
    var(--dror-secondary)
  ) !important;
  color: #160B07 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(255, 90, 10, .2) !important;
}

.s-product-card-add-to-cart:hover,
.s-button-primary:hover,
.btn--primary:hover {
  filter: saturate(1.15) brightness(1.05);
  transform: translateY(-1px);
}

.s-slider-nav-arrow {
  border: 1px solid var(--dror-border) !important;
  background: var(--dror-surface) !important;
  color: var(--dror-secondary) !important;
}

.s-slider-pagination-bullet,
.swiper-pagination-bullet {
  background: var(--dror-secondary) !important;
  opacity: .5 !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  box-shadow: 0 0 0 4px rgba(255, 176, 0, .14);
}

.store-footer {
  margin-top: 42px !important;
  border-top: 1px solid var(--dror-border) !important;
  background: linear-gradient(160deg, #160B07, #24110B) !important;
  color: #FFF7EC !important;
}

.store-footer a,
.store-footer h3,
.store-footer p {
  color: #FFF7EC !important;
}

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

.s-payments-list-wrap,
.s-trust-badges-wrapper {
  opacity: .9;
}

@media (prefers-color-scheme: light) {
  .top-navbar {
    background: rgba(255, 249, 241, .86) !important;
  }

  #mainnav {
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 18px 45px rgba(82, 39, 16, .12),
      inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  }

  #mainnav a,
  #mainnav button,
  #mainnav .s-cart-summary-content,
  #mainnav .s-cart-summary-total {
    color: var(--dror-text) !important;
  }

  .s-block--best-offers,
  .s-block--bundle-personalized-shoppers-who-bought {
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 18px 45px rgba(82, 39, 16, .1) !important;
  }

  .s-product-card,
  .product-card {
    background: #FFFFFF !important;
    box-shadow: 0 10px 28px rgba(82, 39, 16, .1) !important;
  }

  .s-product-card-image,
  .product-card__image {
    background: var(--dror-bg-deep) !important;
  }
}

html[data-theme="light"] .top-navbar,
body[data-theme="light"] .top-navbar,
body.light .top-navbar {
  background: rgba(255, 249, 241, .86) !important;
}

html[data-theme="light"] #mainnav,
body[data-theme="light"] #mainnav,
body.light #mainnav {
  background: rgba(255, 255, 255, .88) !important;
}

html[data-theme="light"] .s-block--best-offers,
body[data-theme="light"] .s-block--best-offers,
body.light .s-block--best-offers,
html[data-theme="light"]
.s-block--bundle-personalized-shoppers-who-bought,
body[data-theme="light"]
.s-block--bundle-personalized-shoppers-who-bought,
body.light
.s-block--bundle-personalized-shoppers-who-bought {
  background: rgba(255, 255, 255, .88) !important;
}

html[data-theme="light"] .s-product-card,
body[data-theme="light"] .s-product-card,
body.light .s-product-card,
html[data-theme="light"] .product-card,
body[data-theme="light"] .product-card {
  background: #FFFFFF !important;
}

/* DROR REPAIR — remove legacy search row and empty rails */
.top-navbar {
  display: none !important;
}

.store-header {
  position: sticky !important;
  top: 14px !important;
  z-index: 1000 !important;
  isolation: isolate !important;
  width: min(1080px, calc(100% - 48px)) !important;
  max-width: 1080px !important;
  height: 84px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

#mainnav {
  position: absolute !important;
  top: 0 !important;
  inset-inline: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 72px !important;
  margin: 0 !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(50, 24, 14, .98), rgba(22, 11, 7, .98)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

#mainnav .inner,
#mainnav .container,
#mainnav .flex.items-stretch.justify-between.relative {
  width: 100% !important;
  max-width: none !important;
  height: 72px !important;
  background: transparent !important;
}

#mainnav .navbar-brand {
  min-width: 106px !important;
  width: 106px !important;
  height: 52px !important;
}

.s-block--photos-slider {
  margin-bottom: 20px !important;
}

@media (prefers-color-scheme: light) {
  #mainnav {
    background: rgba(255, 255, 255, .97) !important;
    border-color: rgba(233, 72, 0, .22) !important;
    box-shadow: 0 18px 46px rgba(82, 39, 16, .14), inset 0 1px 0 rgba(255, 255, 255, .98) !important;
  }
}

html[data-theme="light"] #mainnav,
body[data-theme="light"] #mainnav,
body.light #mainnav {
  background: rgba(255, 255, 255, .97) !important;
  border-color: rgba(233, 72, 0, .22) !important;
  box-shadow: 0 18px 46px rgba(82, 39, 16, .14), inset 0 1px 0 rgba(255, 255, 255, .98) !important;
}

@media (max-width: 767px) {
  .store-header {
    top: 8px !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: 68px !important;
  }

  #mainnav {
    height: 60px !important;
    border-radius: 18px !important;
  }

  #mainnav .inner,
  #mainnav .container,
  #mainnav .flex.items-stretch.justify-between.relative {
    height: 60px !important;
  }

  #mainnav .navbar-brand {
    min-width: 82px !important;
    width: 82px !important;
    height: 48px !important;
  }
}

/* DROR ICONS — white account and cart icons */
.s-user-menu-login-btn,
.s-user-menu-login-btn svg,
.s-user-menu-login-btn svg path,
#s-cart-icon,
#s-cart-icon i,
#s-cart-icon .sicon-shopping-bag,
#s-cart-icon .sicon-shopping-bag::before,
#s-cart-icon svg,
#s-cart-icon svg path,
.s-cart-summary-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}



/* DROR CARDS — dark brand colors and white text */
.s-block--categories .swiper-slide,
.s-block--categories .swiper-slide > a,
.s-block--categories .s-category-card,
.s-category-card,
.category-card {
  overflow: hidden !important;
  border: 1px solid rgba(255, 90, 10, .34) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 176, 0, .08) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.s-block--categories .swiper-slide:hover,
.s-block--categories .swiper-slide > a:hover,
.s-block--categories .s-category-card:hover,
.s-category-card:hover,
.category-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 176, 0, .72) !important;
  background: linear-gradient(145deg, #45200F, #241008) !important;
  box-shadow: 0 18px 38px rgba(255, 90, 10, .18), inset 0 1px 0 rgba(255, 176, 0, .16) !important;
}

.s-block--categories .swiper-slide a,
.s-block--categories .swiper-slide h3,
.s-block--categories .swiper-slide h4,
.s-block--categories .swiper-slide p,
.s-block--categories .s-category-card a,
.s-block--categories .s-category-card h3,
.s-block--categories .s-category-card h4,
.s-category-card a,
.s-category-card h3,
.s-category-card h4,
.category-card a,
.category-card h3,
.category-card h4 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.s-block--categories .swiper-slide i,
.s-block--categories .swiper-slide svg,
.s-block--categories .swiper-slide svg path,
.s-block--categories .s-category-card i,
.s-block--categories .s-category-card svg,
.s-block--categories .s-category-card svg path,
.s-category-card i,
.s-category-card svg,
.s-category-card svg path,
.category-card i,
.category-card svg,
.category-card svg path {
  color: #FFB000 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

@media (prefers-color-scheme: light) {
  .s-block--categories .swiper-slide,
  .s-block--categories .swiper-slide > a,
  .s-block--categories .s-category-card,
  .s-category-card,
  .category-card {
    border-color: rgba(233, 72, 0, .28) !important;
    background: linear-gradient(145deg, #32180E, #1E0D08) !important;
    color: #FFFFFF !important;
  }
}

html[data-theme="light"] .s-block--categories .swiper-slide,
html[data-theme="light"] .s-block--categories .swiper-slide > a,
html[data-theme="light"] .s-block--categories .s-category-card,
html[data-theme="light"] .s-category-card,
html[data-theme="light"] .category-card,
body[data-theme="light"] .s-block--categories .swiper-slide,
body[data-theme="light"] .s-block--categories .swiper-slide > a,
body[data-theme="light"] .s-block--categories .s-category-card,
body[data-theme="light"] .s-category-card,
body[data-theme="light"] .category-card {
      background: linear-gradient(145deg, #32180E, #1E0D08) !important;
      color: #FFFFFF !important;
    }

/* DROR FLOATING FOOTER — branded footer island */
.store-footer {
  position: relative !important;
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  margin: 72px auto 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 90, 10, .34) !important;
  border-radius: 34px !important;
  background: linear-gradient(145deg, #24110B 0%, #160B07 78%) !important;
  box-shadow: 0 28px 72px rgba(14, 7, 4, .38), inset 0 1px 0 rgba(255, 176, 0, .10) !important;
  color: #FFF7EC !important;
}

.store-footer__inner {
  position: relative !important;
  padding: 52px 56px 46px !important;
  background-image:
    linear-gradient(rgba(255, 176, 0, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 176, 0, .045) 1px, transparent 1px),
    radial-gradient(circle at 12% 0%, rgba(255, 90, 10, .16), transparent 34%),
    linear-gradient(145deg, #24110B, #160B07) !important;
  background-size: 34px 34px, 34px 34px, auto, auto !important;
}

.store-footer__inner > .container {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 42px !important;
}

.store-footer__inner > .container > div {
  min-width: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
}

.store-footer__inner > .container > div:first-child {
  grid-column: span 1 !important;
}

.store-footer h3,
.store-footer h4 {
  margin: 0 0 18px !important;
  color: #FFF7EC !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}

.store-footer p,
.store-footer a,
.store-footer span,
.store-footer li {
  color: rgba(255, 247, 236, .78) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

.store-footer a {
  transition: color .22s ease, transform .22s ease, opacity .22s ease !important;
}

.store-footer a:hover {
  color: #FFB000 !important;
  opacity: 1 !important;
  transform: translateX(-3px) !important;
}

.store-footer .s-menu-footer-list {
  display: grid !important;
  gap: 5px !important;
}

.store-footer .s-menu-footer-item {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
}

.store-footer salla-apps-icons {
  display: block !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 90, 10, .28) !important;
  border-radius: 22px !important;
  background: rgba(14, 7, 4, .42) !important;
}

.store-footer .s-payments-list-wrap,
.store-footer .s-payments-list {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.store-footer .s-payments-list-wrap {
  opacity: 1 !important;
}

.store-footer > div:last-child {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 76px !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 18px 56px !important;
  border-top: 1px solid rgba(255, 90, 10, .24) !important;
  background: rgba(14, 7, 4, .62) !important;
}

.store-footer > div:last-child .copyright-text,
.store-footer > div:last-child .copyright-text p {
  margin: 0 !important;
  color: rgba(255, 247, 236, .72) !important;
}

@media (max-width: 900px) {
  .store-footer {
    width: calc(100% - 28px) !important;
    margin-top: 48px !important;
    border-radius: 28px !important;
  }

  .store-footer__inner {
    padding: 38px 28px 34px !important;
  }

  .store-footer__inner > .container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
  }

  .store-footer > div:last-child {
    flex-direction: column !important;
    justify-content: center !important;
    padding: 18px 28px !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {
  .store-footer {
    width: calc(100% - 18px) !important;
    border-radius: 24px !important;
  }

  .store-footer__inner {
    padding: 32px 20px 28px !important;
  }

  .store-footer__inner > .container {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .store-footer h3,
  .store-footer h4 {
    margin-bottom: 10px !important;
  }

  .store-footer > div:last-child {
    padding: 16px 20px !important;
  }
}

/* DROR DROPDOWN MENU — release the native off-canvas height lock */
.mm-ocd.mm-ocd--open .mm-ocd__content {
  height: auto !important;
}

.mm-ocd.mm-ocd--open .mm-ocd__content > #mobile-menu {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.mm-ocd.mm-ocd--open .mm-ocd__content,
.mm-ocd.mm-ocd--open #mobile-menu {
  overflow-x: hidden !important;
}

.mm-ocd.mm-ocd--open #mobile-menu > .main-menu {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
  visibility: visible !important;
}

.mm-ocd.mm-ocd--open #mobile-menu > .main-menu::before {
  display: none !important;
}

/* DROR HEADER — hide only the inline copy so the native nav can move */
#mainnav custom-main-menu > #mobile-menu > .main-menu,
#mainnav custom-main-menu > nav > .main-menu {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* DROR DESKTOP MENU — keep the hamburger dropdown consistent above 1024px */
.dror-manual-menu {
  position: fixed !important;
  z-index: 999 !important;
  inset: 0 !important;
  display: grid !important;
  align-items: start !important;
  justify-items: center !important;
  padding: 98px 18px 18px !important;
  background: rgba(14, 7, 4, .36) !important;
  -webkit-backdrop-filter: blur(7px) saturate(120%) !important;
  backdrop-filter: blur(7px) saturate(120%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .24s ease, visibility .24s ease !important;
}

body.dror-manual-menu-open .dror-manual-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.dror-manual-menu__panel {
  position: relative !important;
  width: min(760px, 100%) !important;
  max-height: calc(100vh - 118px) !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 176, 0, .34) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(50, 24, 14, .94), rgba(22, 11, 7, .90)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 247, 236, .12) !important;
  transform: translateY(-14px) scale(.98) !important;
  transition: transform .3s cubic-bezier(.22, .8, .25, 1) !important;
}

body.dror-manual-menu-open .dror-manual-menu__panel {
  transform: translateY(0) scale(1) !important;
}

.dror-manual-menu__close {
  position: absolute !important;
  z-index: 2 !important;
  top: 12px !important;
  left: 14px !important;
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 176, 0, .38) !important;
  border-radius: 12px !important;
  background: rgba(14, 7, 4, .36) !important;
  color: #FFB000 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.dror-manual-menu__close:hover {
  background: rgba(255, 90, 10, .16) !important;
  transform: translateY(-2px) !important;
}

.dror-manual-menu__panel #mobile-menu {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.dror-manual-menu__panel #mobile-menu > .main-menu {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 54px 20px 20px !important;
  overflow: visible !important;
  transform: none !important;
  visibility: visible !important;
}

.dror-manual-menu__panel #mobile-menu > .main-menu > li.lg\:hidden {
  display: none !important;
}

.dror-manual-menu__panel #mobile-menu > .main-menu > li.root-level {
  display: block !important;
  min-width: 0 !important;
  border: 1px solid rgba(255, 90, 10, .22) !important;
  border-radius: 16px !important;
  background: rgba(14, 7, 4, .30) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

.dror-manual-menu__panel #mobile-menu > .main-menu > li.root-level:hover {
  border-color: rgba(255, 176, 0, .60) !important;
  background: rgba(255, 90, 10, .14) !important;
  transform: translateY(-3px) !important;
}

.dror-manual-menu__panel #mobile-menu > .main-menu > li.root-level > a {
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  color: #FFF7EC !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.dror-manual-menu__panel #mobile-menu > .btn--close {
  display: none !important;
}

@media (max-width: 900px) {
  .dror-manual-menu__panel #mobile-menu > .main-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .dror-manual-menu {
    padding: 82px 10px 16px !important;
  }

  .dror-manual-menu__panel {
    max-height: calc(100vh - 98px) !important;
    border-radius: 20px !important;
  }

  .dror-manual-menu__panel #mobile-menu > .main-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 52px 14px 14px !important;
  }
}

/* DROR GLASS HEADER — translucent sticky capsule with scroll blur */
#mainnav {
  position: absolute !important;
  overflow: visible !important;
  isolation: isolate !important;
  border-color: rgba(255, 176, 0, .34) !important;
  background:
    linear-gradient(135deg, rgba(50, 24, 14, .72), rgba(22, 11, 7, .58)) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  box-shadow:
    0 20px 52px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 247, 236, .18),
    inset 0 -1px 0 rgba(255, 90, 10, .18) !important;
  transition: background .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

#mainnav::before {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 176, 0, .16), transparent 34%),
    linear-gradient(120deg, rgba(255, 255, 255, .08), transparent 42%) !important;
  content: '' !important;
  pointer-events: none !important;
}

#mainnav .inner,
#mainnav .container,
#mainnav .flex.items-stretch.justify-between.relative {
  position: relative !important;
  z-index: 1 !important;
}

@media (prefers-color-scheme: light) {
  #mainnav {
    border-color: rgba(233, 72, 0, .22) !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 240, 225, .58)) !important;
    box-shadow:
      0 20px 52px rgba(82, 39, 16, .16),
      inset 0 1px 0 rgba(255, 255, 255, .90),
      inset 0 -1px 0 rgba(233, 72, 0, .12) !important;
  }
}

html[data-theme="light"] #mainnav,
body[data-theme="light"] #mainnav,
body.light #mainnav {
  border-color: rgba(233, 72, 0, .22) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 240, 225, .58)) !important;
  box-shadow:
    0 20px 52px rgba(82, 39, 16, .16),
    inset 0 1px 0 rgba(255, 255, 255, .90),
    inset 0 -1px 0 rgba(233, 72, 0, .12) !important;
}

/* DROR CENTERED LOGO — menu control right, account tools left */
#mainnav > .inner > .container > .flex.items-stretch.justify-between.relative {
  position: relative !important;
}

#mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > div:first-child {
  position: absolute !important;
  z-index: 4 !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
}

#mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > div:last-child {
  position: absolute !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 5 !important;
}

#mainnav .navbar-brand {
  position: absolute !important;
  z-index: 6 !important;
  top: 50% !important;
  left: 50% !important;
  min-width: 118px !important;
  width: 118px !important;
  height: 54px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: auto !important;
}

#mainnav .mburger {
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 12px !important;
  border: 1px solid rgba(255, 176, 0, .38) !important;
  border-radius: 14px !important;
  background: rgba(14, 7, 4, .24) !important;
  color: #FFF7EC !important;
  pointer-events: auto !important;
  transition: transform .22s ease, background .22s ease, border-color .22s ease !important;
}

#mainnav .mburger i {
  color: #FFB000 !important;
  font-size: 22px !important;
}

#mainnav .mburger:hover {
  border-color: rgba(255, 176, 0, .78) !important;
  background: rgba(255, 90, 10, .18) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  #mainnav .navbar-brand {
    min-width: 92px !important;
    width: 92px !important;
    height: 46px !important;
  }

  #mainnav .mburger {
    width: 38px !important;
    height: 38px !important;
    margin: 0 8px !important;
    border-radius: 12px !important;
  }
}

@media (prefers-color-scheme: light) {
  #mainnav .mburger {
    border-color: rgba(233, 72, 0, .28) !important;
    background: rgba(255, 255, 255, .28) !important;
    color: #24110B !important;
  }

  #mainnav .mburger i {
    color: #E94800 !important;
  }
}

html[data-theme="light"] #mainnav .mburger,
body[data-theme="light"] #mainnav .mburger,
body.light #mainnav .mburger {
  border-color: rgba(233, 72, 0, .28) !important;
  background: rgba(255, 255, 255, .28) !important;
  color: #24110B !important;
}

html[data-theme="light"] #mainnav .mburger i,
body[data-theme="light"] #mainnav .mburger i,
body.light #mainnav .mburger i {
  color: #E94800 !important;
}

/* DROR DROPDOWN MENU — descend from the header instead of sliding from the side */
.mm-ocd.mm-ocd--open {
  position: fixed !important;
  z-index: 999 !important;
  inset: 0 !important;
  background: rgba(14, 7, 4, .36) !important;
  -webkit-backdrop-filter: blur(7px) saturate(120%) !important;
  backdrop-filter: blur(7px) saturate(120%) !important;
}

.mm-ocd.mm-ocd--open .mm-ocd__content {
  position: absolute !important;
  top: 98px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(760px, calc(100% - 36px)) !important;
  max-width: 760px !important;
  max-height: calc(100vh - 118px) !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 176, 0, .34) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(50, 24, 14, .94), rgba(22, 11, 7, .90)) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 247, 236, .12) !important;
  transform: translateX(-50%) translateY(0) !important;
  animation: dror-menu-drop .34s cubic-bezier(.22, .8, .25, 1) both !important;
}

.mm-ocd.mm-ocd--open #mobile-menu {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.mm-ocd.mm-ocd--open #mobile-menu .main-menu {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 54px 20px 20px !important;
  background: transparent !important;
}

.mm-ocd.mm-ocd--open #mobile-menu .main-menu > li {
  min-width: 0 !important;
  border: 1px solid rgba(255, 90, 10, .22) !important;
  border-radius: 16px !important;
  background: rgba(14, 7, 4, .30) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

.mm-ocd.mm-ocd--open #mobile-menu .main-menu > li:hover {
  border-color: rgba(255, 176, 0, .60) !important;
  background: rgba(255, 90, 10, .14) !important;
  transform: translateY(-3px) !important;
}

.mm-ocd.mm-ocd--open #mobile-menu .main-menu > li > a {
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  color: #FFF7EC !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.mm-ocd.mm-ocd--open #mobile-menu > .btn--close {
  position: absolute !important;
  z-index: 2 !important;
  top: 12px !important;
  left: 14px !important;
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 176, 0, .38) !important;
  border-radius: 12px !important;
  background: rgba(14, 7, 4, .36) !important;
  color: #FFB000 !important;
  font-size: 18px !important;
}

@keyframes dror-menu-drop {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-16px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@media (max-width: 900px) {
  .mm-ocd.mm-ocd--open .mm-ocd__content {
    width: min(680px, calc(100% - 28px)) !important;
  }

  .mm-ocd.mm-ocd--open #mobile-menu .main-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .mm-ocd.mm-ocd--open .mm-ocd__content {
    top: 82px !important;
    width: calc(100% - 20px) !important;
    max-height: calc(100vh - 98px) !important;
    border-radius: 20px !important;
  }

  .mm-ocd.mm-ocd--open #mobile-menu .main-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 52px 14px 14px !important;
  }
}

/* DROR FINAL HEADER ORDER — logo right, account tools and hamburger far left */
#mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > div:last-child {
  right: auto !important;
  left: 58px !important;
}

#mainnav .navbar-brand {
  right: 20px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
}

#mainnav .mburger {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

#mainnav .mburger:hover {
  transform: translateY(calc(-50% - 2px)) !important;
}

@media (max-width: 767px) {
  #mainnav .navbar-brand {
    right: 14px !important;
  }

  #mainnav .mburger {
    left: 0 !important;
  }
}

/* DROR SORT SELECT — keep the sorting control readable in the dark theme */
#product-filter {
  color: #FFF7EC !important;
  background: linear-gradient(145deg, rgba(50, 24, 14, .96), rgba(30, 13, 8, .96)) !important;
  border: 1px solid rgba(255, 176, 0, .48) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(14, 7, 4, .18) !important;
}

#product-filter option {
  color: #FFF7EC !important;
  background: #24110B !important;
}

#product-filter:focus {
  border-color: #FFB000 !important;
  box-shadow: 0 0 0 3px rgba(255, 176, 0, .18) !important;
  outline: none !important;
}

html[data-theme="light"] #product-filter,
body[data-theme="light"] #product-filter,
body.light #product-filter {
  color: #24110B !important;
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(233, 72, 0, .28) !important;
}

html[data-theme="light"] #product-filter option,
body[data-theme="light"] #product-filter option,
body.light #product-filter option {
  color: #24110B !important;
  background: #FFFFFF !important;
}

/* DROR PRODUCT PAGE — replace default white surfaces with the dark brand treatment */
.product-single .container--product-details .details-slider,
.product-single .container--product-details .details-slider .swiper,
.product-single .container--product-details .details-slider .swiper-wrapper,
.product-single .container--product-details .details-slider .swiper-slide,
.product-single .container--product-details .details-slider .magnify-wrapper {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
}

.product-single .container--product-details .details-slider img {
  border-radius: 22px !important;
}

.product-single .container--product-details h1,
.product-single .container--product-details .form-label,
.product-single .container--product-details .text-gray-800,
.product-single .container--product-details .text-gray-700,
.product-single .container--product-details .text-gray-600 {
  color: var(--dror-text) !important;
}

.product-single .s-metadata-box {
  border: 1px solid var(--dror-border) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 16px 36px rgba(14, 7, 4, .18) !important;
}

.product-single .s-metadata-box * {
  color: var(--dror-text) !important;
}

.product-single .sticky-product-bar {
  border: 1px solid var(--dror-border) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 16px 36px rgba(14, 7, 4, .18) !important;
}

.product-single .sticky-product-bar * {
  color: inherit;
}

.product-single .sticky-product-bar .bg-white,
.product-single .sticky-product-bar section.bg-white {
  border-color: var(--dror-border) !important;
  background: transparent !important;
  color: var(--dror-text) !important;
}

.product-single .product-form section.bg-white {
  border-color: var(--dror-border) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
}

.product-single .s-social-share-btn .s-button-element,
.product-single .btn--wishlist .s-button-element,
.product-single .s-quantity-input-button,
.product-single .s-quantity-input-input {
  border-color: var(--dror-border) !important;
  background: rgba(50, 24, 14, .9) !important;
  color: var(--dror-text) !important;
}

.product-single .s-social-share-btn .s-button-element:hover,
.product-single .btn--wishlist .s-button-element:hover,
.product-single .s-quantity-input-button:hover {
  border-color: var(--dror-secondary) !important;
  background: rgba(255, 176, 0, .14) !important;
  color: var(--dror-text) !important;
}

.product-single .s-comments-product {
  border-top: 1px solid var(--dror-border) !important;
  border-bottom: 1px solid var(--dror-border) !important;
  background: transparent !important;
  color: var(--dror-text) !important;
}

.product-single .s-product-card-entry {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 10px 28px rgba(14, 7, 4, .18) !important;
}

.product-single .s-product-card-entry * {
  color: inherit;
}

html[data-theme="light"] .product-single .container--product-details .details-slider,
body[data-theme="light"] .product-single .container--product-details .details-slider,
body.light .product-single .container--product-details .details-slider,
html[data-theme="light"] .product-single .s-metadata-box,
body[data-theme="light"] .product-single .s-metadata-box,
body.light .product-single .s-metadata-box,
html[data-theme="light"] .product-single .sticky-product-bar,
body[data-theme="light"] .product-single .sticky-product-bar,
body.light .product-single .sticky-product-bar,
html[data-theme="light"] .product-single .s-product-card-entry,
body[data-theme="light"] .product-single .s-product-card-entry,
body.light .product-single .s-product-card-entry {
  background: linear-gradient(145deg, #FFF9F1, #FFF1E4) !important;
  color: #24110B !important;
}

html[data-theme="light"] .product-single .container--product-details h1,
body[data-theme="light"] .product-single .container--product-details h1,
body.light .product-single .container--product-details h1,
html[data-theme="light"] .product-single .container--product-details .form-label,
body[data-theme="light"] .product-single .container--product-details .form-label,
body.light .product-single .container--product-details .form-label,
html[data-theme="light"] .product-single .s-metadata-box *,
body[data-theme="light"] .product-single .s-metadata-box *,
body.light .product-single .s-metadata-box *,
html[data-theme="light"] .product-single .sticky-product-bar *,
body[data-theme="light"] .product-single .sticky-product-bar *,
body.light .product-single .sticky-product-bar *,
html[data-theme="light"] .product-single .s-product-card-entry *,
body[data-theme="light"] .product-single .s-product-card-entry *,
body.light .product-single .s-product-card-entry * {
  color: #24110B !important;
}

html[data-theme="light"] .product-single .product-form section.bg-white,
body[data-theme="light"] .product-single .product-form section.bg-white,
body.light .product-single .product-form section.bg-white {
  background: linear-gradient(145deg, #FFF9F1, #FFF1E4) !important;
  color: #24110B !important;
}

html[data-theme="light"] .product-single .s-social-share-btn .s-button-element,
body[data-theme="light"] .product-single .s-social-share-btn .s-button-element,
body.light .product-single .s-social-share-btn .s-button-element,
html[data-theme="light"] .product-single .btn--wishlist .s-button-element,
body[data-theme="light"] .product-single .btn--wishlist .s-button-element,
body.light .product-single .btn--wishlist .s-button-element,
html[data-theme="light"] .product-single .s-quantity-input-button,
body[data-theme="light"] .product-single .s-quantity-input-button,
body.light .product-single .s-quantity-input-button,
html[data-theme="light"] .product-single .s-quantity-input-input,
body[data-theme="light"] .product-single .s-quantity-input-input,
body.light .product-single .s-quantity-input-input {
  background: rgba(255, 255, 255, .78) !important;
  color: #24110B !important;
  border-color: rgba(233, 72, 0, .28) !important;
}

/* DROR CART — replace Salla's default white cart surfaces */
body.cart main .bg-white,
body.cart main [class*="bg-white"] {
  border: 1px solid var(--dror-border) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 16px 36px rgba(14, 7, 4, .18) !important;
}

body.cart main .bg-white *,
body.cart main [class*="bg-white"] * {
  color: inherit;
}

body.cart main .s-quantity-input-button,
body.cart main .s-quantity-input-input {
  border-color: var(--dror-border) !important;
  background: rgba(50, 24, 14, .9) !important;
  color: var(--dror-text) !important;
}

body.cart main .s-quantity-input-button:hover {
  border-color: var(--dror-secondary) !important;
  background: rgba(255, 176, 0, .14) !important;
}

body.cart main .no-content-placeholder {
  color: var(--dror-text) !important;
}

body.cart main .no-content-placeholder .icon {
  border: 1px solid var(--dror-border) !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
}

body.cart main .btn--primary,
body.cart main .btn-primary,
body.cart main button[type="submit"] {
  border-color: var(--dror-secondary) !important;
  background: linear-gradient(135deg, #FFB000, #F34B00) !important;
  color: #24110B !important;
}

html[data-theme="light"] body.cart main .bg-white,
body[data-theme="light"].cart main .bg-white,
body.light.cart main .bg-white,
html[data-theme="light"] body.cart main [class*="bg-white"],
body[data-theme="light"].cart main [class*="bg-white"],
body.light.cart main [class*="bg-white"],
body.light.cart main [class*="bg-white"] {
  background: linear-gradient(145deg, #FFF9F1, #FFF1E4) !important;
  color: #24110B !important;
  border-color: rgba(233, 72, 0, .28) !important;
}

html[data-theme="light"] body.cart main .bg-white *,
body[data-theme="light"].cart main .bg-white *,
body.light.cart main .bg-white *,
html[data-theme="light"] body.cart main [class*="bg-white"] *,
body[data-theme="light"].cart main [class*="bg-white"] *,
body.light.cart main [class*="bg-white"] * {
  color: #24110B;
}

html[data-theme="light"] body.cart main .s-quantity-input-button,
body[data-theme="light"].cart main .s-quantity-input-button,
body.light.cart main .s-quantity-input-button,
html[data-theme="light"] body.cart main .s-quantity-input-input,
body[data-theme="light"].cart main .s-quantity-input-input,
body.light.cart main .s-quantity-input-input {
  background: rgba(255, 255, 255, .78) !important;
  color: #24110B !important;
  border-color: rgba(233, 72, 0, .28) !important;
}

/* DROR CONTENT PAGES — one layout for terms, policies, and all Salla pages */
body.page-single .content--single-page {
  max-width: 1080px !important;
  margin: 28px auto 72px !important;
  padding: clamp(24px, 4vw, 52px) !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 24px 60px rgba(14, 7, 4, .24) !important;
}

body.page-single .content--single-page .content-entry {
  color: var(--dror-text) !important;
  font-size: 16px;
  line-height: 2;
}

body.page-single .content--single-page .content-entry h1,
body.page-single .content--single-page .content-entry h2,
body.page-single .content--single-page .content-entry h3,
body.page-single .content--single-page .content-entry h4 {
  margin: 1.6em 0 .65em !important;
  color: var(--dror-secondary) !important;
  line-height: 1.5 !important;
}

body.page-single .content--single-page .content-entry h1:first-child,
body.page-single .content--single-page .content-entry h2:first-child {
  margin-top: 0 !important;
}

body.page-single .content--single-page .content-entry p,
body.page-single .content--single-page .content-entry li,
body.page-single .content--single-page .content-entry strong,
body.page-single .content--single-page .content-entry span {
  color: var(--dror-text) !important;
}

body.page-single .content--single-page .content-entry a {
  color: var(--dror-secondary) !important;
  text-decoration-color: rgba(255, 176, 0, .5) !important;
}

body.page-single .content--single-page .content-entry hr {
  border-color: var(--dror-border) !important;
}

html[data-theme="light"] body.page-single .content--single-page,
body[data-theme="light"].page-single .content--single-page,
body.light.page-single .content--single-page {
  background: linear-gradient(145deg, #FFF9F1, #FFF1E4) !important;
  color: #24110B !important;
  border-color: rgba(233, 72, 0, .28) !important;
}

html[data-theme="light"] body.page-single .content--single-page .content-entry,
body[data-theme="light"].page-single .content--single-page .content-entry,
body.light.page-single .content--single-page .content-entry,
html[data-theme="light"] body.page-single .content--single-page .content-entry p,
body[data-theme="light"].page-single .content--single-page .content-entry p,
body.light.page-single .content--single-page .content-entry p,
html[data-theme="light"] body.page-single .content--single-page .content-entry li,
body[data-theme="light"].page-single .content--single-page .content-entry li,
body.light.page-single .content--single-page .content-entry li,
html[data-theme="light"] body.page-single .content--single-page .content-entry strong,
body[data-theme="light"].page-single .content--single-page .content-entry strong,
body.light.page-single .content--single-page .content-entry strong,
html[data-theme="light"] body.page-single .content--single-page .content-entry span,
body[data-theme="light"].page-single .content--single-page .content-entry span,
body.light.page-single .content--single-page .content-entry span {
  color: #24110B !important;
}

html[data-theme="light"] body.page-single .content--single-page .content-entry h1,
body[data-theme="light"].page-single .content--single-page .content-entry h1,
body.light.page-single .content--single-page .content-entry h1,
html[data-theme="light"] body.page-single .content--single-page .content-entry h2,
body[data-theme="light"].page-single .content--single-page .content-entry h2,
body.light.page-single .content--single-page .content-entry h2,
html[data-theme="light"] body.page-single .content--single-page .content-entry h3,
body[data-theme="light"].page-single .content--single-page .content-entry h3,
body.light.page-single .content--single-page .content-entry h3,
html[data-theme="light"] body.page-single .content--single-page .content-entry h4,
body[data-theme="light"].page-single .content--single-page .content-entry h4,
body.light.page-single .content--single-page .content-entry h4 {
  color: #E94800 !important;
}

@media (max-width: 767px) {
  body.page-single .content--single-page {
    margin: 16px 12px 48px !important;
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }

  body.page-single .content--single-page .content-entry {
    font-size: 15px;
    line-height: 1.9;
  }
}


/* DROR HOME PRODUCT CARDS — replace Salla's default white card shell */
.s-products-slider-card .s-product-card-entry,
.s-products-slider-card custom-salla-product-card.s-product-card-entry {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 12px 30px rgba(14, 7, 4, .22) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.s-products-slider-card .s-product-card-entry:hover,
.s-products-slider-card custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 176, 0, .62) !important;
  box-shadow: 0 18px 38px rgba(255, 90, 10, .18) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image,
.s-products-slider-card .s-product-card-entry .s-product-card-content,
.s-products-slider-card .s-product-card-entry .s-product-card-content-main,
.s-products-slider-card .s-product-card-entry .s-product-card-content-sub,
.s-products-slider-card .s-product-card-entry .s-product-card-content-footer {
  background: transparent !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image {
  background: rgba(255, 255, 255, .04) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-content-title,
.s-products-slider-card .s-product-card-entry .s-product-card-content-title a {
  color: var(--dror-text) !important;
  font-weight: 700 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-price {
  color: var(--dror-secondary) !important;
  font-weight: 800 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn button,
.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn .s-button-element {
  border-color: rgba(255, 247, 236, .5) !important;
  background: rgba(36, 17, 11, .82) !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-button,
.s-products-slider-card .s-product-card-entry salla-add-product-button,
.s-products-slider-card .s-product-card-entry .s-button-element {
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element {
  border: 1px solid var(--dror-primary) !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--dror-primary) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element:hover {
  background: linear-gradient(135deg, var(--dror-primary), var(--dror-secondary)) !important;
  color: #24110B !important;
}


/* DROR HOME PRODUCT CARDS — replace Salla's default white card shell */
.s-products-slider-card .s-product-card-entry,
.s-products-slider-card custom-salla-product-card.s-product-card-entry {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 12px 30px rgba(14, 7, 4, .22) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.s-products-slider-card .s-product-card-entry:hover,
.s-products-slider-card custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 176, 0, .62) !important;
  box-shadow: 0 18px 38px rgba(255, 90, 10, .18) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image,
.s-products-slider-card .s-product-card-entry .s-product-card-content,
.s-products-slider-card .s-product-card-entry .s-product-card-content-main,
.s-products-slider-card .s-product-card-entry .s-product-card-content-sub,
.s-products-slider-card .s-product-card-entry .s-product-card-content-footer {
  background: transparent !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image {
  background: rgba(255, 255, 255, .04) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-content-title,
.s-products-slider-card .s-product-card-entry .s-product-card-content-title a {
  color: var(--dror-text) !important;
  font-weight: 700 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-price {
  color: var(--dror-secondary) !important;
  font-weight: 800 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn button,
.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn .s-button-element {
  border-color: rgba(255, 247, 236, .5) !important;
  background: rgba(36, 17, 11, .82) !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-button,
.s-products-slider-card .s-product-card-entry salla-add-product-button,
.s-products-slider-card .s-product-card-entry .s-button-element {
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element {
  border: 1px solid var(--dror-primary) !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--dror-primary) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element:hover {
  background: linear-gradient(135deg, var(--dror-primary), var(--dror-secondary)) !important;
  color: #24110B !important;
}


/* DROR HOME PRODUCT CARDS — replace Salla's default white card shell */
.s-products-slider-card .s-product-card-entry,
.s-products-slider-card custom-salla-product-card.s-product-card-entry {
  overflow: hidden !important;
  border: 1px solid var(--dror-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #32180E, #1E0D08) !important;
  color: var(--dror-text) !important;
  box-shadow: 0 12px 30px rgba(14, 7, 4, .22) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.s-products-slider-card .s-product-card-entry:hover,
.s-products-slider-card custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 176, 0, .62) !important;
  box-shadow: 0 18px 38px rgba(255, 90, 10, .18) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image,
.s-products-slider-card .s-product-card-entry .s-product-card-content,
.s-products-slider-card .s-product-card-entry .s-product-card-content-main,
.s-products-slider-card .s-product-card-entry .s-product-card-content-sub,
.s-products-slider-card .s-product-card-entry .s-product-card-content-footer {
  background: transparent !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-image {
  background: rgba(255, 255, 255, .04) !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-content-title,
.s-products-slider-card .s-product-card-entry .s-product-card-content-title a {
  color: var(--dror-text) !important;
  font-weight: 700 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-price {
  color: var(--dror-secondary) !important;
  font-weight: 800 !important;
}

.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn button,
.s-products-slider-card .s-product-card-entry .s-product-card-wishlist-btn .s-button-element {
  border-color: rgba(255, 247, 236, .5) !important;
  background: rgba(36, 17, 11, .82) !important;
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-button,
.s-products-slider-card .s-product-card-entry salla-add-product-button,
.s-products-slider-card .s-product-card-entry .s-button-element {
  color: var(--dror-text) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element {
  border: 1px solid var(--dror-primary) !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--dror-primary) !important;
}

.s-products-slider-card .s-product-card-entry salla-add-product-button .s-button-element:hover {
  background: linear-gradient(135deg, var(--dror-primary), var(--dror-secondary)) !important;
  color: #24110B !important;
}

/* تنسيق ملخص الطلب داخل السلة */
body.cart main .cart-summary,
body.cart main .cart-summary-box,
body.cart main [class*="cart-summary"],
body.cart main [data-testid*="cart-summary"],
body.cart main .pt-5.flex.flex-col.items-start
> :not(.main-content):last-child {
  border: 1px solid rgba(255, 90, 10, 0.35) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #32180e, #1e0d08) !important;
  color: #fff7ec !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

body.cart main .cart-summary *,
body.cart main .cart-summary-box *,
body.cart main [class*="cart-summary"] *,
body.cart main [data-testid*="cart-summary"] *,
body.cart main .pt-5.flex.flex-col.items-start
> :not(.main-content):last-child * {
  color: #fff7ec !important;
  background-color: transparent !important;
  border-color: rgba(255, 90, 10, 0.25) !important;
}

/* زر إتمام الطلب */
body.cart main .cart-summary .btn--primary,
body.cart main .cart-summary .btn-primary,
body.cart main .cart-summary button[type="submit"],
body.cart main [class*="cart-summary"] .btn--primary,
body.cart main [class*="cart-summary"] .btn-primary,
body.cart main [class*="cart-summary"] button[type="submit"] {
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ffb000, #f34b00) !important;
  color: #24110b !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(255, 90, 10, 0.22) !important;
}

/* أزرار الكمية */
body.cart main .cart-summary .s-quantity-input-button,
body.cart main .cart-summary .s-quantity-input-input,
body.cart main [class*="cart-summary"] .s-quantity-input-button,
body.cart main [class*="cart-summary"] .s-quantity-input-input {
  border: 1px solid rgba(255, 90, 10, 0.35) !important;
  background: rgba(50, 24, 14, 0.9) !important;
  color: #fff7ec !important;
}

/* DROR - تنسيق كروت المنتجات */

.s-product-card-entry {
  overflow: hidden !important;
  border: 1px solid rgba(255, 153, 0, 0.5) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-content,
.s-product-card-entry .s-product-card-content-main,
.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-content-footer {
  background: transparent !important;
  color: #fff7ec !important;
}

.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry .s-product-card-content-title a {
  color: #fff7ec !important;
  font-weight: 700 !important;
}

.s-product-card-entry .s-product-card-price {
  color: #ffb000 !important;
  font-weight: 800 !important;
}

.s-product-card-entry .s-product-card-wishlist-btn,
.s-product-card-entry .s-product-card-wishlist-btn button {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #fff7ec !important;
}

.s-product-card-entry salla-add-product-button .s-button-element,
.s-product-card-entry .s-product-card-content-footer .s-button-element {
  background: transparent !important;
  border: 1px solid #f34b00 !important;
  border-radius: 12px !important;
  color: #ffb000 !important;
  font-weight: 700 !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: linear-gradient(90deg, #f34b00, #ffb000) !important;
  color: #1d0b06 !important;
}

.s-product-card-entry:hover {
  border-color: #ffb000 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 35px rgba(255, 123, 0, 0.2) !important;
}

/* DROR DARK THEME - MOBILE CART, LOGIN & NOTIFICATIONS */

:root {
  --dror-bg: #160b07;
  --dror-surface: #24110b;
  --dror-surface-2: #32180e;
  --dror-text: #fff7ec;
  --dror-muted: #d8c2b3;
  --dror-orange: #ff5a0a;
  --dror-gold: #ffb000;
  --dror-border: rgba(255, 90, 10, 0.45);
}

/* شريط ملخص الطلب السفلي في الموبايل */
body.is-sticky-product-bar .sticky-product-bar,
body.is-sticky-product-bar .sticky-product-bar > *,
body.cart .sticky-product-bar,
body.cart .sticky-product-bar > *,
body.cart salla-cart-summary,
body.cart salla-cart-summary > * {
  background: linear-gradient(
    145deg,
    var(--dror-surface-2),
    var(--dror-surface)
  ) !important;
  color: var(--dror-text) !important;
  border-color: var(--dror-border) !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35) !important;
}

body.is-sticky-product-bar .sticky-product-bar *,
body.cart .sticky-product-bar *,
body.cart salla-cart-summary * {
  color: var(--dror-text) !important;
}

body.is-sticky-product-bar .sticky-product-bar button,
body.cart .sticky-product-bar button,
body.cart salla-cart-summary button {
  border-color: var(--dror-border) !important;
  color: var(--dror-text) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.is-sticky-product-bar .sticky-product-bar button[type="submit"],
body.cart .sticky-product-bar button[type="submit"],
body.cart salla-cart-summary button[type="submit"] {
  background: linear-gradient(
    135deg,
    var(--dror-orange),
    var(--dror-gold)
  ) !important;
  color: #24110b !important;
  border: 0 !important;
}

/* نافذة تمت الإضافة إلى سلة التسوق */
salla-cart-summary .bg-white,
salla-cart-summary [class*="bg-white"],
salla-notification .bg-white,
salla-notification [class*="bg-white"],
salla-toast .bg-white,
salla-toast [class*="bg-white"],
body [role="alert"].bg-white,
body [role="alert"][class*="bg-white"] {
  background: linear-gradient(
    145deg,
    var(--dror-surface-2),
    var(--dror-surface)
  ) !important;
  color: var(--dror-text) !important;
  border: 1px solid var(--dror-border) !important;
}

salla-cart-summary .bg-white *,
salla-cart-summary [class*="bg-white"] *,
salla-notification .bg-white *,
salla-notification [class*="bg-white"] *,
salla-toast .bg-white *,
salla-toast [class*="bg-white"] *,
body [role="alert"].bg-white * {
  color: var(--dror-text) !important;
}

/* نافذة تسجيل الدخول */
salla-login,
salla-login .modal-content,
salla-login .s-modal,
salla-login .s-login-modal,
salla-login .bg-white,
salla-login [class*="bg-white"] {
  background: linear-gradient(
    145deg,
    var(--dror-surface-2),
    var(--dror-surface)
  ) !important;
  color: var(--dror-text) !important;
  border-color: var(--dror-border) !important;
}

salla-login *,
salla-login h1,
salla-login h2,
salla-login h3,
salla-login label,
salla-login p,
salla-login span {
  color: var(--dror-text) !important;
}

salla-login input,
salla-login select,
salla-login textarea {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid var(--dror-border) !important;
  color: var(--dror-text) !important;
  border-radius: 10px !important;
}

salla-login input::placeholder {
  color: var(--dror-muted) !important;
}

salla-login button[type="submit"],
salla-login .btn-primary,
salla-login .s-button-element {
  background: linear-gradient(
    135deg,
    var(--dror-orange),
    var(--dror-gold)
  ) !important;
  color: #24110b !important;
  border-color: var(--dror-orange) !important;
  font-weight: 700 !important;
}

salla-login button:not([type="submit"]) {
  color: var(--dror-text) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--dror-border) !important;
}

/* أي نافذة منبثقة بيضاء مرتبطة بتسجيل الدخول أو السلة */
body [role="dialog"] .bg-white,
body [role="dialog"] [class*="bg-white"],
body .modal-content.bg-white,
body .modal-content[class*="bg-white"] {
  background: linear-gradient(
    145deg,
    var(--dror-surface-2),
    var(--dror-surface)
  ) !important;
  color: var(--dror-text) !important;
  border-color: var(--dror-border) !important;
}

body [role="dialog"] .bg-white *,
body [role="dialog"] [class*="bg-white"] *,
body .modal-content.bg-white * {
  color: var(--dror-text) !important;
}




/* DROR - Product Options Modal / REXA ID */

salla-modal#salla-modal .s-modal-wrapper:nth-of-type(2)
.s-modal-body.s-modal-align-middle,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle {
  width: min(92vw, 850px) !important;
  max-width: 850px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.65) !important;
  border-radius: 22px !important;
  color: #fff7ec !important;
  color-scheme: dark !important;
}

/* إزالة الخلفية البيضاء من الطبقات الداخلية */
salla-modal#salla-modal .s-modal-body.s-modal-align-middle > div,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle form,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle section,
salla-modal#salla-modal salla-product-options,
salla-modal#salla-modal salla-product-option {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff7ec !important;
}

/* العناوين والنصوص */
salla-modal#salla-modal .s-modal-body.s-modal-align-middle h1,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle h2,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle h3,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle label,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle p,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle span {
  color: #fff7ec !important;
}

/* حقل REXA ID */
salla-modal#salla-modal .s-modal-body.s-modal-align-middle input,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle textarea,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle select,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle .form-control,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle .form-input {
  width: 100% !important;
  min-height: 46px !important;
  background: #32180e !important;
  background-color: #32180e !important;
  border: 1px solid rgba(255, 176, 0, 0.55) !important;
  border-radius: 10px !important;
  color: #fff7ec !important;
  padding: 10px 14px !important;
  box-shadow: none !important;
}

salla-modal#salla-modal input::placeholder,
salla-modal#salla-modal textarea::placeholder {
  color: #d8c2b3 !important;
  opacity: 1 !important;
}

/* زر متابعة الدفع */
salla-modal#salla-modal .s-modal-body.s-modal-align-middle button[type="submit"],
salla-modal#salla-modal .s-modal-body.s-modal-align-middle .s-button-element,
salla-modal#salla-modal .s-modal-body.s-modal-align-middle .btn-primary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 14px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  color: #24110b !important;
  font-weight: 800 !important;
}

/* زر الإغلاق */
salla-modal#salla-modal .s-modal-close,
salla-modal#salla-modal .s-modal-close-btn,
salla-modal#salla-modal button[aria-label="Close"] {
  z-index: 20 !important;
  background: #24110b !important;
  color: #ffb000 !important;
  border: 1px solid #ff5a0a !important;
}





/* DROR - Digital Order Page Dark Theme */

body.order-details,
body.order-page,
body.orders,
body[class*="order"],
body:has([href*="/orders/"]),
body:has([class*="order"]) {
  background: #160b07 !important;
  color: #fff7ec !important;
}

/* جميع كروت صفحة الطلب */
body.order-details .bg-white,
body.order-page .bg-white,
body.orders .bg-white,
body[class*="order"] .bg-white,
body:has([href*="/orders/"]) .bg-white,
body:has([class*="order"]) .bg-white,
body.order-details [class*="bg-white"],
body.order-page [class*="bg-white"],
body.orders [class*="bg-white"],
body[class*="order"] [class*="bg-white"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

/* النصوص داخل الكروت */
body.order-details .bg-white *,
body.order-page .bg-white *,
body.orders .bg-white *,
body[class*="order"] .bg-white *,
body:has([href*="/orders/"]) .bg-white *,
body:has([class*="order"]) .bg-white * {
  color: #fff7ec !important;
}

/* النصوص الثانوية */
body.order-details .text-gray-500,
body.order-details .text-gray-600,
body.order-details .text-gray-700,
body.order-page .text-gray-500,
body.order-page .text-gray-600,
body.order-page .text-gray-700,
body[class*="order"] .text-gray-500,
body[class*="order"] .text-gray-600,
body[class*="order"] .text-gray-700 {
  color: #d8c2b3 !important;
}

/* الروابط */
body.order-details a,
body.order-page a,
body.orders a,
body[class*="order"] a {
  color: #ffb000 !important;
}

/* حقل إرسال الفاتورة */
body.order-details input,
body.order-page input,
body.orders input,
body[class*="order"] input {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 176, 0, 0.4) !important;
  border-radius: 10px !important;
  color: #fff7ec !important;
}

body.order-details input::placeholder,
body.order-page input::placeholder,
body.orders input::placeholder,
body[class*="order"] input::placeholder {
  color: #d8c2b3 !important;
}

/* الأزرار البرتقالية */
body.order-details button[type="submit"],
body.order-page button[type="submit"],
body.orders button[type="submit"],
body[class*="order"] button[type="submit"],
body.order-details .btn-primary,
body.order-page .btn-primary,
body.orders .btn-primary,
body[class*="order"] .btn-primary {
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #24110b !important;
  font-weight: 800 !important;
}

/* زر تفاصيل الطلب */
body.order-details .btn-outline,
body.order-details .btn--outline,
body.order-page .btn-outline,
body.order-page .btn--outline,
body[class*="order"] .btn-outline,
body[class*="order"] .btn--outline {
  background: transparent !important;
  border: 1px solid #ff5a0a !important;
  color: #ffb000 !important;
  border-radius: 12px !important;
}

/* الأيقونة البرتقالية الخاصة بنجاح الطلب */
body.order-details .text-primary,
body.order-page .text-primary,
body.orders .text-primary,
body[class*="order"] .text-primary {
  color: #ffb000 !important;
}


/* DROR - Fix all white sections on order and internal pages */

html,
body {
  background: #160b07 !important;
  color: #fff7ec !important;
  color-scheme: dark !important;
}

/* الكروت البيضاء داخل الصفحات الداخلية */
body:not(.index) main .bg-white,
body:not(.index) main [class*="bg-white"],
body:not([data-template="home"]) .bg-white,
body:not([data-template="home"]) [class*="bg-white"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

/* النصوص داخل الكروت */
body:not(.index) main .bg-white *,
body:not(.index) main [class*="bg-white"] *,
body:not([data-template="home"]) .bg-white *,
body:not([data-template="home"]) [class*="bg-white"] * {
  color: #fff7ec !important;
}

/* الحقول */
body:not(.index) main input,
body:not(.index) main textarea,
body:not(.index) main select {
  background: #32180e !important;
  background-color: #32180e !important;
  border: 1px solid rgba(255, 176, 0, 0.45) !important;
  border-radius: 10px !important;
  color: #fff7ec !important;
}

body:not(.index) main input::placeholder,
body:not(.index) main textarea::placeholder {
  color: #d8c2b3 !important;
}

/* الروابط البرتقالية */
body:not(.index) main a {
  color: #ffb000 !important;
}

/* الأزرار البرتقالية */
body:not(.index) main button[type="submit"],
body:not(.index) main .btn-primary,
body:not(.index) main .s-button-element {
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #24110b !important;
  font-weight: 800 !important;
}

/* الأزرار ذات الحدود */
body:not(.index) main .btn-outline,
body:not(.index) main .btn--outline {
  background: transparent !important;
  border: 1px solid #ff5a0a !important;
  color: #ffb000 !important;
}

/* الخلفيات الرمادية الفاتحة مثل حقل الإيميل */
body:not(.index) main .bg-gray-50,
body:not(.index) main .bg-gray-100,
body:not(.index) main [class*="bg-gray-"] {
  background: #24110b !important;
  color: #fff7ec !important;
}

/* DROR - Account Orders Page */

body.account-page,
body.account-orders,
body[class*="account"],
body:has(a[href*="/account/"]) {
  background: #160b07 !important;
  color: #fff7ec !important;
}

/* الكروت البيضاء في صفحة الحساب */
body.account-page main .bg-white,
body.account-orders main .bg-white,
body[class*="account"] main .bg-white,
body:has(a[href*="/account/"]) main .bg-white,
body.account-page main [class*="bg-white"],
body.account-orders main [class*="bg-white"],
body[class*="account"] main [class*="bg-white"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

/* ملخص الطلب */
body.account-page .s-order-summary,
body.account-orders .s-order-summary,
body[class*="account"] .s-order-summary,
body.account-page .order-summary,
body.account-orders .order-summary,
body[class*="account"] .order-summary,
body.account-page .s-card,
body.account-orders .s-card,
body[class*="account"] .s-card {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
}

/* النصوص داخل صفحة الحساب */
body.account-page main .bg-white *,
body.account-orders main .bg-white *,
body[class*="account"] main .bg-white *,
body.account-page .s-order-summary *,
body.account-orders .s-order-summary *,
body[class*="account"] .s-order-summary * {
  color: #fff7ec !important;
}

body.account-page .text-gray-500,
body.account-page .text-gray-600,
body.account-page .text-gray-700,
body.account-orders .text-gray-500,
body.account-orders .text-gray-600,
body.account-orders .text-gray-700,
body[class*="account"] .text-gray-500,
body[class*="account"] .text-gray-600,
body[class*="account"] .text-gray-700 {
  color: #d8c2b3 !important;
}

/* أزرار صفحة الحساب */
body.account-page button[type="submit"],
body.account-orders button[type="submit"],
body[class*="account"] button[type="submit"],
body.account-page .btn-primary,
body.account-orders .btn-primary,
body[class*="account"] .btn-primary {
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #24110b !important;
  font-weight: 800 !important;
}




/* DROR - Account Pages Dark Theme */

/* خلفية صفحات الحساب */
body:has(a[href*="/account/"]),
body[class*="account"],
body[class*="profile"] {
  background: #160b07 !important;
  color: #fff7ec !important;
}

/* إزالة الخلفيات البيضاء من كل كروت الحساب */
body:has(a[href*="/account/"]) .bg-white,
body:has(a[href*="/account/"]) [class*="bg-white"],
body:has(a[href*="/account/"]) .bg-gray-50,
body:has(a[href*="/account/"]) .bg-gray-100,
body[class*="account"] .bg-white,
body[class*="account"] [class*="bg-white"],
body[class*="account"] .bg-gray-50,
body[class*="account"] .bg-gray-100 {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

/* كروت الإشعارات والطلبات والإعدادات */
body:has(a[href*="/account/"]) .s-card,
body:has(a[href*="/account/"]) .account-card,
body:has(a[href*="/account/"]) [class*="notification"],
body:has(a[href*="/account/"]) [class*="order-card"],
body:has(a[href*="/account/"]) [class*="settings"],
body[class*="account"] .s-card,
body[class*="account"] .account-card {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
}

/* الجداول في صفحة الطلبات */
body:has(a[href*="/account/orders"]) table,
body:has(a[href*="/account/orders"]) thead,
body:has(a[href*="/account/orders"]) tbody,
body:has(a[href*="/account/orders"]) tr,
body[class*="account"] table,
body[class*="account"] thead,
body[class*="account"] tbody,
body[class*="account"] tr {
  background: #24110b !important;
  color: #fff7ec !important;
  border-color: rgba(255, 90, 10, 0.45) !important;
}

/* جميع النصوص داخل صفحات الحساب */
body:has(a[href*="/account/"]) .bg-white *,
body:has(a[href*="/account/"]) [class*="bg-white"] *,
body:has(a[href*="/account/"]) .s-card *,
body:has(a[href*="/account/"]) table *,
body[class*="account"] .bg-white *,
body[class*="account"] .s-card * {
  color: #fff7ec !important;
}

/* النصوص الثانوية */
body:has(a[href*="/account/"]) .text-gray-500,
body:has(a[href*="/account/"]) .text-gray-600,
body:has(a[href*="/account/"]) .text-gray-700,
body[class*="account"] .text-gray-500,
body[class*="account"] .text-gray-600,
body[class*="account"] .text-gray-700 {
  color: #d8c2b3 !important;
}

/* الروابط */
body:has(a[href*="/account/"]) main a,
body[class*="account"] main a {
  color: #ffb000 !important;
}

/* الأزرار */
body:has(a[href*="/account/"]) button[type="submit"],
body:has(a[href*="/account/"]) .btn-primary,
body:has(a[href*="/account/"]) .s-button-element,
body[class*="account"] button[type="submit"],
body[class*="account"] .btn-primary,
body[class*="account"] .s-button-element {
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #24110b !important;
  font-weight: 800 !important;
}

/* شريط الحساب البرتقالي العلوي */
body:has(a[href*="/account/"]) .account-header,
body:has(a[href*="/account/"]) .account-page-header,
body:has(a[href*="/account/"]) .profile-header,
body:has(a[href*="/account/"]) [class*="account-header"],
body[class*="account"] [class*="account-header"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  color: #fff7ec !important;
}

/* DROR - Fix Account Order Summary */

/* كارت ملخص الطلب */
body:not(.index) main .s-order-summary,
body:not(.index) main .order-summary,
body:not(.index) main .s-order-totals,
body:not(.index) main .order-totals,
body:not(.index) main [class*="order-summary"],
body:not(.index) main [class*="order-totals"],
body:not(.index) main [class*="summary"],
body:has(a[href*="/account/orders"]) main .s-order-summary,
body:has(a[href*="/account/orders"]) main .order-summary,
body:has(a[href*="/account/orders"]) main [class*="summary"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, 0.45) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
}

/* محتوى ملخص الطلب */
body:not(.index) main .s-order-summary *,
body:not(.index) main .order-summary *,
body:not(.index) main .s-order-totals *,
body:not(.index) main .order-totals *,
body:not(.index) main [class*="order-summary"] *,
body:not(.index) main [class*="summary"] * {
  color: #fff7ec !important;
  border-color: rgba(255, 247, 236, 0.2) !important;
}

/* الأسعار */
body:not(.index) main .s-order-summary .price,
body:not(.index) main .order-summary .price,
body:not(.index) main [class*="summary"] .price {
  color: #ffb000 !important;
  font-weight: 800 !important;
}

/* الخلفية البيضاء الاحتياطية لصفحة الطلب فقط */
body:has(a[href*="/account/orders"]) main .bg-white,
body:has(a[href*="/account/orders"]) main [class*="bg-white"] {
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  color: #fff7ec !important;
}

/* DROR FINAL HEADER FIX — safe account avatar and dropdown */

#mainnav {
  overflow: visible !important;
}

#mainnav salla-user-menu {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#mainnav salla-user-menu > button,
#mainnav salla-user-menu > a,
#mainnav salla-user-menu .s-user-menu-login-btn {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#mainnav salla-user-menu img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  background: #32110b !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

#mainnav salla-user-menu,
#mainnav salla-cart-summary,
#mainnav #s-cart-icon {
  opacity: 1 !important;
  visibility: visible !important;
}

#mainnav salla-cart-summary,
#mainnav #s-cart-icon {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* DROR - Account menu and login modal: native Salla state stays in control */

/* صورة الحساب بدون مربع أبيض من الحاوية */
#mainnav salla-user-menu .s-user-menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 6px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 24px !important;
  color: #fff7ec !important;
}

#mainnav salla-user-menu .s-user-menu-avatar-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #24110b !important;
  border: 1px solid rgba(255, 176, 0, .65) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-avatar {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 3px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  filter: none !important;
  mix-blend-mode: multiply !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 150px !important;
  overflow: hidden !important;
  color: #fff7ec !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-hello,
#mainnav salla-user-menu .s-user-menu-trigger-name {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #fff7ec !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-hello {
  color: #d8c2b3 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

#mainnav salla-user-menu .s-user-menu-trigger-icon,
#mainnav salla-user-menu .s-user-menu-trigger-icon svg {
  color: #fff7ec !important;
  fill: currentColor !important;
}

/* القائمة: تنسيق فقط، بدون فرض display أو position حتى لا تنكسر على الموبايل */
#mainnav salla-user-menu .s-user-menu-dropdown,
#mainnav salla-user-menu .s-user-menu-popup,
#mainnav salla-user-menu .dropdown-menu,
#mainnav salla-user-menu [role="menu"],
#mainnav salla-user-menu [role="listbox"] {
  z-index: 100000 !important;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100vh - 84px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #24110b !important;
  background-color: #24110b !important;
  color: #fff7ec !important;
  border: 1px solid rgba(255, 90, 10, .60) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .55) !important;
  direction: rtl !important;
}

#mainnav salla-user-menu .s-user-menu-dropdown a,
#mainnav salla-user-menu .s-user-menu-dropdown button,
#mainnav salla-user-menu .s-user-menu-popup a,
#mainnav salla-user-menu .s-user-menu-popup button,
#mainnav salla-user-menu .dropdown-menu a,
#mainnav salla-user-menu .dropdown-menu button,
#mainnav salla-user-menu [role="menu"] a,
#mainnav salla-user-menu [role="menu"] button {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  background: transparent !important;
  color: #fff7ec !important;
  border: 0 !important;
  border-radius: 10px !important;
  text-align: right !important;
  white-space: normal !important;
}

#mainnav salla-user-menu .s-user-menu-dropdown a:hover,
#mainnav salla-user-menu .s-user-menu-dropdown button:hover,
#mainnav salla-user-menu .s-user-menu-popup a:hover,
#mainnav salla-user-menu .s-user-menu-popup button:hover,
#mainnav salla-user-menu .dropdown-menu a:hover,
#mainnav salla-user-menu .dropdown-menu button:hover,
#mainnav salla-user-menu [role="menu"] a:hover,
#mainnav salla-user-menu [role="menu"] button:hover {
  background: rgba(255, 176, 0, .16) !important;
  color: #ffb000 !important;
}

/* نافذة تسجيل الدخول: تثبيت الطبقة وإلغاء تحويل الألوان */
salla-modal#salla-modal {
  z-index: 2000000 !important;
}

salla-modal#salla-modal .s-modal-wrapper {
  z-index: 2000001 !important;
}

salla-modal#salla-modal .s-modal-body.s-modal-align-middle:has(iframe) {
  width: min(92vw, 440px) !important;
  max-width: calc(100vw - 20px) !important;
  max-height: calc(100vh - 16px) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #24110b !important;
  border: 1px solid rgba(255, 90, 10, .65) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .65) !important;
}

salla-modal#salla-modal .s-modal-body.s-modal-align-middle:has(iframe) iframe {
  display: block !important;
  width: 100% !important;
  min-height: 520px !important;
  max-height: calc(100vh - 16px) !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #24110b !important;
  filter: none !important;
}

@media (max-width: 767px) {
  #mainnav salla-user-menu .s-user-menu-trigger {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  #mainnav salla-user-menu .s-user-menu-trigger-content,
  #mainnav salla-user-menu .s-user-menu-trigger-icon {
    display: none !important;
  }

  #mainnav salla-user-menu .s-user-menu-avatar-wrap {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  #mainnav salla-user-menu .s-user-menu-dropdown,
  #mainnav salla-user-menu .s-user-menu-popup,
  #mainnav salla-user-menu .dropdown-menu,
  #mainnav salla-user-menu [role="menu"],
  #mainnav salla-user-menu [role="listbox"] {
    width: min(300px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 84px) !important;
  }

  #mainnav salla-user-menu .s-user-menu-dropdown a,
  #mainnav salla-user-menu .s-user-menu-dropdown button,
  #mainnav salla-user-menu .s-user-menu-popup a,
  #mainnav salla-user-menu .s-user-menu-popup button,
  #mainnav salla-user-menu .dropdown-menu a,
  #mainnav salla-user-menu .dropdown-menu button,
  #mainnav salla-user-menu [role="menu"] a,
  #mainnav salla-user-menu [role="menu"] button {
    min-height: 46px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
  }
}

/* DROR - Product options dark card and textarea */
salla-product-options.s-product-options-wrapper,
salla-product-options[data-testid="store-product-options"] {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, .55) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28) !important;
}

salla-product-options.s-product-options-wrapper .s-product-options-option-container,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-container,
salla-product-options.s-product-options-wrapper .s-product-options-option,
salla-product-options[data-testid="store-product-options"] .s-product-options-option,
salla-product-options.s-product-options-wrapper .s-product-options-option-content,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-content,
salla-product-options.s-product-options-wrapper .s-product-options-textarea,
salla-product-options[data-testid="store-product-options"] .s-product-options-textarea,
salla-product-options.s-product-options-wrapper .mt-1,
salla-product-options[data-testid="store-product-options"] .mt-1 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #fff7ec !important;
}

salla-product-options.s-product-options-wrapper .s-product-options-option-label,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-label {
  display: block !important;
  margin: 0 0 10px !important;
  color: #fff7ec !important;
  text-align: right !important;
}

salla-product-options.s-product-options-wrapper .s-product-options-option-label b,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-label b,
salla-product-options.s-product-options-wrapper .s-product-options-option-label small,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-label small {
  color: #fff7ec !important;
}

salla-product-options.s-product-options-wrapper .s-product-options-option-label small,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-label small {
  display: block !important;
  margin-top: 5px !important;
  color: #d8c2b3 !important;
}

salla-product-options.s-product-options-wrapper .s-product-options-option-label span,
salla-product-options[data-testid="store-product-options"] .s-product-options-option-label span {
  color: #ff5a0a !important;
}

salla-product-options.s-product-options-wrapper textarea.s-form-control,
salla-product-options[data-testid="store-product-options"] textarea.s-form-control,
salla-product-options.s-product-options-wrapper textarea,
salla-product-options[data-testid="store-product-options"] textarea {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  resize: vertical !important;
  background: #32180e !important;
  background-color: #32180e !important;
  border: 1px solid rgba(255, 176, 0, .55) !important;
  border-radius: 12px !important;
  color: #fff7ec !important;
  caret-color: #ffb000 !important;
  box-shadow: none !important;
  text-align: right !important;
}

salla-product-options.s-product-options-wrapper textarea::placeholder,
salla-product-options[data-testid="store-product-options"] textarea::placeholder {
  color: #d8c2b3 !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  salla-product-options.s-product-options-wrapper,
  salla-product-options[data-testid="store-product-options"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  salla-product-options.s-product-options-wrapper textarea.s-form-control,
  salla-product-options[data-testid="store-product-options"] textarea.s-form-control,
  salla-product-options.s-product-options-wrapper textarea,
  salla-product-options[data-testid="store-product-options"] textarea {
    min-height: 104px !important;
    font-size: 14px !important;
  }
}

/* الحاوية البيضاء الخارجية التي تحتوي على salla-product-options */
body:has(salla-product-options) main *:has(> salla-product-options.s-product-options-wrapper),
body:has(salla-product-options) main *:has(> salla-product-options[data-testid="store-product-options"]) {
  box-sizing: border-box !important;
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  border: 1px solid rgba(255, 90, 10, .55) !important;
  border-radius: 18px !important;
  color: #fff7ec !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28) !important;
}

body:has(salla-product-options) main *:has(> salla-product-options.s-product-options-wrapper) > salla-product-options,
body:has(salla-product-options) main *:has(> salla-product-options[data-testid="store-product-options"]) > salla-product-options {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body:has(salla-product-options) main *:has(> salla-product-options.s-product-options-wrapper),
  body:has(salla-product-options) main *:has(> salla-product-options[data-testid="store-product-options"]) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }
}

/* صندوق إتمام الطلب اللاصق في الموبايل */
salla-cart-summary:not([data-testid="store-header-cart"]),
salla-cart-summary:not([data-testid="store-header-cart"]) > *,
salla-cart-summary:not([data-testid="store-header-cart"]) .s-cart-summary-wrapper,
salla-cart-summary:not([data-testid="store-header-cart"]) .s-cart-summary-content,
salla-cart-summary:not([data-testid="store-header-cart"]) .s-cart-summary-total,
body .sticky-product-bar,
body .sticky-product-bar > * {
  box-sizing: border-box !important;
  background: linear-gradient(145deg, #32180e, #1d0b06) !important;
  background-color: #24110b !important;
  color: #fff7ec !important;
  border-color: rgba(255, 90, 10, .55) !important;
}

salla-cart-summary:not([data-testid="store-header-cart"]) .s-cart-summary-wrapper,
body .sticky-product-bar {
  border: 1px solid rgba(255, 90, 10, .55) !important;
  border-radius: 16px !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .35) !important;
}

salla-cart-summary:not([data-testid="store-header-cart"]) .s-cart-summary-wrapper *,
body .sticky-product-bar * {
  color: #fff7ec !important;
  background-color: transparent !important;
}

salla-cart-summary:not([data-testid="store-header-cart"]) button[type="submit"],
body .sticky-product-bar button[type="submit"] {
  background: linear-gradient(135deg, #ff5a0a, #ffb000) !important;
  color: #24110b !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  salla-cart-summary:not([data-testid="store-header-cart"]),
  body .sticky-product-bar {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px 16px 0 0 !important;
  }
}



/* إصلاح صورة الحساب السوداء بدون إعادة المربع الأبيض */
div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap,
#mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  overflow: hidden !important;
  background: #24110b !important;
  border: 1px solid rgba(255, 176, 0, .70) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap > img.s-user-menu-trigger-avatar,
#mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap > img.s-user-menu-trigger-avatar {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 3px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  filter: grayscale(1) invert(1) brightness(1.15) !important;
  mix-blend-mode: screen !important;
  transform: none !important;
}

@media (max-width: 767px) {
  div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap,
  #mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}



/* صورة الحساب الأصلية داخل الدائرة */
div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap,
#mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  overflow: hidden !important;
  background: #24110b !important;
  border: 1px solid rgba(255, 176, 0, .7) !important;
  border-radius: 50% !important;
}

div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap > img.s-user-menu-trigger-avatar,
#mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap > img.s-user-menu-trigger-avatar {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 767px) {
  div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap,
  #mainnav div#trigger-slot > div.s-user-menu-trigger > div.s-user-menu-avatar-wrap {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}