/* Add custom CSS styles below */

/* نيف: إخفاء صندوق الطلب السريع (اطلبه الآن) في صفحة المنتج */
salla-quick-order,
.s-quick-order,
.s-quick-order-container {
  display: none !important;
}

/* نيف: ألوان قسم التقييمات بهوية المتجر */
salla-comments,
.s-comments,
.s-comments-product,
.s-comments-container,
section:has(> salla-comments),
div:has(> salla-comments) {
  background-color: #f2ede3 !important;
}
salla-comment-form,
.s-comment-form-wrapper,
.s-comment-form-content {
  background-color: transparent !important;
}
salla-comments textarea,
salla-comment-form textarea,
.s-comment-form-input {
  background-color: #f4f0e6 !important;
  border: 1px solid #d9cdb8 !important;
  color: #2e2318 !important;
}
.s-comments-item,
.s-comment-item,
.s-comments-product-item {
  background-color: #f4f0e6 !important;
  border-color: #d9cdb8 !important;
}
salla-comments h2,
salla-comments h3,
.s-comments-title,
.s-comments-product-title {
  color: #2e2318 !important;
}
/* نيف: ألوان آراء العملاء في التصنيفات والرئيسية بهوية المتجر */
salla-reviews,
.s-reviews,
.s-reviews-wrapper,
.s-reviews-container,
section:has(> salla-reviews),
div:has(> salla-reviews) {
  background-color: #f2ede3 !important;
}

/* بطاقات الآراء */
.s-reviews-item,
.s-reviews-testimonial,
.s-reviews-testimonial-item,
.s-reviews-slider-item,
salla-reviews .swiper-slide > div,
[class*="testimonial"] .card,
[class*="review"] .card {
  background-color: #f4f0e6 !important;
  border: 1px solid #d9cdb8 !important;
  box-shadow: none !important;
}

/* النصوص داخل البطاقات */
.s-reviews-item *,
.s-reviews-testimonial *,
salla-reviews .swiper-slide * {
  color: #2e2318;
}
/* نيف: شارة التخفيض في صفحة المنتج بلون اليوم الوطني */
.promotion-title,
.product-promotion,
.s-product-promotion-title,
.product-single .badge,
.product-details .badge,
[class*="promotion-title"],
[class*="promotion_title"],
[class*="promotionTitle"] {
  background-color: #006c35 !important;
  color: #ffffff !important;
  border-color: #006c35 !important;
}
/* الحاوية الخاصة بالنص لتوزيع المساحة وملء الفراغات بشكل متناسق */
.section-content, .text-column-class {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px;
    height: 100%;
}

/* تنسيق العنوان الجانبي الصغير (حكاية نيف) */
.section-content h4, .section-content .subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #8c7b68;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

/* تنسيق العنوان الرئيسي (أكبر، بارز، وأكثر عزمًا) */
.section-content h2, .section-content h3 {
    font-size: 32px;
    font-weight: 800;
    color: #2c241d;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* تنسيق النصوص الوصفية لضمان وضوحها واعتدال أ حجمها */
.section-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #4a3f35;
    margin-bottom: 15px;
}

/* تحويل الزر السفلي ليكون واضحاً وجذاباً وبدلاً من النص الشفاف الباهت */
.section-content a.button, 
.section-content .btn, 
.section-content a {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 28px;
    background-color: #2c241d;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    width: fit-content;
}

/* تأثير التفاعل عند الوقوف على الزر */
.section-content a.button:hover, 
.section-content .btn:hover, 
.section-content a:hover {
    background-color: #4a3f35;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
/* تنسيق الحاوية الخاصة بالنص لتملأ الفراغات وتتوسط الموضع عمودياً */
div.w-full.md\:w-1\/2:has(h2, h3, .text-base) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 30px !important;
    height: 100%;
}
/* الحاوية الرئيسية لتوزع العناصر بمسافات مثالية وتملأ المكان */
div.w-full.md\:w-1\/2:has(h2, h3, .text-base) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* توزيع العناصر لملء الفراغ بالأعلى والأسفل بشكل متناسق */
    align-items: flex-start !important;
    padding: 50px 45px !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* تنسيق العنوان العلوي الصغير (حكاية نيف) */
div.w-full.md\:w-1\/2 h4, 
div.w-full.md\:w-1\/2 span.text-xs,
div.w-full.md\:w-1\/2 .subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #9c8a74 !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}

/* العنوان الرئيسي (أكثر هيبة، حجماً بارزاً، ووضوحاً عالياً) */
div.w-full.md\:w-1\/2 h2, 
div.w-full.md\:w-1\/2 h3 {
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #231c17 !important;
    line-height: 1.35 !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.5px;
}

/* ضبط النصوص الوصفية لتكون مريحة للقراءة وبأبعاد مثالية */
div.w-full.md\:w-1\/2 p {
    font-size: 15px !important;
    line-height: 2.1 !important;
    color: #4a3f35 !important;
    margin-bottom: 18px !important;
}

/* تصميم الزر الفاخر الجديد (جذاب، مرتب، مع سهم تفاعلي أنيق) */
div.w-full.md\:w-1\/2 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 30px !important;
    padding: 14px 32px !important;
    background-color: #231c17 !important;
    color: #fcfbfa !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(35, 28, 23, 0.18) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    width: auto !important;
    position: relative !important;
    z-index: 10 !important;
}

/* تأثير التفاعل الفاخر عند تمرير الفأرة على الزر */
div.w-full.md\:w-1\/2 a:hover {
    background-color: #3b2f27 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 30px rgba(35, 28, 23, 0.28) !important;
}

/* تنسيق العنوان الصغير (حكاية نيف) فوق العنوان الرئيسي */
div.w-full.md\:w-1\/2 h4, 
div.w-full.md\:w-1\/2 span.text-xs,
div.w-full.md\:w-1\/2 .subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #8c7b68 !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 10px !important;
    display: block;
}

/* تكبير وتغميق العنوان الرئيسي (رائحة من أصالة لا تتغير) ليكون مهيباً وبارزاً */
div.w-full.md\:w-1\/2 h2, 
div.w-full.md\:w-1\/2 h3 {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #2c241d !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
}

/* ضبط النصوص الوصفية لتكون واضحة ومقروءة تماماً */
div.w-full.md\:w-1\/2 p {
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: #4a3f35 !important;
    margin-bottom: 16px !important;
}

/* تحويل الرابط/النص السفلي الباهت إلى زر تفاعلي واضح وبارز */
div.w-full.md\:w-1\/2 a {
    display: inline-block !important;
    margin-top: 20px !important;
    padding: 12px 28px !important;
    background-color: #2c241d !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.3s ease !important;
    width: fit-content !important;
}

/* تأثير عند تمرير الفأرة على الزر */
div.w-full.md\:w-1\/2 a:hover {
    background-color: #4a3f35 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}
/* الحاوية الرئيسية لتوزع العناصر بمسافات مثالية وتملأ المكان */
div.w-full.md\:w-1\/2:has(h2, h3, .text-base) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* توزيع العناصر لملء الفراغ بالأعلى والأسفل بشكل متناسق */
    align-items: flex-start !important;
    padding: 50px 45px !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* تنسيق العنوان العلوي الصغير (حكاية نيف) */
div.w-full.md\:w-1\/2 h4, 
div.w-full.md\:w-1\/2 span.text-xs,
div.w-full.md\:w-1\/2 .subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #9c8a74 !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}

/* العنوان الرئيسي (أكثر هيبة، حجماً بارزاً، ووضوحاً عالياً) */
div.w-full.md\:w-1\/2 h2, 
div.w-full.md\:w-1\/2 h3 {
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #231c17 !important;
    line-height: 1.35 !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.5px;
}

/* ضبط النصوص الوصفية لتكون مريحة للقراءة وبأبعاد مثالية */
div.w-full.md\:w-1\/2 p {
    font-size: 15px !important;
    line-height: 2.1 !important;
    color: #4a3f35 !important;
    margin-bottom: 18px !important;
}

/* تصميم الزر الفاخر الجديد (جذاب، مرتب، مع سهم تفاعلي أنيق) */
div.w-full.md\:w-1\/2 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 30px !important;
    padding: 14px 32px !important;
    background-color: #231c17 !important;
    color: #fcfbfa !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(35, 28, 23, 0.18) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    width: auto !important;
    position: relative !important;
    z-index: 10 !important;
}

/* تأثير التفاعل الفاخر عند تمرير الفأرة على الزر */
div.w-full.md\:w-1\/2 a:hover {
    background-color: #3b2f27 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 30px rgba(35, 28, 23, 0.28) !important;
}
/* نيف: قسم الإحصائيات — شريط بني فاخر */
.s-stats, salla-stats, [class*="stats"] > .container,
section:has(> .s-stats) {
  background-color: #2e2318 !important;
  border-radius: 14px !important;
  padding: 44px 28px !important;
  margin: 24px auto !important;
  max-width: 1200px !important;
  box-shadow: 0 18px 40px rgba(46,35,24,0.14) !important;
}

/* الأرقام */
[class*="stats"] .num, [class*="stats"] h3,
[class*="stats"] [class*="value"], [class*="stats"] [class*="count"] {
  color: #d9c08a !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

/* النص تحت الرقم */
[class*="stats"] p, [class*="stats"] [class*="label"],
[class*="stats"] [class*="title"] {
  color: #ebe5de !important;
  font-size: 15px !important;
  margin-top: 8px !important;
  opacity: .92 !important;
}

/* فاصل ذهبي رفيع بين العناصر */
[class*="stats"] [class*="col"]:not(:last-child),
[class*="stats"] .grid > div:not(:last-child) {
  border-left: 1px solid rgba(168,137,79,0.35) !important;
}

/* تفاعل عند المرور */
[class*="stats"] .grid > div {
  transition: transform .35s ease !important;
}
[class*="stats"] .grid > div:hover {
  transform: translateY(-4px) !important;
}

@media (max-width: 767px) {
  [class*="stats"] .num, [class*="stats"] h3 { font-size: 30px !important; }
  [class*="stats"] [class*="col"]:not(:last-child),
  [class*="stats"] .grid > div:not(:last-child) { border-left: none !important; }
}
/* ---------------------------- */

/* NEEF / Kesra 1.20.0 — visual enhancement v2, 2026-09-18.
   Append AFTER existing custom CSS. Do not replace theme CSS.
   Scoped to the observed store/theme body class. No checkout overrides. */
body.salla-904045008 {
  --nf2-ink: #241d18;
  --nf2-paper: #f4f0e6;
  --nf2-surface: #fcfaf5;
  --nf2-muted: #67594b;
  --nf2-line: #d9cdb8;
  --nf2-gold: #9b7950;
  --nf2-ease: cubic-bezier(.2,.7,.2,1);
  background-color: var(--nf2-paper);
  color: var(--nf2-ink);
}
body.salla-904045008 :where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: 3px solid #9b7950;
  outline-offset: 4px;
}
body.salla-904045008 :where(.s-block--best-offers,.kesra-our-story,.product__description) {
  scroll-margin-top: 110px;
}
/* Keep purchasing and content available if legacy reveal code fails. */
body.salla-904045008 #main-content .neef-reveal:not(.sticky-product-bar) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
/* The existing decorative cursor competes with touch/keyboard interaction. */
body.salla-904045008 :is(.neef-dot,.neef-ring) { display: none !important; }
body.salla-904045008 { cursor: auto !important; }
body.salla-904045008 :is(a,button,[role="button"]) { cursor: pointer; }

/* Header: preserve the theme's sticky logic and mobile drawer. */
body.salla-904045008 .kesra-main-nav-container {
  border-bottom: 1px solid var(--nf2-line);
  box-shadow: 0 4px 20px rgb(36 29 24 / 5%);
}
body.salla-904045008 .navbar-brand img { object-fit: contain; }
body.salla-904045008 .store-header :is(.mburger,.s-user-menu-trigger,.s-cart-summary-wrapper) {
  min-height: 44px;
  min-width: 44px;
}
body.salla-904045008 .store-header .root-level > a {
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
}
body.salla-904045008 .store-header .root-level > a:hover { text-decoration: underline; }
body.salla-904045008 .kesra-moving { height: 36px; }
body.salla-904045008 .kesra-moving:hover .marquee__content,
body.salla-904045008 .kesra-moving:focus-within .marquee__content { animation-play-state: paused; }

/* Hero: shorter, legible, with both shopping and photography visible. */
body.salla-904045008 .kesra-main-banner {
  height: auto;
  min-height: min(680px, 78vh);
  min-height: min(680px, 78svh);
  padding-block: clamp(60px, 9vw, 120px) 72px;
  isolation: isolate;
}
body.salla-904045008 .kesra-main-banner > .relative {
  margin-top: 0;
  max-width: 1100px;
}
body.salla-904045008 .kesra-main-banner > .absolute img {
  animation: none !important;
  transform: none;
  object-position: center;
}
body.salla-904045008 .kesra-main-banner .bg-gradient-to-t {
  background-image: linear-gradient(90deg, rgb(36 26 16 / 45%), rgb(36 26 16 / 58%)) !important;
}
body.salla-904045008 .kesra-main-banner h1 {
  font-size: clamp(30px, 4vw, 58px);
  line-height: 1.3;
  text-wrap: balance;
  margin-bottom: 20px;
}
body.salla-904045008 .kesra-main-banner p {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.85;
  text-wrap: pretty;
  margin-bottom: 28px;
}
body.salla-904045008 .kesra-main-banner > .relative > span {
  color: #f4f0e6 !important;
  background: rgb(36 29 24 / 60%) !important;
  border-color: rgb(244 240 230 / 45%) !important;
  letter-spacing: 0;
  padding: 7px 16px;
  margin-bottom: 20px;
}
body.salla-904045008 .kesra-main-banner .relative a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  border-radius: 8px;
  padding: 13px 28px;
  box-shadow: none;
  transition: transform .22s var(--nf2-ease), background-color .22s ease;
}
body.salla-904045008 .kesra-main-banner .relative a:first-child {
  background: #f4f0e6;
  color: #241d18 !important;
  border: 1px solid #f4f0e6;
}
body.salla-904045008 .kesra-main-banner .relative a:nth-child(2) {
  background: rgb(36 29 24 / 42%);
  border-color: rgb(244 240 230 / 65%) !important;
}
body.salla-904045008 .kesra-main-banner .animate-bounce { animation: none; }

/* Section rhythm and story; override old broad utility-class rules locally. */
body.salla-904045008 .s-block--best-offers { margin-block: clamp(36px,5vw,72px); }
body.salla-904045008 .s-slider-block__title h2,
body.salla-904045008 .kesra-reviews h2 {
  font-size: clamp(23px,2.6vw,36px);
  line-height: 1.4;
  letter-spacing: 0;
}
body.salla-904045008 .s-slider-block__display-all {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 4px;
  color: var(--nf2-ink);
  text-decoration: underline;
  text-underline-offset: 6px;
}
body.salla-904045008 .kesra-our-story,
body.salla-904045008 .kesra-reviews { padding-block: clamp(40px,6vw,80px); }
body.salla-904045008 .kesra-our-story div.w-full.md\:w-1\/2:has(h2) {
  justify-content: center !important;
  padding: clamp(20px,3vw,44px) !important;
  height: auto !important;
}
body.salla-904045008 .kesra-our-story h2 { font-size: clamp(26px,3vw,40px) !important; }
body.salla-904045008 .kesra-our-story p {
  line-height: 1.95 !important;
  font-size: 16px !important;
  max-width: 60ch;
}
body.salla-904045008 .kesra-our-story img { border-radius: 12px; }
body.salla-904045008 .kesra-features { padding-block: 22px; }
body.salla-904045008 .kesra-statistics { padding-block: 36px; }

/* Real Kesra card component: preserve Salla state, wishlist, sale and stock. */
body.salla-904045008 custom-salla-product-card.s-product-card-entry {
  background: var(--nf2-surface) !important;
  border: 1px solid var(--nf2-line);
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 3px 12px rgb(36 29 24 / 3%);
  transition: box-shadow .28s var(--nf2-ease), border-color .28s ease;
}
body.salla-904045008 custom-salla-product-card .s-product-card-image {
  aspect-ratio: 1 / 1;
  height: auto;
  max-height: none;
  background: #fff;
  overflow: hidden;
}
body.salla-904045008 custom-salla-product-card .s-product-card-image > a { display:block; height:100%; }
body.salla-904045008 custom-salla-product-card .s-product-card-image img {
  width: 100%; height: 100%; object-fit: contain;
  transition: transform .65s var(--nf2-ease);
}
body.salla-904045008 custom-salla-product-card .s-product-card-content { padding: 18px !important; gap: 12px; }
body.salla-904045008 custom-salla-product-card .s-product-card-content-title {
  font-size: 18px; font-weight: 700; line-height: 1.55;
  margin: 0 0 6px; min-height: 1.55em;
}
body.salla-904045008 custom-salla-product-card .s-product-card-content-title a { color: var(--nf2-ink); }
body.salla-904045008 custom-salla-product-card .s-product-card-content-subtitle {
  font-size: 14px; line-height: 1.65; color: var(--nf2-muted);
  opacity: 1; margin-block: 0 8px;
}
body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price { flex-wrap: wrap; gap: 8px; }
body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price h4 { font-size: 21px; font-weight:700; }
body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price > span { font-size: 14px; color:var(--nf2-muted); }
body.salla-904045008 custom-salla-product-card .s-product-card-content-footer { margin-top: auto; }
body.salla-904045008 custom-salla-product-card .s-product-card-content-footer .s-button-element {
  min-height: 46px; border-radius: 7px; font-size: 15px;
}
body.salla-904045008 custom-salla-product-card button.s-product-card-wishlist-btn { min-height:44px; min-width:44px; }
body.salla-904045008 custom-salla-product-card .s-product-card-promotion-title {
  border-radius: 0 0 7px 7px; font-size: 12px; padding: 6px 9px;
}
body.salla-904045008 custom-salla-product-card .kesra-tabby-tammara { gap: 10px; padding-top: 10px; margin-top:10px; }
body.salla-904045008 custom-salla-product-card .kesra-tabby-tammara a { padding-inline: 4px; }
body.salla-904045008 custom-salla-product-card .kesra-tabby-tammara img { max-width: 72px; height: 22px; object-fit: contain; }
body.salla-904045008.product-index #page-main-title { font-size:clamp(24px,3vw,36px); line-height:1.5; }
body.salla-904045008.product-index #product-filter { min-height:44px; border-color:var(--nf2-line); border-radius:6px; }
body.salla-904045008.product-index .s-products-list-wrapper { gap:16px; }

/* Product detail: readable description and touch-friendly native choices. */
body.salla-904045008.product-single .kesra-main-content h1 {
  font-size: clamp(27px,3vw,38px); line-height:1.45; margin-bottom:14px;
}
body.salla-904045008.product-single .product-entry__sub-title { font-size:16px; line-height:1.8; }
body.salla-904045008.product-single .kesra-sidebar img { object-fit:contain; }
body.salla-904045008.product-single .kesra-product-tags a {
  background: #ece4d6; color:var(--nf2-ink); border:1px solid var(--nf2-line);
  min-height:36px; border-radius:6px;
}
body.salla-904045008.product-single .product-form { margin-top:24px; }
body.salla-904045008.product-single .product-form :is(select,input:not([type="checkbox"]):not([type="radio"])) {
  min-height:46px; font-size:16px; border-color:var(--nf2-line);
}
body.salla-904045008.product-single .product-form .s-quantity-input-button { min-width:44px; min-height:44px; }
body.salla-904045008.product-single .product__description {
  padding:24px; background:var(--nf2-surface); border:1px solid var(--nf2-line);
  border-radius:12px; font-size:16px; line-height:1.95;
}
body.salla-904045008.product-single .product__description :is(p,li) { line-height:1.95; }
body.salla-904045008.product-single .product__description h3 { margin-block:24px 10px; line-height:1.5; }
body.salla-904045008.product-single .sticky-product-bar {

  background:var(--nf2-paper); border-top:1px solid var(--nf2-line);
}
/* Restore the existing add-to-cart text; never target the quick checkout widget. */
body.salla-904045008.product-single .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-add-product-button-sr-only {
  position:static; width:auto; height:auto; padding:0; margin:0;
  overflow:visible; clip:auto; clip-path:none; white-space:normal;
}
body.salla-904045008.product-single .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-element {
  min-height:46px; border-radius:7px;
}

/* Footer and informational links. */
body.salla-904045008 .store-footer { border-top:1px solid rgb(217 205 184 / 30%); }
body.salla-904045008 .store-footer :is(.s-menu-footer-item,.s-contacts-item) {
  min-height:44px; display:flex; align-items:center;
  color:#e7dcc8; opacity:1; line-height:1.6;
}
body.salla-904045008 .store-footer :is(.s-menu-footer-item,.s-contacts-item):hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
body.salla-904045008 .store-footer p { color:#e7dcc8; line-height:1.85; }
body.salla-904045008 .whatsapp-icon { width:46px; height:46px; left:16px; bottom:24px; border-radius:50%; }
body.salla-904045008 .whatsapp-icon > button { border-radius:50%; }
body.salla-904045008 .scroll-top { width:46px; height:46px; border-radius:50%; }
body.salla-904045008.page-single .content--single-page {
  max-width:900px; padding:clamp(22px,4vw,48px);
  background:var(--nf2-surface); border:1px solid var(--nf2-line); border-radius:12px;
}
body.salla-904045008.page-single .content--single-page > h1 {
  font-size:clamp(28px,3vw,40px); line-height:1.4;
}
body.salla-904045008.page-single .content-entry { font-size:17px; line-height:1.95; }
body.salla-904045008.page-single .content-entry p { margin-bottom:20px; }
body.salla-904045008.page-single .content-entry a {
  color:var(--nf2-ink); text-decoration:underline; text-underline-offset:4px;
}

/* JS additions. Content is visible without JS; no scroll interception. */
body.salla-904045008 .nf2-reading-progress {
  position:fixed; inset:0 0 auto; height:2px; z-index:45;
  background:var(--nf2-gold); transform:scaleX(0); transform-origin:right;
  pointer-events:none;
}
body.salla-904045008 .nf2-quicknav {
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  padding:22px 16px; border-bottom:1px solid var(--nf2-line);
  background:var(--nf2-paper);
}
body.salla-904045008 .nf2-quicknav a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 22px; border:1px solid var(--nf2-line);
  border-radius:999px; font-size:15px; font-weight:600; color:var(--nf2-ink);
  transition:background-color .2s,color .2s;
}
body.salla-904045008 .nf2-quicknav a:hover { background:var(--nf2-ink); color:var(--nf2-paper); }
body.salla-904045008 .nf2-scroll-cue {
  display:block; margin:18px auto 0; padding:10px 18px; min-height:44px;
  color:#f4f0e6; background:rgb(36 29 24 / 50%); border:1px solid rgb(244 240 230 / 40%);
  border-radius:999px; font-size:13px;
}
body.salla-904045008 .nf2-motion-toggle {
  display:block; margin:20px auto; padding:10px 18px; min-height:44px;
  border:1px solid #9b7950; color:#f4f0e6; background:transparent; border-radius:6px;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.salla-904045008:not([data-nf2-motion="off"]) custom-salla-product-card:hover { border-color:#bfa984; box-shadow:0 10px 26px rgb(36 29 24 / 9%); }
  body.salla-904045008:not([data-nf2-motion="off"]) custom-salla-product-card:hover .s-product-card-image img { transform:scale(1.035); }
  body.salla-904045008:not([data-nf2-motion="off"]) .kesra-main-banner .relative a:hover { transform:translateY(-2px); }
}
@media (max-width:767px) {
  body.salla-904045008 .kesra-main-banner { min-height:0; padding-block:54px 34px; }
  body.salla-904045008 .kesra-main-banner h1 { max-width:18ch; margin-inline:auto; }
  body.salla-904045008 .kesra-main-banner p { max-width:32ch; margin-inline:auto; }
  body.salla-904045008 .kesra-main-banner .relative a { width:min(100%,310px); }
  body.salla-904045008 .kesra-main-banner .relative > .flex { gap:10px; }
  body.salla-904045008 .kesra-main-banner > .animate-bounce { display:none; }
  body.salla-904045008 .kesra-our-story div.w-full.md\:w-1\/2:has(h2) { padding:24px 6px !important; }
  body.salla-904045008 .s-block--best-offers { margin-block:32px; }
  body.salla-904045008 custom-salla-product-card .s-product-card-content { padding:12px !important; gap:8px; }
  body.salla-904045008 custom-salla-product-card .s-product-card-content-title { font-size:16px; }
  body.salla-904045008 custom-salla-product-card .s-product-card-content-subtitle { font-size:13px; }
  body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price h4 { font-size:18px; }
  body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price > span { font-size:12px; }
  body.salla-904045008.product-index .s-products-list-wrapper { gap:10px; }
  body.salla-904045008.product-single .product__description { padding:18px; }
  body.salla-904045008.product-single .sticky-product-bar { padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
  body.salla-904045008.product-single .whatsapp-icon { bottom:calc(170px + env(safe-area-inset-bottom,0px)); }
  body.salla-904045008 .nf2-quicknav { gap:8px; padding:16px 12px; }
  body.salla-904045008 .nf2-quicknav a { padding-inline:14px; font-size:14px; }
}
@media (max-width:359px) {
  body.salla-904045008.product-index .s-products-list-wrapper { grid-template-columns:minmax(0,1fr); }
}
body.salla-904045008[data-nf2-motion="off"] :is(.marquee__content,.animate-bounce) { animation:none !important; }
body.salla-904045008[data-nf2-motion="off"] :is(.neef-reveal,.s-product-card-image img,.kesra-main-banner a,.nf2-quicknav a) { transition:none !important; transform:none !important; }
@media (prefers-reduced-motion:reduce) {
  body.salla-904045008 :is(.marquee__content,.animate-bounce) { animation:none !important; }
  body.salla-904045008 :is(.neef-reveal,.s-product-card-image img,.kesra-main-banner a,.nf2-quicknav a) { transition:none !important; transform:none !important; }
}

body.salla-904045008 custom-salla-product-card .s-product-card-image a:focus-visible { outline-offset:-4px; }
body.salla-904045008 .nf2-scroll-cue { position:relative; z-index:1; width:fit-content; }
body.salla-904045008 .kesra-main-banner:has(.nf2-scroll-cue) > .animate-bounce { display:none; }


/* Compact scroll cue; override only the hero's shared link sizing. */
body.salla-904045008 .kesra-main-banner .relative a.nf2-scroll-cue {
  width:fit-content; min-width:0; min-height:44px; border-radius:999px;
  padding:8px 16px; font-size:13px; margin-top:18px;
}
/* Keep the native cart button compact in Salla's multi-action mobile bar. */
body.salla-904045008.product-single .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-text {
  display:flex; align-items:center; justify-content:center; gap:6px;
}
@media(max-width:767px) {
  body.salla-904045008.product-single .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-text > svg { display:none; }
  body.salla-904045008.product-single .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-add-product-button-sr-only { font-size:13px; line-height:1.5; white-space:nowrap; }
}
/* Kesra uses important price declarations; override the verified card nodes only. */
body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price h4 { font-size:21px !important; }
body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price > span { font-size:14px !important; color:var(--nf2-muted) !important; }
body.salla-904045008 custom-salla-product-card .s-product-card-content-subtitle { font-weight:400 !important; }
@media(max-width:767px) {
  body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price h4 { font-size:18px !important; }
  body.salla-904045008 custom-salla-product-card.s-product-card-entry .s-product-card-sale-price > span { font-size:12px !important; }
}
/* ---------------------------- */

/* =========================================================
   NEEF — تحسينات UX للجوال (v1 · 2026-09-18)
   ثيم كسرة — تُضاف في نهاية حقل CSS المخصص
   ========================================================= */

/* ---------- 1) شريط الشراء السفلي في صفحة المنتج ----------
   الثيم يجعل .sticky-product-bar ثابتًا أسفل الشاشة تحت 640px فقط،
   لذلك كل التعديلات محصورة في نفس النطاق ولا تمس التابلت/الديسكتوب.
   البادئة body.salla-904045008 مطابقة لأسلوب الـ CSS المخصص الحالي،
   وتتقدّم على قاعدة whatsapp القديمة (bottom:170px) وعلى خلفية الشريط
   المبنية على var(--nf2-paper) غير المعرّف فعليًا. */
@media (max-width: 639.98px) {
  body.salla-904045008.product-single .sticky-product-bar {
    background-color: var(--nf2-paper, var(--color-background-store, #efe9de)); /* خلفية صلبة بنفس لون الصفحة */
    border-top: 1px solid rgba(46, 35, 24, 0.08);
    box-shadow: 0 -6px 18px -10px rgba(36, 29, 24, 0.14);
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    z-index: 30; /* فوق شارات الصفحة (z-10) وتحت القوائم والنوافذ (200+) */
  }

  /* مساحة في آخر الصفحة بقدر ارتفاع الشريط الفعلي حتى لا يغطي آخر محتوى */
  body.salla-904045008.product-single.is-sticky-product-bar {
    padding-bottom: calc(var(--neef-bar-h, 124px) + 16px);
  }

  /* ---------- 2) زر واتساب وزر العودة للأعلى ----------
     نفس الارتفاع فوق الشريط، وكل زر في جهة (واتساب يسار / ↑ يمين كما في الثيم). */
  body.salla-904045008.product-single.is-sticky-product-bar .whatsapp-icon,
  body.salla-904045008.product-single.is-sticky-product-bar .scroll-top.bottom-10 {
    bottom: calc(var(--neef-bar-h, 124px) + 16px);
  }
}

/* ---------- 3) سلايدر «ماذا يقول عملاء نيف» ---------- */
.kesra-reviews .neef-rv-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 4px 0 8px;
}
.kesra-reviews .neef-rv-track::-webkit-scrollbar { display: none; }

.kesra-reviews .neef-rv-track > * {
  flex: 0 0 86%;            /* جوال: بطاقة رئيسية + جزء من التالية */
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}

.kesra-reviews .neef-rv-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.kesra-reviews .neef-rv-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 999px;
  background-color: var(--color-primary, #241d18);
  opacity: 0.2;
  transition: width 0.3s ease, opacity 0.3s ease;
}
.kesra-reviews .neef-rv-dots button[aria-current="true"] {
  width: 18px;
  opacity: 0.75;
}

@media (max-width: 639.98px) {
  .kesra-reviews h2 { margin-bottom: 32px; }
}
@media (min-width: 640px) {
  .kesra-reviews .neef-rv-track > * { flex-basis: calc((100% - 16px) / 2); padding: 32px; }
}
@media (min-width: 1024px) {
  .kesra-reviews .neef-rv-track { gap: 24px; }
  .kesra-reviews .neef-rv-track > * { flex-basis: calc((100% - 48px) / 3); }
}

/* =========================================================
   NEEF — تحسينات الجوال v2 (2026-09-18)
   الهيدر · الأزرار العائمة في الرئيسية · بنر اليوم الوطني · الفوتر
   ========================================================= */

/* ---------- 1) الهيدر ---------- */
@media (max-width: 1023.98px) {
  /* زر القائمة: الأيقونة في منتصف مساحة اللمس (44px)، وبنفس بُعد أيقونة السلة عن الحافة */
  body.salla-904045008 .main-nav-container a.mburger {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 44px;
    height: 44px;
    padding-inline-start: 8px;
    align-self: center;
  }

  /* الخطوط الثلاثة: رفيعة بسماكة أيقونات الهيدر، والسفلي أقصر قليلًا */
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu {
    position: relative;
    display: block;
    width: 20px;
    height: 1.5px;
    font-size: 0;
    border-radius: 1px;
    background-color: currentColor;
    transition: background-color 0.2s ease;
  }
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::before,
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    width: 20px;
    height: 1.5px;
    border-radius: 1px;
    background-color: currentColor;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::before { top: -6px; }
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::after { top: 6px; width: 13px; }

  /* عند فتح القائمة: الخطوط تتحول إلى X، وتعود عند الإغلاق */
  body.salla-904045008.menu-opened .main-nav-container a.mburger i.sicon-menu { background-color: transparent; }
  body.salla-904045008.menu-opened .main-nav-container a.mburger i.sicon-menu::before { transform: translateY(6px) rotate(45deg); }
  body.salla-904045008.menu-opened .main-nav-container a.mburger i.sicon-menu::after { width: 20px; transform: translateY(-6px) rotate(-45deg); }

  /* أيقونة الحساب بنفس حجم أيقونتي البحث والسلة */
  body.salla-904045008 .main-nav-container .header-btn__icon.sicon-user { font-size: 19px; }

  /* زر إغلاق القائمة: بلون الهوية بدل الأحمر، ورسم X بنفس خطوط أيقونة القائمة */
  body.salla-904045008 .btn--close-sm.close-mobile-menu {
    background-color: #241d18;
    color: #f4f0e6;
    font-size: 0;
  }
  body.salla-904045008 .btn--close-sm.close-mobile-menu::before,
  body.salla-904045008 .btn--close-sm.close-mobile-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 1.5px;
    margin: -0.75px 0 0 -9px;
    border-radius: 1px;
    background-color: currentColor;
    font-family: inherit;
  }
  body.salla-904045008.menu-opened .btn--close-sm.close-mobile-menu::before { animation: nf-close-a 0.4s 0.1s cubic-bezier(0.4, 0, 0.2, 1) both; }
  body.salla-904045008.menu-opened .btn--close-sm.close-mobile-menu::after { animation: nf-close-b 0.4s 0.1s cubic-bezier(0.4, 0, 0.2, 1) both; }
}
@keyframes nf-close-a { from { transform: translateY(-5px) rotate(0); } to { transform: translateY(0) rotate(45deg); } }
@keyframes nf-close-b { from { transform: translateY(5px) rotate(0); } to { transform: translateY(0) rotate(-45deg); } }
@media (prefers-reduced-motion: reduce) {
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::before,
  body.salla-904045008 .main-nav-container a.mburger i.sicon-menu::after { transition: none; }
  body.salla-904045008.menu-opened .btn--close-sm.close-mobile-menu::before,
  body.salla-904045008.menu-opened .btn--close-sm.close-mobile-menu::after { animation-duration: 0.01s; }
}

@media (max-width: 767.98px) {
  /* ---------- 2) واتساب و ↑ في الرئيسية: نفس الارتفاع ونفس البعد عن الحافة ----------
     .bottom-10 هي حالة ظهور زر ↑ في الثيم، فحالة الإخفاء (-bottom-14) تبقى كما هي. */
  body.salla-904045008.index .whatsapp-icon,
  body.salla-904045008.index .scroll-top.bottom-10 {
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }

  /* مساحة أسفل الفوتر حتى لا تغطي الأزرار العائمة آخر محتوى (خارج صفحة المنتج التي لها شريط الشراء) */
  body.salla-904045008:not(.product-single) .kesra-copyright > div {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }

  /* ---------- 3) بنر اليوم الوطني ----------
     الصورة 1440×317 (للديسكتوب). نعرض الجزء من 30.5% إلى 78.5% من عرضها:
     يبقى المنتج والعنوان ونسبة 50% وزر «تسوق الآن» كاملة، بارتفاع أكبر بحوالي 55%. */
  body.salla-904045008 .s-block--fixed-banner .banner--fixed { border-radius: 12px; }
  body.salla-904045008 .s-block--fixed-banner .banner--fixed img[src*="fbbf7510-1fb4-4342-a0bf-c7d5c9c99050"],
  body.salla-904045008 .s-block--fixed-banner .banner--fixed img[data-src*="fbbf7510-1fb4-4342-a0bf-c7d5c9c99050"] {
    width: 100%;
    height: auto;
    aspect-ratio: 691 / 317;
    object-fit: cover;
    object-position: 58.65% 50%;
    border-radius: 12px;
  }

  /* ---------- 4) الفوتر ---------- */
  body.salla-904045008 .kesra-store-footer .container.grid { row-gap: 28px; }

  body.salla-904045008 .kesra-store-footer .navbar-brand { margin-bottom: 4px; }
  body.salla-904045008 .kesra-store-footer .navbar-brand img {
    width: auto;
    height: 88px;
    max-height: none;
  }

  body.salla-904045008 .kesra-store-footer .container.grid > div:first-child p {
    max-width: 30ch;
    margin-inline: auto;
    line-height: 1.9;
  }

  body.salla-904045008 .kesra-store-footer .s-social-list {
    justify-content: center;
    gap: 22px;
  }
  body.salla-904045008 .kesra-store-footer .s-social-link { margin: 0; }
  body.salla-904045008 .kesra-store-footer .s-social-link svg { width: 21px; height: 21px; }
  body.salla-904045008 .kesra-store-footer salla-social { margin-bottom: 0; }

  body.salla-904045008 .kesra-store-footer h3,
  body.salla-904045008 .kesra-store-footer .s-contacts-title {
    font-size: 15px;
    margin-bottom: 10px;
  }

  /* الروابط: عمودان متوسطان بدل رابط منفرد في كل سطر */
  body.salla-904045008 .kesra-store-footer .s-menu-footer-list {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    column-gap: 28px;
    row-gap: 0;
  }
  body.salla-904045008 .kesra-store-footer .s-menu-footer-item {
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
  }

  body.salla-904045008 .kesra-store-footer .s-contacts-item { height: 40px; }
}

/* =========================================================
   NEEF — المرحلة 3 (2026-09-18)
   شريط الشراء · القائمة الجانبية · حركة الظهور في الرئيسية
   NEEF MOTION LANGUAGE: منحنى واحد cubic-bezier(.22,.61,.36,1)،
   مسافات صغيرة، بدون ارتداد أو تكبير قوي أو دوران للمحتوى.
   ========================================================= */

/* ---------- 1) شريط الشراء في صفحة المنتج (جوال) ----------
   الأزرار الثلاثة عناصر سلة الأصلية؛ نوحّدها عبر متغيرات CSS التي تكشفها
   مكوّنات Apple Pay والشراء السريع، دون المساس بوظائفها.
   ثلاثة !important فقط، لأن الثيم نفسه يفرض حواف 0.25rem بـ !important. */
@media (max-width: 639.98px) {
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn {
    --nf-cta-h: 48px;
    --nf-cta-r: 8px;
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main {
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
    margin: 0;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main > salla-button {
    flex: 1.35 1 0;
    min-width: 0;
    margin: 0;
  }
  /* «أضف إلى السلة» — الزر الأساسي */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main > salla-button .s-button-element {
    width: 100%;
    height: var(--nf-cta-h);
    min-height: var(--nf-cta-h);
    padding: 0 10px;
    border-radius: var(--nf-cta-r) !important; /* الثيم يفرض 0.25rem بـ !important */
    white-space: nowrap;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main > salla-button .s-add-product-button-sr-only {
    font-size: 14px;
    font-weight: 700;
  }
  /* «اشترِ الآن» — ثانوي: خلفية فاتحة وحد رفيع */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn salla-mini-checkout-widget {
    --salla-fast-checkout-button-height: var(--nf-cta-h);
    --salla-fast-checkout-button-width: 100%;
    --salla-fast-checkout-button-border-radius: var(--nf-cta-r) !important; /* يتجاوز 0.25rem المفروضة من الثيم */
    display: block;
    flex: 1 1 0;
    min-width: 0;
    height: var(--nf-cta-h);
    padding: 0;
    margin: 0;
    margin-inline-start: 4px; /* الثيم يثبّت الفجوة هنا على 4px؛ نكمّلها إلى 8px مثل بقية الفجوات */
    border-radius: var(--nf-cta-r) !important;
    background-color: #fcfaf5;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-mini-checkout-content {
    gap: 6px;
    font-size: 13.5px;
    font-weight: 700;
    white-space: nowrap;
    color: #241d18;
    transition: color 0.2s ease;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-mini-checkout-content svg {
    width: 15px;
    height: 15px;
    margin: 0;
  }
  /* الزر يمتلئ بالبني عند المرور/الضغط (سلوك سلة)، فيصبح النص فاتحًا ليبقى مقروءًا */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn salla-mini-checkout-widget:hover .s-add-product-button-mini-checkout-content {
    color: #f4f0e6;
  }
  /* Apple Pay — بهويته السوداء، وبنفس الارتفاع والحواف */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn salla-quick-buy {
    flex: 0 0 auto;
    width: clamp(100px, 28%, 128px);
    margin: 0;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn salla-quick-buy apple-pay-button {
    --apple-pay-button-height: var(--nf-cta-h);
    --apple-pay-button-width: 100%;
    --apple-pay-button-border-radius: var(--nf-cta-r);
    display: block;
    height: var(--nf-cta-h);
  }
  /* استجابة لمس خفيفة */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn :is(.s-button-element, salla-mini-checkout-widget, apple-pay-button) {
    transition: transform 0.16s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.16s ease;
  }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn :is(.s-button-element, salla-mini-checkout-widget, apple-pay-button):active {
    transform: scale(0.97);
    opacity: 0.9;
  }
}
@media (max-width: 359.98px) {
  /* الشاشات الصغيرة جدًا: نخفي أيقونة الحقيبة ونصغّر النص قليلًا حتى لا يلتف أو يُقص */
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-mini-checkout-content svg { display: none; }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main > salla-button .s-button-element { padding: 0 6px; }
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-main > salla-button .s-add-product-button-sr-only,
  body.salla-904045008.product-single .sticky-product-bar salla-add-product-button.sticky-product-bar__btn .s-add-product-button-mini-checkout-content { font-size: 13px; }
}

/* ---------- 2) القائمة الجانبية (جوال/تابلت) ---------- */
@media (max-width: 1023.98px) {
  /* الطبقة الداكنة والدخول من اليمين (RTL) */
  body.salla-904045008 .mm-ocd--open { background-color: rgba(24, 18, 13, 0.45); }
  body.salla-904045008 .mm-ocd__content { transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  body.salla-904045008 .mm-ocd--open .mm-ocd__content { transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); }

  body.salla-904045008 #mobile-menu,
  body.salla-904045008 #mobile-menu ul,
  body.salla-904045008 #mobile-menu li,
  body.salla-904045008 #mobile-menu a { background-color: transparent; }
  body.salla-904045008 #mobile-menu { background-color: #f4f0e6; }

  /* رأس القائمة: شعار نيف بدل عبارة «القائمة الرئيسية» */
  body.salla-904045008 #mobile-menu.mm-spn--navbar::after {
    content: "";
    height: 64px;
    background: var(--nf-logo, none) center / auto 34px no-repeat;
    border-bottom: 1px solid rgba(36, 29, 24, 0.08);
    opacity: 1;
  }
  body.salla-904045008 #mobile-menu.mm-spn--navbar ul.main-menu {
    top: 65px;
    bottom: var(--nf-foot-h, 0px); /* المتغير يُضبط على .mm-ocd__content */
    padding-top: 12px;
  }

  /* زر الإغلاق داخل رأس القائمة (يستبدل تنسيق المرحلة 2 للزر) */
  body.salla-904045008 .btn--close-sm.close-mobile-menu {
    top: 0;
    left: max(51px, calc(100% - 440px));
    width: 64px;
    height: 64px;
    background-color: transparent;
    color: #241d18;
  }

  /* الروابط — نعيد استخدام السهم (li::before) والفاصل (li::after) الموجودين في mmenu */
  body.salla-904045008 #mobile-menu ul.main-menu > li { margin: 0 24px; }
  body.salla-904045008 #mobile-menu ul.main-menu > li::after { border-color: rgba(36, 29, 24, 0.1); }
  body.salla-904045008 #mobile-menu ul.main-menu > li::before {
    left: 4px;
    width: 6px;
    height: 6px;
    border-color: #241d18;
    opacity: 0.35;
  }
  body.salla-904045008 #mobile-menu ul.main-menu > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.45;
    color: #241d18;
  }
  /* لمسة ذهبية: خط رفيع يظهر عند اللمس أو للصفحة الحالية */
  body.salla-904045008 #mobile-menu ul.main-menu > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: -12px;
    width: 2px;
    height: 18px;
    border-radius: 1px;
    background-color: #9b7950;
    transform: translateY(-50%) scaleY(0);
    transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  body.salla-904045008 #mobile-menu ul.main-menu > li > a:is(:active, :focus-visible, [aria-current="page"])::before {
    transform: translateY(-50%) scaleY(1);
  }
  /* رابط ثانوي (المدونة) */
  body.salla-904045008 #mobile-menu ul.main-menu > li:has(> a[href$="/blog"]) { margin-top: 6px; }
  body.salla-904045008 #mobile-menu ul.main-menu > li:has(> a[href$="/blog"])::before,
  body.salla-904045008 #mobile-menu ul.main-menu > li:has(> a[href$="/blog"])::after { display: none; }
  body.salla-904045008 #mobile-menu ul.main-menu > li > a[href$="/blog"] {
    padding: 14px 0;
    font-size: 15px;
    font-weight: 400;
    color: #67594b;
  }

  /* أسفل القائمة: حسابي · تواصل · اللغة + حسابات التواصل */
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 24px calc(18px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(36, 29, 24, 0.08);
    background-color: #f4f0e6;
  }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot .nf-drawer-foot__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    font-size: 14px;
    color: #67594b;
  }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot .nf-drawer-foot__row :is(a, button) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0;
    color: inherit;
    font: inherit;
  }
  /* mmenu يضيف للروابط flex وفواصل رأسية؛ نلغيها داخل أسفل القائمة فقط */
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot :is(a, button) { flex: 0 0 auto; width: auto; white-space: nowrap; }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot :is(a, button)::after { display: none; }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot salla-social:empty { display: none; }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot .s-social-list {
    display: flex;
    justify-content: center;
    gap: 24px;
    color: #241d18;
  }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot .s-social-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    opacity: 0.75;
  }
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot .s-social-list svg { width: 19px; height: 19px; fill: currentColor; }

  /* ظهور متتابع للروابط عند الفتح، وإخفاء سريع عند الإغلاق */
  body.salla-904045008 #mobile-menu ul.main-menu > li,
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    transition: opacity 0.16s ease, transform 0.16s ease;
  }
  body.salla-904045008 .mm-ocd--open #mobile-menu ul.main-menu > li,
  body.salla-904045008 .mm-ocd--open .mm-ocd__content > .nf-drawer-foot {
    opacity: 1;
    transform: none;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-delay: calc(140ms + var(--nf-i, 0) * 55ms);
  }
}
@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
  body.salla-904045008 #mobile-menu ul.main-menu > li,
  body.salla-904045008 .mm-ocd__content > .nf-drawer-foot { opacity: 1; transform: none; transition: none; }
}

/* ---------- 3) حركة الظهور أثناء التمرير (الرئيسية) ----------
   تعمل فقط بعد أن يضيف JavaScript الكلاس nf-rv، فلا تختفي الصفحة إن لم يعمل.
   تُخفى فقط العناصر التي لم تصل للشاشة بعد، وتُزال السمات بعد انتهاء الحركة. */
html.nf-rv {
  --nf-rise: 18px;
  --nf-shift: 28px;
  --nf-dur: 760ms;
  --nf-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (max-width: 767.98px) {
  html.nf-rv { --nf-rise: 10px; --nf-dur: 560ms; }
}
html.nf-rv #main-content [data-nf-rv] {
  transition: opacity var(--nf-dur) var(--nf-ease) var(--nf-d, 0ms), transform var(--nf-dur) var(--nf-ease) var(--nf-d, 0ms);
}
html.nf-rv #main-content [data-nf-rv]:not(.nf-in) { opacity: 0; transform: translate3d(0, var(--nf-rise), 0); }
html.nf-rv #main-content [data-nf-rv="fade"]:not(.nf-in) { transform: none; }
html.nf-rv #main-content [data-nf-rv="media"]:not(.nf-in) { transform: scale(0.98); }
@media (min-width: 768px) {
  html.nf-rv #main-content [data-nf-rv="from-start"]:not(.nf-in) { transform: translate3d(var(--nf-shift), 0, 0); }
  html.nf-rv #main-content [data-nf-rv="from-end"]:not(.nf-in) { transform: translate3d(calc(var(--nf-shift) * -1), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  html.nf-rv #main-content [data-nf-rv] { opacity: 1; transform: none; transition: none; }
}