/* ================================
   استيراد الخط
================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;500;700&display=swap');

/* ================================
   المتغيرات
================================ */
:root {
  --primary-color: #870d86;   /* اللون الرئيسي */
  --secondary-color: #2e2a2b; /* اللون الثانوي (غامق) */
  --white: #ffffff;
  --gray: #999999;
  --font-main: 'Tajawal', sans-serif;
}

/* ================================
   تعميم الخط
================================ */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, button {
  font-family: var(--font-main) !important;
}
/* =========================================================
   NAWADIR DIOR — SELENA THEME
   CLEAN UI SYSTEM V6
   ========================================================= */


/* =========================================================
   00. FONT
   IBM Plex Sans Arabic
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');


/* =========================================================
   01. BRAND DESIGN SYSTEM
   ========================================================= */

:root {

  /* Salla */
  --color-primary: #d3a870 !important;
  --color-primary-dark: #b9854a !important;
  --color-primary-light: #ead2b2 !important;
  --color-primary-reverse: #0b0b0b !important;

  /* Nawadir Dior */
  --nd-black: #0b0b0b;
  --nd-black-soft: #171717;

  --nd-gold: #d3a870;
  --nd-gold-dark: #b9854a;
  --nd-gold-light: #ead2b2;

  --nd-ivory: #faf8f4;
  --nd-cream: #f4efe8;
  --nd-white: #ffffff;

  --nd-text: #191919;
  --nd-muted: #77716a;

  --nd-border: #ebe5dd;
  --nd-border-dark: #ded5ca;

  --nd-radius: 6px;
  --nd-radius-small: 4px;

  --nd-shadow:
    0 10px 30px rgba(0,0,0,.045);

  --nd-shadow-hover:
    0 16px 40px rgba(0,0,0,.075);

  --nd-transition:
    all .28s cubic-bezier(.4,0,.2,1);

  --nd-font:
    "IBM Plex Sans Arabic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
}


/* =========================================================
   02. TYPOGRAPHY
   ========================================================= */

html,
body {

  font-family:
    var(--nd-font);

}


body,
button,
input,
select,
textarea {

  font-family:
    var(--nd-font) !important;

}


h1,
h2,
h3,
h4,
h5,
h6 {

  font-family:
    var(--nd-font) !important;

  letter-spacing:
    0;

}


salla-menu,
salla-product-card,
salla-products-slider,
salla-add-product-button,
salla-cart-summary,
salla-user-menu,
salla-modal {

  font-family:
    var(--nd-font);

}


/* =========================================================
   03. GLOBAL
   ========================================================= */

html {

  scroll-behavior:
    smooth;

  overflow-x:
    hidden;

}


body {

  background:
    var(--nd-ivory);

  color:
    var(--nd-text);

  overflow-x:
    hidden;

  -webkit-font-smoothing:
    antialiased;

  text-rendering:
    optimizeLegibility;

}


::selection {

  background:
    var(--nd-gold);

  color:
    var(--nd-black);

}


a {

  transition:
    var(--nd-transition);

}


a:hover {

  color:
    var(--nd-gold-dark);

}


img {

  max-width:
    100%;

}


/* =========================================================
   04. HEADER
   ========================================================= */

.store-header,
.main-nav-container {

  box-shadow:
    none !important;

  transition:
    background-color .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;

}


.main-nav-container {

  border-bottom:
    1px solid rgba(211,168,112,.16);

}


/* =========================================================
   05. LOGO
   ========================================================= */

.store-header img,
.main-nav-container img {

  object-fit:
    contain;

}


@media (min-width: 1024px) {

  .main-nav-container .logo img,
  .store-header .logo img {

    width:
      auto;

    max-height:
      82px;

  }

}


/* =========================================================
   06. TOP BAR
   ========================================================= */

.top-navbar {

  font-size:
    12px;

  font-weight:
    400;

  border-bottom:
    1px solid rgba(255,255,255,.12);

}


/* =========================================================
   07. DESKTOP MAIN NAVIGATION
   ========================================================= */

@media (min-width: 1024px) {

  .main-menu,
  salla-menu ul {

    align-items:
      center;

  }


  .main-menu > li > a,
  salla-menu > ul > li > a {

    position:
      relative;

    padding:
      17px 13px;

    font-size:
      14px;

    font-weight:
      500;

    white-space:
      nowrap;

    letter-spacing:
      0;

    transition:
      var(--nd-transition);

  }


  .main-menu > li > a::after,
  salla-menu > ul > li > a::after {

    content:
      "";

    position:
      absolute;

    right:
      50%;

    bottom:
      7px;

    width:
      0;

    height:
      1px;

    background:
      var(--nd-gold);

    transform:
      translateX(50%);

    transition:
      width .25s ease;

  }


  .main-menu > li:hover > a::after,
  salla-menu > ul > li:hover > a::after {

    width:
      calc(100% - 26px);

  }


  .main-menu > li:hover > a {

    color:
      var(--nd-gold) !important;

  }

}


/* =========================================================
   08. DROPDOWN
   ========================================================= */

@media (min-width: 1024px) {

  .main-menu .sub-menu,
  .main-menu ul ul,
  salla-menu ul ul {

    min-width:
      220px;

    padding:
      12px 8px;

    background:
      rgba(255,255,255,.985);

    border:
      1px solid var(--nd-border);

    border-top:
      2px solid var(--nd-gold);

    border-radius:
      0 0 var(--nd-radius) var(--nd-radius);

    box-shadow:
      0 20px 45px rgba(0,0,0,.09);

  }


  .main-menu .sub-menu a,
  .main-menu ul ul a,
  salla-menu ul ul a {

    padding:
      10px 15px;

    color:
      var(--nd-text);

    font-size:
      13px;

    font-weight:
      400;

    line-height:
      1.7;

    border-radius:
      var(--nd-radius-small);

  }


  .main-menu .sub-menu a:hover,
  .main-menu ul ul a:hover,
  salla-menu ul ul a:hover {

    padding-right:
      19px;

    background:
      var(--nd-cream);

    color:
      var(--nd-black);

  }

}


/* =========================================================
   09. HERO
   ========================================================= */

.main-slider,
.hero-slider,
.home-slider {

  overflow:
    hidden;

}


.main-slider img,
.hero-slider img,
.home-slider img {

  width:
    100%;

  object-fit:
    cover;

}


@media (min-width: 1024px) {

  .main-slider img,
  .hero-slider img,
  .home-slider img {

    min-height:
      600px;

    max-height:
      820px;

  }

}


@media (max-width: 767px) {

  .main-slider,
  .hero-slider,
  .home-slider {

    border-radius:
      0 !important;

  }


  .main-slider img,
  .hero-slider img,
  .home-slider img {

    min-height:
      320px;

    max-height:
      470px;

    object-position:
      center;

  }

}


/* =========================================================
   10. SECTION SPACING
   ========================================================= */

.s-block {

  margin-top:
    70px;

  margin-bottom:
    70px;

}


.s-block:empty {

  display:
    none !important;

}


/* =========================================================
   11. SECTION TITLES
   ========================================================= */

.s-block__title {

  margin-bottom:
    28px;

  text-align:
    center;

}


.s-block__title h2,
.s-block__title h3 {

  position:
    relative;

  display:
    inline-block;

  margin:
    0;

  color:
    var(--nd-text);

  font-size:
    clamp(24px,2vw,34px);

  font-weight:
    600;

  line-height:
    1.45;

}


.s-block__title h2::after,
.s-block__title h3::after {

  content:
    "";

  display:
    block;

  width:
    42px;

  height:
    1.5px;

  margin:
    12px auto 0;

  background:
    var(--nd-gold);

}


.s-block__title p {

  margin-top:
    10px;

  color:
    var(--nd-muted);

  font-size:
    14px;

  font-weight:
    400;

  line-height:
    1.9;

}


.s-block__title a {

  color:
    var(--nd-muted);

  font-size:
    13px;

  font-weight:
    500;

}


.s-block__title a:hover {

  color:
    var(--nd-gold-dark);

}


/* =========================================================
   12. PRODUCT CARD — FINAL CONSOLIDATED
   ========================================================= */

.s-product-card-entry {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0 !important;
  overflow: hidden;
  background: var(--nd-white) !important;
  border: 1px solid rgba(211,168,112,.20) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

@media (hover:hover) {
  .s-product-card-entry:hover {
    transform: translateY(-2px);
    border-color: rgba(211,168,112,.75) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
  }
}


/* =========================================================
   13. PRODUCT IMAGE — FINAL SCALE & CENTER
   ========================================================= */

.s-product-card-image,
.s-product-card-entry .s-product-card-image,
salla-product-card .s-product-card-image {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #fff !important;
  padding: 0 !important;
  text-align: center !important;
}

.s-product-card-image > a,
.s-product-card-image picture,
.s-product-card-image figure,
.s-product-card-image .image,
.s-product-card-image .product-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.s-product-card-image img,
.s-product-card-entry .s-product-card-image img,
salla-product-card .s-product-card-image img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 84% !important;
  max-height: 84% !important;
  margin: auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

@media (hover:hover) {
  .s-product-card-entry:hover .s-product-card-image img {
    transform: none !important;
  }
}

@media (min-width: 1024px) {
  .s-product-card-image img,
  .s-product-card-entry .s-product-card-image img,
  salla-product-card .s-product-card-image img {
    max-width: 80% !important;
    max-height: 80% !important;
  }
}


/* =========================================================
   14. PRODUCT CONTENT / TITLE
   ========================================================= */

.s-product-card-content {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  min-height: 0 !important;
  padding: 11px 10px 12px !important;
  text-align: right;
}

.s-product-card-content-title {
  display: -webkit-box !important;
  min-height: 42px !important;
  margin: 0 0 4px !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.s-product-card-content-title,
.s-product-card-content-title a {
  color: var(--nd-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

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

@media (min-width: 1024px) {
  .s-product-card-content {
    padding: 12px 13px 14px !important;
  }

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


/* =========================================================
   15. RATING / PRICE / DISCOUNT
   ========================================================= */

.s-product-card-rating {
  margin: 3px 0 5px;
  font-size: 12px;
}

.s-product-card-rating svg,
.s-product-card-rating i {
  color: #e6aa2c !important;
}

.s-product-card-price,
.s-product-card-sale-price {
  color: var(--nd-black) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5;
}

.s-product-card-content del,
.s-product-card-price del,
.s-product-card-sale-price del {
  margin-inline-start: 5px;
  color: #8f8881 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  opacity: .9;
}

.s-product-card-promotion-title {
  color: #c83232 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}


/* =========================================================
   16. WISHLIST / QUICK VIEW
   ========================================================= */

.s-product-card-wishlist-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--nd-gold-dark) !important;
  border: 1px solid rgba(211,168,112,.38) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transition: var(--nd-transition) !important;
}

.s-product-card-wishlist-btn:hover {
  background: var(--nd-black) !important;
  color: #fff !important;
  border-color: var(--nd-black) !important;
}

.s-product-card-quick-view-btn,
.s-product-card-quick-view {
  transition: all .2s ease;
}


/* =========================================================
   17. ADD TO CART
   ========================================================= */

salla-add-product-button {
  display: block;
  width: 100%;
  margin-top: auto;
}

.s-product-card-add-button,
salla-add-product-button button {
  width: 100% !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  background: var(--nd-black) !important;
  color: #fff !important;
  border: 1px solid var(--nd-black) !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: none !important;
  font-family: var(--nd-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease;
}

.s-product-card-add-button svg,
.s-product-card-add-button i,
salla-add-product-button button svg,
salla-add-product-button button i {
  color: currentColor !important;
}

@media (hover:hover) {
  .s-product-card-add-button:hover,
  salla-add-product-button button:hover {
    background: var(--nd-gold) !important;
    color: var(--nd-black) !important;
    border-color: var(--nd-gold) !important;
  }
}

.s-product-card-add-button:disabled,
salla-add-product-button button:disabled {
  background: #d7d3ce !important;
  color: #716c67 !important;
  border-color: #d7d3ce !important;
  cursor: not-allowed;
  opacity: 1 !important;
}


/* =========================================================
   18. PRODUCT BADGES
   ========================================================= */

.s-product-card-entry [class*="badge"] {
  border-radius: 2px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}


/* =========================================================
   19. PRODUCT SLIDER
   ========================================================= */

salla-products-slider {
  --swiper-theme-color: var(--nd-gold-dark);
}

salla-products-slider .swiper-button-next,
salla-products-slider .swiper-button-prev {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--nd-black) !important;
  border: 1px solid rgba(211,168,112,.20) !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.05) !important;
}

/* =========================================================
   20. CATEGORY BLOCKS
   ========================================================= */

.main-links a,
.s-block--main-links a {

  overflow:
    hidden;

  transition:
    var(--nd-transition);

}


.main-links img,
.s-block--main-links img {

  transition:
    transform .5s ease;

}


@media (hover:hover) {

  .main-links a:hover img,
  .s-block--main-links a:hover img {

    transform:
      scale(1.04);

  }

}


.main-links h3,
.main-links h4,
.s-block--main-links h3 {

  color:
    var(--nd-text);

  font-weight:
    500;

}


/* =========================================================
   21. BRANDS
   ========================================================= */

salla-brands img,
.brands-slider img,
.brands-list img {

  max-height:
    70px;

  object-fit:
    contain;

  filter:
    grayscale(100%);

  opacity:
    .72;

  transition:
    var(--nd-transition);

}


salla-brands a:hover img,
.brands-slider a:hover img,
.brands-list a:hover img {

  filter:
    grayscale(0%);

  opacity:
    1;

  transform:
    scale(1.04);

}


/* =========================================================
   22. EDITORIAL BANNERS
   ========================================================= */

.banner-entry,
.fixed-banner,
.square-banner {

  overflow:
    hidden;

  border-radius:
    var(--nd-radius);

}


.banner-entry img,
.fixed-banner img,
.square-banner img {

  transition:
    transform .6s ease;

}


@media (hover:hover) {

  .banner-entry:hover img,
  .fixed-banner:hover img,
  .square-banner:hover img {

    transform:
      scale(1.025);

  }

}


/* =========================================================
   23. STORE FEATURES
   ========================================================= */

.store-features,
.features-list {

  background:
    var(--nd-cream);

}


.store-features .feature-item,
.features-list .feature-item {

  border:
    0;

}


.store-features i,
.features-list i {

  color:
    var(--nd-gold-dark);

}


/* =========================================================
   24. TESTIMONIALS
   ========================================================= */

.testimonial-entry,
.testimonials-item {

  padding:
    24px;

  background:
    #fff;

  border:
    1px solid var(--nd-border);

  border-radius:
    var(--nd-radius);

  box-shadow:
    none;

}


.testimonial-entry p,
.testimonials-item p {

  color:
    #504c47;

  line-height:
    1.9;

}


.s-block--testimonials,
.testimonials-slider {

  margin-bottom:
    38px !important;

  padding-bottom:
    12px !important;

}


/* =========================================================
   25. GENERAL BUTTONS
   ========================================================= */

.s-button-primary,
.btn-primary {

  background:
    var(--nd-black) !important;

  color:
    #fff !important;

  border-color:
    var(--nd-black) !important;

  border-radius:
    var(--nd-radius-small) !important;

  box-shadow:
    none !important;

  font-family:
    var(--nd-font) !important;

  font-weight:
    600;

  transition:
    var(--nd-transition);

}


.s-button-primary:hover,
.btn-primary:hover {

  background:
    var(--nd-gold) !important;

  color:
    var(--nd-black) !important;

  border-color:
    var(--nd-gold) !important;

}


/* =========================================================
   26. FOOTER
   الخلفيات والألوان الرئيسية يتم التحكم بها من إعدادات سلينا
   ========================================================= */

.store-footer {

  margin-top:
    45px !important;

}


/* عناوين الفوتر */

.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .footer-title {

  color:
    var(--nd-gold) !important;

  font-family:
    var(--nd-font) !important;

  font-weight:
    600 !important;

}


/* تحسين القراءة فقط */

.store-footer p,
.store-footer li,
.store-footer a {

  font-family:
    var(--nd-font) !important;

  line-height:
    1.9;

}


/* Hover */

.store-footer a {

  transition:
    color .25s ease;

}


.store-footer a:hover {

  color:
    var(--nd-gold) !important;

}


/* أزرار التواصل */

.store-footer a[href^="tel:"],
.store-footer a[href^="mailto:"],
.store-footer a[href*="wa.me"],
.store-footer a[href*="whatsapp"] {

  background:
    transparent !important;

  border-color:
    rgba(211,168,112,.35) !important;

  box-shadow:
    none !important;

}


.store-footer a[href^="tel:"]:hover,
.store-footer a[href^="mailto:"]:hover,
.store-footer a[href*="wa.me"]:hover,
.store-footer a[href*="whatsapp"]:hover {

  color:
    var(--nd-gold) !important;

  border-color:
    var(--nd-gold) !important;

}


/* Social Hover */

.store-footer salla-social a:hover,
.store-footer .social-link:hover,
.store-footer .social-links a:hover {

  color:
    var(--nd-gold) !important;

  border-color:
    var(--nd-gold) !important;

}


/* خط فاصل هادئ */

.store-footer hr {

  border-style:
    solid !important;

  border-color:
    rgba(211,168,112,.18) !important;

}


/* =========================================================
   27. FOOTER CURVE
   القوس الأسود فقط بدون التأثير على SVG الأيقونات
   ========================================================= */

footer.store-footer > svg path,
.store-footer > svg path,
.store-footer__inner > svg path {

  fill:
    #0b0b0b !important;

  color:
    #0b0b0b !important;

}


/* =========================================================
   28. INPUTS
   ========================================================= */

input,
select,
textarea {

  border-color:
    var(--nd-border);

  border-radius:
    var(--nd-radius-small);

  transition:
    border-color .2s ease,
    box-shadow .2s ease;

}


input:focus,
select:focus,
textarea:focus {

  outline:
    none;

  border-color:
    var(--nd-gold) !important;

  box-shadow:
    0 0 0 3px rgba(211,168,112,.10) !important;

}


/* =========================================================
   29. MOBILE MENU
   ========================================================= */

@media (max-width: 1023px) {

  salla-menu {

    font-size:
      15px;

  }


  salla-menu li {

    border-bottom:
      1px solid var(--nd-border);

  }


  salla-menu li > a {

    padding-top:
      14px;

    padding-bottom:
      14px;

    color:
      var(--nd-text);

    font-size:
      15px;

    font-weight:
      500;

  }


  salla-menu li > a:hover {

    color:
      var(--nd-gold-dark);

  }

}


/* =========================================================
   30. MOBILE PRODUCTS — FINAL
   منتجان كاملان في الصف
   ========================================================= */

@media (max-width: 767px) {
  salla-products-slider .swiper {
    width: 100% !important;
    overflow: hidden !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  salla-products-slider .swiper-wrapper {
    gap: 10px !important;
  }

  salla-products-slider .swiper-slide {
    width: calc(50% - 5px) !important;
    min-width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
  }

  .s-product-card-image,
  .s-product-card-entry .s-product-card-image,
  salla-product-card .s-product-card-image {
    aspect-ratio: 1 / 1.02 !important;
  }

  .s-product-card-image img,
  .s-product-card-entry .s-product-card-image img,
  salla-product-card .s-product-card-image img {
    max-width: 82% !important;
    max-height: 82% !important;
  }

  .s-product-card-content {
    padding: 8px 7px 9px !important;
  }

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

  .s-product-card-content-title {
    min-height: 37px !important;
  }

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

  .s-product-card-price del,
  .s-product-card-sale-price del,
  .s-product-card-content del {
    font-size: 10.5px !important;
  }

  .s-product-card-promotion-title {
    font-size: 10.5px !important;
  }

  .s-product-card-wishlist-btn {
    width: 28px !important;
    height: 28px !important;
  }

  .s-product-card-quick-view,
  .s-product-card-quick-view-btn,
  [class*="quick-view"],
  [class*="quick_view"] {
    display: none !important;
  }

  .s-product-card-add-button,
  salla-add-product-button button {
    min-height: 38px !important;
    padding: 7px 5px !important;
    font-size: 11.5px !important;
  }

  .s-product-card-entry,
  .s-product-card-entry:hover {
    transform: none !important;
    box-shadow: none !important;
  }
}

@media (max-width: 380px) {
  .s-product-card-content-title,
  .s-product-card-content-title a {
    font-size: 11.8px !important;
  }

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

  .s-product-card-add-button,
  salla-add-product-button button {
    font-size: 11px !important;
  }
}

/* =========================================================
   31. MOBILE SECTIONS
   ========================================================= */

@media (max-width: 767px) {

  .s-block {

    margin-top:
      46px;

    margin-bottom:
      46px;

  }


  .s-block__title {

    margin-bottom:
      20px;

  }


  .s-block__title h2,
  .s-block__title h3 {

    font-size:
      23px;

    font-weight:
      600;

  }


  .s-block__title h2::after,
  .s-block__title h3::after {

    width:
      34px;

    margin-top:
      9px;

  }


  .s-block__title p {

    font-size:
      13px;

  }

}


/* =========================================================
   32. MOBILE FOOTER
   ========================================================= */

@media (max-width: 767px) {

  .store-footer {

    margin-top:
      38px !important;

  }


  .store-footer h3,
  .store-footer h4,
  .store-footer .footer-title {

    margin-bottom:
      13px !important;

    font-size:
      17px !important;

  }


  .store-footer p,
  .store-footer li,
  .store-footer a {

    font-size:
      13px;

  }

}


/* =========================================================
   33. DESKTOP SCROLLBAR
   ========================================================= */

@media (min-width: 1024px) {

  ::-webkit-scrollbar {

    width:
      8px;

  }


  ::-webkit-scrollbar-track {

    background:
      #f1ede7;

  }


  ::-webkit-scrollbar-thumb {

    background:
      #b8afa5;

    border-radius:
      10px;

  }


  ::-webkit-scrollbar-thumb:hover {

    background:
      var(--nd-gold-dark);

  }

}


/* =========================================================
   34. ACCESSIBILITY
   ========================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible {

  outline:
    2px solid var(--nd-gold) !important;

  outline-offset:
    3px;

}


/* =========================================================
   35. REDUCE MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  * {

    scroll-behavior:
      auto !important;

    transition-duration:
      .01ms !important;

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;

  }

}

/* =========================================================
   36. ADVANCED HERO — MOBILE ONLY
   Desktop position remains controlled by Selena theme
   ========================================================= */

@media (max-width: 767px) {
  .advanced-slider__caption__inner__content {
    position: absolute !important;
    top: 140px !important;
    right: 24px !important;
    left: 24px !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
  }

  .advanced-slider__caption__inner__content__heading {
    max-width: 300px !important;
    margin: 0 auto !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.25) !important;
  }

  .advanced-slider__caption__inner__content__text {
    max-width: 290px !important;
    margin: 0 auto !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 12.5px !important;
    line-height: 1.7 !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.22) !important;
  }

  .advanced-slider__caption__inner__content__button {
    min-width: 140px !important;
    min-height: 40px !important;
    margin-top: 5px !important;
    padding: 8px 17px !important;
    font-size: 12px !important;
    background: rgba(11,11,11,.94) !important;
    border-color: rgba(255,255,255,.22) !important;
  }
}
@media (max-width: 767px) {
  .advanced-slider__caption__inner__content {
    top: 140px !important;
  }
}
/* =========================================
   Nawadir Dior - Selia Discount Popup
   FORCE OVERRIDE
========================================= */

/* النافذة بالكامل */
.selia-discount-popup-content {
    max-width: 420px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(205, 164, 102, 0.28) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
}


/* المسافات الداخلية */
.selia-discount-popup-content > div > div {
    padding: 24px !important;
}


/* العنوان */
.selia-discount-popup-content h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    margin: 3px 0 4px !important;
}


/* النص أسفل العنوان */
.selia-discount-popup-content h2 + p {
    font-size: 14px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    opacity: 0.72 !important;
    margin-bottom: 5px !important;
}


/* صندوق الكوبون */
.selia-discount-code-section {
    background: #fffaf3 !important;
    border: 1.5px dashed #d5ad70 !important;
    border-radius: 14px !important;
    padding: 16px !important;
    min-height: 105px !important;
}


/* ترتيب محتويات الكوبون */
.selia-discount-code-section > div {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}


/* الجزء الذي يحتوي كود الخصم */
.selia-discount-code-section .flex-1 {
    text-align: center !important;
}


/* عبارة كود الخصم */
.selia-discount-code-section .flex-1 > p {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    opacity: .7 !important;
}


/* ND */
#selia-discount-code-text {
    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    color: #c7924f !important;
    direction: ltr !important;
}


/* زر النسخ */
.selia-discount-code-section .s-button-element {
    min-width: 100px !important;
    height: 40px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;

    background: #111 !important;
    color: #fff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}


/* زر ابدأ التسوق */
#selia-start-shopping-btn {
    width: 100% !important;
    min-height: 45px !important;

    padding: 10px 15px !important;

    border-radius: 9px !important;

    background: linear-gradient(
        135deg,
        #deb474,
        #c99752
    ) !important;

    color: #111 !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    margin-top: 2px !important;

    box-shadow: none !important;
}


/* زر الإغلاق */
#selia-close-discount-popup {
    width: 30px !important;
    height: 30px !important;
    top: 9px !important;
    left: 9px !important;

    background: transparent !important;
}


/* موبايل */
@media (max-width: 640px) {

    .selia-discount-popup-content {
        width: calc(100% - 28px) !important;
        max-width: 390px !important;
    }

    .selia-discount-popup-content > div > div {
        padding: 21px 18px 18px !important;
    }

    .selia-discount-popup-content h2 {
        font-size: 20px !important;
    }

    #selia-discount-code-text {
        font-size: 28px !important;
    }

    .selia-discount-code-section {
        padding: 14px !important;
        min-height: 98px !important;
    }
}
/* تحسين صندوق الكوبون فقط */
.selia-discount-code-section > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}



/* منطقة الكود */
.selia-discount-code-section .flex-1 {
    width: 100% !important;
    text-align: center !important;
}

/* كود الخصم */
#selia-discount-code-text {
    display: block !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    color: #c7924f !important;
}

/* عبارة كود الخصم */
.selia-discount-code-section .flex-1 > p {
    text-align: center !important;
    margin-bottom: 5px !important;
}

/* زر النسخ */
.selia-discount-code-section salla-button {
    width: auto !important;
}

.selia-discount-code-section .s-button-element {
    min-width: 115px !important;
    height: 38px !important;
}
/* إبراز الكود أكثر */
#selia-discount-code-text {
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
}

/* تحسين زر النسخ */
.selia-discount-code-section .s-button-element {
    min-width: 120px !important;
    height: 40px !important;
    border-radius: 8px !important;
}

/* ترتيب النص والأيقونة */
.selia-discount-code-section .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

/* تحسين أيقونة النسخ */
.selia-discount-code-section .copy-icon {
    font-size: 14px !important;
    color: #fff !important;
    opacity: 1 !important;
}