/* =========================
‏   AURIS - الأساس والهيدر
   ========================= */

body.home main,
body.index main,
body .main-content,
body .content-wrapper,
main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.home main > section:first-child,
body.index main > section:first-child,
body.home .main-content > section:first-child,
body.index .main-content > section:first-child,
section:first-of-type,
header + *,
main > section:first-child,
main > div:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

salla-slider,
.main-slider,
.home-slider,
.hero-slider,
.section-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

salla-slider img,
.main-slider img,
.home-slider img,
.hero-slider img {
  display: block;
  width: 100%;
}

.main-slider .swiper,
.home-slider .swiper,
.hero-slider .swiper,
salla-slider .swiper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

header,
.store-header,
.main-nav-container,
.navbar,
header .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.store-header,
.main-nav-container {
  min-height: 75px !important;
  height: auto !important;
}

.auris-home header,
.auris-home .store-header,
.auris-home .main-nav-container,
.auris-home .navbar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: rgba(248, 242, 232, .97) !important;
  box-shadow: 0 4px 16px rgba(6, 61, 41, .08) !important;
  border: 0 !important;
}

.auris-home header > *,
.auris-home .store-header > *,
.auris-home .main-nav-container > * {
  background-color: transparent !important;
}

body.auris-home.auris-has-announcement header,
body.auris-home.auris-has-announcement .store-header,
body.auris-home.auris-has-announcement .main-nav-container,
body.auris-home.auris-has-announcement .navbar {
  top: 52px !important;
}

/* =========================
   شريط أوريس الإعلاني
   ========================= */

#auris-announcement-bar {
  width: 100% !important;
  height: 52px !important;
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  z-index: 99999 !important;
}

#auris-announcement-bar span {
  position: absolute !important;
  top: 50% !important;
  width: max-content !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  animation: aurisAnnouncementMove 14s linear infinite !important;
}

@keyframes aurisAnnouncementMove {
  0% {
    right: -100%;
    transform: translateY(-50%);
  }

  100% {
    right: 100%;
    transform: translateY(-50%);
  }
}

/* =========================
   مختارات أوريس
   ========================= */

#auris-products-section {
  margin-top: 28px !important;
  margin-bottom: 8px !important;
  padding: 24px 15px 28px !important;
  background: #f8f2e8 !important;
}

#auris-products-section .auris-products-wrapper {
  background: transparent !important;
}

.auris-products-title {
  text-align: center !important;
  width: 100% !important;
  color: #65051f !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 6px auto 12px !important;
  padding: 0 !important;
}

.auris-load-more-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 28px 0 35px !important;
  clear: both !important;
}

#aurisLoadMore {
  display: inline-block !important;
  background: #65051f !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 15px 38px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  width: auto !important;
  min-width: 190px !important;
  opacity: 1 !important;
  visibility: visible !important;
}



#auris-products-section salla-product-card {
  transition: transform .28s ease, box-shadow .28s ease !important;
  transform: scale(1) !important;
}

#auris-products-section salla-product-card:hover {
  transform: scale(1.025) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
}

#auris-products-section salla-product-card:active {
  transform: scale(.98) !important;
}

#auris-products-section salla-product-card img {
  transition: transform .35s ease !important;
}

#auris-products-section salla-product-card:hover img {
  transform: scale(1.04) !important;
}

/* =========================
   المنتجات المتحركة
   ========================= */

@keyframes aurisProductsInfinite {
  from {
    transform: translate3d(0,0,0);
  }

  to {
    transform: translate3d(-50%,0,0);
  }
}

/* =========================
   المناسبات
   ========================= */

#auris-occasion-section {
  padding: 28px 15px 30px !important;
  background: #ffffff !important;
}

.auris-occasion-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.auris-occasion-title {
  text-align: center;
  color: #65051f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 5px;
}

.auris-occasion-subtitle {
  text-align: center;
  color: #766b64 !important;
  font-size: 14px !important;
  margin: 0 0 20px;
}

.auris-occasion-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.auris-occasion-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 190px !important;
  padding: 18px;
  border-radius: 18px !important;
  overflow: hidden;
  text-decoration: none !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 6px 18px rgba(79,10,32,.07) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.auris-occasion-card:active {
  transform: scale(.98) !important;
}

.auris-occasion-content {
  width: 100%;
  text-align: center;
}

.auris-occasion-content span {
  display: inline-block;
  padding: 9px 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.90) !important;
  font-size: 18px;
  font-weight: 700;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* =========================
   النكهات والبيكان
   ========================= */

#auris-flavors-section {
  background: linear-gradient(180deg,#fbf7ef 0%,#f6eee3 100%) !important;
  padding: 30px 15px 34px !important;
}

.auris-flavors-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.auris-flavors-title {
  text-align: center;
  color: #65051f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 5px;
}

.auris-flavors-subtitle {
  text-align: center;
  color: #766b64 !important;
  font-size: 14px !important;
  margin: 0 0 22px;
}

.auris-flavors-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
}

.auris-flavor-card {
  position: relative !important;
  min-height: 120px;
  border-radius: 18px !important;
  overflow: hidden !important;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(79,10,32,.07) !important;
}

.auris-flavor-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 25% 20%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.06));
  opacity: .18 !important;
}

.auris-flavor-card::after {
  content: "";
  position: absolute;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  right: -25px;
  bottom: -25px;
  border: 1px solid rgba(255,255,255,.22);
  opacity: .18 !important;
}

.auris-flavor-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  opacity: 1 !important;
}

.auris-flavor-card span {
  position: relative !important;
  z-index: 2 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.28) !important;
}

.auris-caramel {
  background: linear-gradient(145deg,#d3a066 0%,#b97940 100%) !important;
}

.auris-lotus {
  background: linear-gradient(145deg,#f6e9cc 0%,#e3cfa8 100%) !important;
}

.auris-lotus span {
  color: #65051f !important;
  text-shadow: none !important;
}

.auris-kinder {
  background: linear-gradient(145deg,#a37460 0%,#7d5545 100%) !important;
}

.auris-oreo {
  background: linear-gradient(145deg,#4b4b4b 0%,#2f2f2f 100%) !important;
  grid-column: 1 / -1;
  width: calc(50% - 6px);
  justify-self: center;
}

.auris-signature-flavor {
  position: relative;
  overflow: hidden;
  margin-top: 18px !important;
  padding: 22px 18px;
  border-radius: 20px !important;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 6px 18px rgba(79,10,32,.07) !important;
}

.auris-signature-badge {
  display: inline-block;
  position: relative;
  z-index: 3;
  background: #d7b36a !important;
  color: #5b2d1f !important;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800 !important;
  margin-bottom: 10px;
  opacity: 1 !important;
}

.auris-signature-name {
  position: relative;
  z-index: 3;
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  margin-bottom: 5px;
  opacity: 1 !important;
}

.auris-signature-text {
  position: relative;
  z-index: 3;
  color: #fffaf3 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* =========================
   لماذا أوريس
   ========================= */

#auris-why-section {
  background: linear-gradient(180deg,#fbf7ef 0%,#f4eadc 100%) !important;
  padding: 34px 16px !important;
  margin-top: 10px;
}

.auris-why-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.auris-why-title {
  text-align: center;
  color: #65051f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}

.auris-why-subtitle {
  text-align: center;
  color: #766b64 !important;
  font-size: 14px !important;
  margin: 0 0 26px !important;
}

.auris-why-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px !important;
}

.auris-why-item {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,244,235,.96)) !important;
  border: 1px solid rgba(179,138,69,.14);
  border-radius: 20px !important;
  padding: 22px 14px !important;
  text-align: center;
  box-shadow: 0 6px 18px rgba(101,5,31,.06) !important;
}

.auris-why-icon {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  border-radius: 50%;
  color: #ffffff !important;
  font-size: 24px !important;
}

.auris-why-item h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 7px !important;
}

.auris-why-item p {
  color: #6f655f !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0;
}

/* =========================
   أرسلها كهدية
   ========================= */

#auris-gift-section {
  padding: 30px 15px 34px !important;
  background: #ffffff !important;
}

.auris-gift-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 20px;
  text-align: center;
  border-radius: 18px !important;
  background: linear-gradient(135deg,#65051f,#8c2947);
  box-shadow: 0 6px 18px rgba(79,10,32,.07) !important;
}

#auris-gift-section .auris-gift-badge {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 15px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  opacity: 1 !important;
}

#auris-gift-section .auris-gift-title {
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

#auris-gift-section .auris-gift-text {
  max-width: 520px;
  margin: 0 auto 20px;
  color: #ffffff !important;
  font-size: 15px;
  line-height: 1.8;
  opacity: 1 !important;
}

#auris-gift-section .auris-gift-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 28px;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 700;
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================
   إنستقرام
   ========================= */

#auris-instagram-section {
  padding: 32px 15px !important;
  background: linear-gradient(180deg,#fbf7ef 0%,#f6eee3 100%) !important;
}

.auris-social-inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.auris-social-title {
  color: #65051f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 6px;
}

.auris-social-subtitle {
  color: #766b64 !important;
  font-size: 14px !important;
  margin: 0 0 22px;
}

.auris-instagram-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.auris-instagram-card {
  aspect-ratio: 1 / 1 !important;
  min-height: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 6px 18px rgba(79,10,32,.07) !important;
}

#auris-instagram-section .auris-instagram-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 26px !important;
  border-radius: 999px !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* =========================
   تواصل معنا
   ========================= */

#auris-contact-section {
  padding: 28px 15px 34px !important;
  background: #ffffff !important;
}

.auris-contact-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.auris-contact-title {
  color: #65051f !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 6px;
}

.auris-contact-text {
  color: #766b64 !important;
  font-size: 14px !important;
  margin: 0 0 20px;
}

.auris-contact-buttons {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px !important;
}

.auris-contact-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 10px;
  border-radius: 16px !important;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 700;
}

/* =========================
   فوتر أوريس
   ========================= */

#auris-footer-section {
  color: #ffffff;
  padding: 38px 18px 32px;
}

.auris-footer-inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.auris-footer-brand {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #d7b36a;
  margin-bottom: 4px;
}

.auris-footer-ar {
  font-size: 15px;
  color: rgba(255,255,255,.88);
  margin-bottom: 24px;
}

.auris-footer-links {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  margin-bottom: 22px;
}

.auris-footer-links a,
.auris-footer-static {
  display: block;
  padding: 11px 8px;
  border-radius: 18px !important;
  background: rgba(255,255,255,.09) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  opacity: 1 !important;
}

.auris-footer-social {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 22px;
}

.auris-footer-social a {
  min-width: 110px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: #d7b36a !important;
  color: #4f0a20 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

.auris-footer-note {
  border-top: 1px solid rgba(255,255,255,.16);
  padding-top: 18px;
  font-size: 13px;
  color: rgba(255,255,255,.72);
}

/* =========================
   بطاقات التوثيق
   ========================= */

#auris-trust-cards {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  max-width: 760px;
  margin: 8px auto 24px !important;
  padding: 0 18px !important;
  transform: translateY(-18px);
}

.auris-trust-card {
  min-height: 128px !important;
  padding: 14px 10px !important;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ffffff;
}

.auris-trust-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 50%;
  font-size: 25px;
  font-weight: 800;
}

.auris-document-card {
  background: linear-gradient(145deg,#ffffff,#faf7f1);
}

.auris-brand-card .auris-trust-icon {
  width: 68px !important;
  height: 68px !important;
  font-size: 0 !important;
}

.auris-brand-card .auris-trust-icon::after {
  content: "AURIS";
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
}

.auris-trust-name {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.35 !important;
}

.auris-brand-card .auris-trust-small,
.auris-document-card .auris-trust-number {
  margin-top: 5px !important;
  color: #766b64 !important;
  font-size: 11px !important;
  font-weight: 600;
}

.auris-brand-card .auris-trust-small {
  white-space: nowrap !important;
  letter-spacing: .6px !important;
}

/* =========================
   الجزء السفلي القديم
   ========================= */

footer,
.footer,
.store-footer,
.footer-wrapper,
body footer {
  background: #f8f2e8 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer .title,
footer strong {
  color: #65051f !important;
}

footer p,
footer span,
footer li,
footer div {
  color: #5f5a56;
}

footer a {
  color: #65051f !important;
}

/* ===== إصلاح إضافي فقط لقسم مختارات مميزة من أوريس ===== */

/* ===== إصلاح نهائي للحركة المستمرة بدون اختفاء ===== */

/* مهم: المجموعة الثانية تبقى مباشرة بعد الأولى */

/* البطاقات ثابتة الحجم */

/* الحركة المستمرة */

@keyframes aurisTickerFinal {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* =========================================
   AURIS - هوية اليوم الوطني المؤقتة
   إضافة فقط
   ========================================= */

:root {
  --auris-national-green: #0B5D3B;
  --auris-national-green-dark: #063D29;
  --auris-national-gold: #D7B36A;
  --auris-national-ivory: #F8F2E8;
}

/* عناوين الأقسام */

.auris-products-title,
.auris-occasion-title,
.auris-flavors-title,
.auris-why-title,
.auris-social-title,
.auris-contact-title,
#auris-moving-products .auris-moving-inner h2 {
  color: var(--auris-national-green) !important;
}

/* الأزرار الأساسية */

#aurisLoadMore,
.auris-instagram-button,
.auris-instagram-btn,
#auris-moving-products .auris-shop-now,
.auris-gift-button {
  background: var(--auris-national-green) !important;
  color: #ffffff !important;
  border-color: var(--auris-national-green) !important;
}

/* عند الضغط أو المرور */

#aurisLoadMore:hover,
.auris-instagram-button:hover,
.auris-instagram-btn:hover,
#auris-moving-products .auris-shop-now:hover,
.auris-gift-button:hover {
  background: var(--auris-national-green-dark) !important;
  border-color: var(--auris-national-green-dark) !important;
}

/* زر واتساب داخل قسم التواصل فقط */

/* قسم أرسلها كهدية */

#auris-gift-section .auris-gift-inner {
  background: linear-gradient(
      135deg,
      var(--auris-national-green),
      var(--auris-national-green-dark)
    ) !important;
}

/* شارة هدية من أوريس */

#auris-gift-section .auris-gift-badge {
  background: var(--auris-national-gold) !important;
  color: var(--auris-national-green-dark) !important;
}

/* زر اكتشف الهدايا */

#auris-gift-section .auris-gift-button {
  background: #ffffff !important;
  color: var(--auris-national-green) !important;
}

/* بطاقات المنتجات المتحركة */

/* عنوان المنتج المتحرك */

/* الشارات الذهبية */

/* قسم المناسبات */

.auris-occasion-content span {
  color: var(--auris-national-green) !important;
}

/* لماذا أوريس */

.auris-why-item h3 {
  color: var(--auris-national-green) !important;
}

.auris-why-icon {
  background: linear-gradient(
      145deg,
      var(--auris-national-gold),
      #B88B3F
    ) !important;
}

/* النكهات */

.auris-pistachio {
  background: linear-gradient(
      145deg,
      #3D6F50,
      var(--auris-national-green)
    ) !important;
}

/* البيكان */

.auris-signature-flavor {
  background: linear-gradient(
      135deg,
      var(--auris-national-green-dark),
      var(--auris-national-green)
    ) !important;
  border: 1px solid rgba(215,179,106,.45) !important;
}

/* بطاقات التوثيق */

.auris-brand-card {
  background: linear-gradient(
      145deg,
      #FFFDF8,
      #EEF5EF
    ) !important;
}

/* فوتر أوريس المخصص */

#auris-footer-section {
  background: var(--auris-national-green-dark) !important;
}

#auris-footer-section .auris-footer-brand {
  color: var(--auris-national-gold) !important;
}

#auris-footer-section .auris-footer-social a {
  background: var(--auris-national-gold) !important;
  color: var(--auris-national-green-dark) !important;
}

/* لمسة ذهبية على بعض البطاقات */

.auris-why-item,
.auris-occasion-card,
.auris-flavor-card,
.auris-instagram-card,
.auris-trust-card {
  border-color: rgba(215,179,106,.22) !important;
}

/* خلفيات موسمية خفيفة */

#auris-products-section,
#auris-moving-products,
#auris-flavors-section,
#auris-why-section,
#auris-instagram-section {
  background: linear-gradient(
      180deg,
      #FFFDF8 0%,
      #F3F6F1 100%
    ) !important;
}

/* =========================================
   AURIS - فخامة بطاقات المنتجات
   إضافة فقط - بدون تغيير المقاسات أو الحركة
   ========================================= */

/* بطاقات منتجات مختارات أوريس الرئيسية */

#auris-products-section salla-product-card {
  background: linear-gradient(
      180deg,
      #fffdf8 0%,
      #f8f2e8 100%
    ) !important;
  border: 1px solid rgba(215,179,106,.45) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(6,61,41,.08) !important;
  overflow: hidden !important;
}

/* مساحة الصورة داخل البطاقة */

#auris-products-section salla-product-card img {
  background: #fffdf8 !important;
}

/* اسم المنتج */

#auris-products-section salla-product-card h3,
#auris-products-section salla-product-card h4,
#auris-products-section salla-product-card [class*="title"],
#auris-products-section salla-product-card [class*="name"] {
  color: #0B5D3B !important;
  font-weight: 700 !important;
}

/* السعر */

#auris-products-section salla-product-card [class*="price"] {
  color: #063D29 !important;
  font-weight: 800 !important;
}


/* لمعة ذهبية هادئة عند المرور */

@media (hover: hover) {

  #auris-products-section salla-product-card:hover {
    border-color:
      rgba(215,179,106,.75) !important;

    box-shadow:
      0 12px 28px rgba(6,61,41,.12) !important;

    transform:
      translateY(-2px) !important;
  }

}

/* =========================================
   بطاقات الشريط المتحرك
   لا نغير الحركة أو الحجم
   ========================================= */

/* اسم المنتج المتحرك */

/* زر تسوق الآن */

/* الشارات مثل الأكثر طلبًا */

/* خط ذهبي خفيف أسفل صورة المنتج */

/* =========================================
   AURIS - تحويل العودي المتبقي إلى الأخضر
   إضافة فقط في آخر CSS
   ========================================= */

:root {
  --auris-ivory: #F8F2E8;
}

/* =========================================
   1) أسهم التنقل في البنر / السلايدر
   ========================================= */

.main-slider .swiper-button-prev,
.main-slider .swiper-button-next,
.home-slider .swiper-button-prev,
.home-slider .swiper-button-next,
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next,
salla-slider .swiper-button-prev,
salla-slider .swiper-button-next,
.swiper-button-prev,
.swiper-button-next {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(11, 93, 59, 0.18) !important;
}

.main-slider .swiper-button-prev:hover,
.main-slider .swiper-button-next:hover,
.home-slider .swiper-button-prev:hover,
.home-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover,
salla-slider .swiper-button-prev:hover,
salla-slider .swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: var(--auris-green-dark) !important;
}


/* =========================================
   3) زر "تسوق الآن" في الأقسام المخصصة
   ========================================= */

#auris-moving-products .auris-shop-now,
#auris-products-section .auris-shop-now,
.auris-shop-now {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(11, 93, 59, 0.16) !important;
}

#auris-moving-products .auris-shop-now:hover,
#auris-products-section .auris-shop-now:hover,
.auris-shop-now:hover {
  background: var(--auris-green-dark) !important;
}

/* =========================================
   4) زر "تابعنا على Instagram"
   ========================================= */

#auris-instagram-section .auris-instagram-button {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(11, 93, 59, 0.16) !important;
}

#auris-instagram-section .auris-instagram-button:hover {
  background: var(--auris-green-dark) !important;
}

/* =========================================
   5) أزرار قسم تواصل معنا
   ========================================= */

/* زر إنستقرام */

#auris-contact-section .auris-instagram-btn {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
}

/* زر واتساب */

#auris-contact-section .auris-whatsapp-btn {
  background: #F6F3EA !important;
  color: var(--auris-green) !important;
  border: 2px solid rgba(11, 93, 59, 0.14) !important;
}

/* =========================================
   6) العناوين الخضراء بدل العودي في بعض الأقسام
   ========================================= */

#auris-products-section .auris-products-title,
.auris-products-title,
#auris-occasion-section .auris-occasion-title,
#auris-flavors-section .auris-flavors-title,
#auris-why-section .auris-why-title,
#auris-instagram-section .auris-social-title,
#auris-contact-section .auris-contact-title {
  color: var(--auris-green) !important;
}

/* =========================================
   7) أسعار/نصوص الأزرار داخل بطاقات المنتجات
   ========================================= */

#auris-products-section salla-product-card [class*="price"],
#auris-moving-products .auris-moving-info strong {
  color: var(--auris-green) !important;
}

/* =========================================
   8) تحسين خفيف للحواف والهوية
   ========================================= */

#auris-products-section salla-product-card,
#auris-moving-products .auris-moving-card {
  border: 1px solid rgba(11, 93, 59, 0.10) !important;
  box-shadow: 0 8px 22px rgba(11, 93, 59, 0.06) !important;
}

/* =========================================
   AURIS - إصلاح الجزء الأخير المتبقي
   تحويل العودي المتبقي إلى الأخضر
   ========================================= */

:root {
  --auris-green: #0b6b43;
  --auris-green-dark: #085437;
  --auris-green-soft: #eaf5ef;
  --auris-gold: #d7b36a;
}

/* =========================================
   1) أسهم البنر / السلايدر
   ========================================= */

salla-slider .swiper-button-prev,
salla-slider .swiper-button-next,
.main-slider .swiper-button-prev,
.main-slider .swiper-button-next,
.home-slider .swiper-button-prev,
.home-slider .swiper-button-next,
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next,
.swiper-button-prev,
.swiper-button-next {
  background: var(--auris-green) !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(11, 107, 67, 0.18) !important;
}

salla-slider .swiper-button-prev::after,
salla-slider .swiper-button-next::after,
.main-slider .swiper-button-prev::after,
.main-slider .swiper-button-next::after,
.home-slider .swiper-button-prev::after,
.home-slider .swiper-button-next::after,
.hero-slider .swiper-button-prev::after,
.hero-slider .swiper-button-next::after,
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #ffffff !important;
}

salla-slider .swiper-button-prev:hover,
salla-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover,
.main-slider .swiper-button-next:hover,
.home-slider .swiper-button-prev:hover,
.home-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover,
.hero-slider .swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: var(--auris-green-dark) !important;
}

/* =========================================
   2) أزرار "تسوق الآن" المتبقية
   ========================================= */

.auris-shop-now,
#auris-moving-products .auris-shop-now,
#auris-products-section .auris-shop-now,
#auris-occasion-section .auris-shop-now,
#auris-flavors-section .auris-shop-now,
#auris-products-carousel .auris-shop-now {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(11, 107, 67, 0.16) !important;
}

.auris-shop-now:hover,
#auris-moving-products .auris-shop-now:hover,
#auris-products-section .auris-shop-now:hover,
#auris-occasion-section .auris-shop-now:hover,
#auris-flavors-section .auris-shop-now:hover,
#auris-products-carousel .auris-shop-now:hover {
  background: var(--auris-green-dark) !important;
}

/* لو زر تسوق الآن داخل روابط أو أزرار مخصصة */

#auris-products-section a[class*="shop"],
#auris-products-section button[class*="shop"],
#auris-moving-products a[class*="shop"],
#auris-moving-products button[class*="shop"] {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border-color: var(--auris-green) !important;
}

/* =========================================
   3) زر "تابعنا على Instagram"
   ========================================= */

.auris-instagram-button,
#auris-instagram-section .auris-instagram-button {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 6px 14px rgba(11, 107, 67, 0.16) !important;
}

.auris-instagram-button:hover,
#auris-instagram-section .auris-instagram-button:hover {
  background: var(--auris-green-dark) !important;
}

/* =========================================
   4) زر إنستقرام في قسم "تواصل معنا"
   ========================================= */

.auris-instagram-btn,
#auris-contact-section .auris-instagram-btn {
  background: var(--auris-green) !important;
  color: #ffffff !important;
  border: 0 !important;
}

.auris-instagram-btn:hover,
#auris-contact-section .auris-instagram-btn:hover {
  background: var(--auris-green-dark) !important;
}

/* زر واتساب يبقى فاتح مع كتابة خضراء */

.auris-whatsapp-btn,
#auris-contact-section .auris-whatsapp-btn {
  background: #f6f3ea !important;
  color: var(--auris-green) !important;
  border: 2px solid rgba(11, 107, 67, 0.12) !important;
}

/* =========================================
   5) بطاقات التوثيق - الأيقونات والنص داخل الدوائر
   ========================================= */

/* دائرة الأيقونة تبقى ذهبية */

.auris-trust-icon {
  background: linear-gradient(145deg, #d7b36a, #c79d47) !important;
  color: var(--auris-green) !important;
  border: 0 !important;
}

/* بطاقة وثيقة العمل الحر - علامة الصح */

.auris-document-card .auris-trust-icon,
.auris-document-card .auris-trust-icon * {
  color: var(--auris-green) !important;
}

/* بطاقة العلامة التجارية - كلمة AURIS داخل الدائرة */

.auris-brand-card .auris-trust-icon::after {
  color: var(--auris-green) !important;
}

/* إذا كانت كلمة AURIS مكتوبة كنص داخل الدائرة */

.auris-brand-card .auris-trust-icon,
.auris-brand-card .auris-trust-icon * {
  color: var(--auris-green) !important;
}

/* =========================================
   6) النصوص الثانوية داخل بطاقات التوثيق
   ========================================= */

.auris-trust-name {
  color: var(--auris-green) !important;
}

.auris-trust-small,
.auris-trust-number {
  color: #7a746f !important;
}

/* =========================================
   7) لمسة بسيطة لتناسق البطاقات
   ========================================= */

.auris-trust-card {
  border: 1px solid rgba(11, 107, 67, 0.10) !important;
  box-shadow: 0 8px 22px rgba(11, 107, 67, 0.05) !important;
}

/* =========================================
   8) في حال بقي أي زر عنابي داخل الأقسام المخصصة
   ========================================= */

#auris-instagram-section a,
#auris-contact-section a,
#auris-gift-section a,
#auris-moving-products a.auris-shop-now,
#auris-products-section a.auris-shop-now {
  transition: background .25s ease, color .25s ease !important;
}

/* =========================================
   AURIS - الشريط الإعلاني أخضر
   إضافة فقط
   ========================================= */

#auris-announcement-bar {
  background: #0B5D3B !important;
  color: #ffffff !important;
}

#auris-announcement-bar span {
  color: #ffffff !important;
}

/* =========================================
   AURIS - الفاصل الذهبي الفاخر
   إضافة فقط
   ========================================= */

.auris-products-title,
.auris-occasion-title,
.auris-flavors-title,
.auris-why-title,
.auris-social-title,
.auris-contact-title,
#auris-moving-products .auris-moving-inner h2 {
  position: relative !important;
  padding-bottom: 18px !important;
}

/* الخط الذهبي */

.auris-products-title::after,
.auris-occasion-title::after,
.auris-flavors-title::after,
.auris-why-title::after,
.auris-social-title::after,
.auris-contact-title::after,
#auris-moving-products .auris-moving-inner h2::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 4px !important;
  width: 76px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(
      90deg,
      transparent 0%,
      #d7b36a 25%,
      #d7b36a 75%,
      transparent 100%
    ) !important;
  border-radius: 999px !important;
}

/* النقطة الخضراء في المنتصف */

.auris-products-title::before,
.auris-occasion-title::before,
.auris-flavors-title::before,
.auris-why-title::before,
.auris-social-title::before,
.auris-contact-title::before,
#auris-moving-products .auris-moving-inner h2::before {
  content: "✦" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -3px !important;
  transform: translateX(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8f2e8 !important;
  color: #0b5d3b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  z-index: 2 !important;
}

/* =========================================
   AURIS - قسم الأكثر طلبًا
   إضافة فقط
   ========================================= */

#auris-best-sellers {
  padding: 34px 15px 38px !important;
  background: linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f4ec 100%
    ) !important;
}

.auris-best-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.auris-best-kicker {
  display: inline-block;
  margin-bottom: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #e8f2ec;
  color: #0b5d3b;
  font-size: 12px;
  font-weight: 800;
  border: 1px solid rgba(11,93,59,.10);
}

.auris-best-title {
  margin: 0 0 6px;
  color: #0b5d3b !important;
  font-size: 25px;
  font-weight: 800;
}

.auris-best-subtitle {
  margin: 0 0 22px;
  color: #766b64;
  font-size: 14px;
  line-height: 1.7;
}

.auris-best-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.auris-best-card {
  display: block;
  background: linear-gradient(
      180deg,
      #ffffff 0%,
      #fffaf1 100%
    );
  border: 1px solid rgba(215,179,106,.38);
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none !important;
  box-shadow: 0 8px 20px
    rgba(11,93,59,.07);
  transition: transform .22s ease,
    box-shadow .22s ease;
}

.auris-best-card:active {
  transform: scale(.98);
}

.auris-best-image-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8f2e8;
}

.auris-best-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.auris-best-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b5d3b;
  color: #d7b36a;
  font-size: 18px;
  font-weight: 800;
}

.auris-best-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 3;
  padding: 5px 9px;
  border-radius: 999px;
  background: linear-gradient(
      145deg,
      #e5c87e,
      #d7b36a
    );
  color: #063d29;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 3px 8px
    rgba(0,0,0,.08);
}

.auris-best-info {
  padding: 12px 9px 14px;
}

.auris-best-info strong {
  display: block;
  min-height: 44px;
  color: #0b5d3b;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.auris-best-shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 9px;
  min-height: 38px;
  padding: 8px 15px;
  border-radius: 999px;
  background: #0b5d3b;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 5px 12px
    rgba(11,93,59,.14);
}

/* الجوال */

@media (max-width: 767px) {

  .auris-best-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .auris-best-grid
  .auris-best-card:last-child {
    grid-column:
      1 / -1;

    width:
      calc(50% - 6px);

    justify-self:
      center;
  }

}

/* =========================================
   AURIS - تفاصيل تصنع الفرق
   إضافة فقط
   ========================================= */

#auris-details-section {
  padding: 36px 15px 38px !important;
}

.auris-details-inner {
  max-width: 1050px;
  margin: 0 auto;
  text-align: center;
}

.auris-details-kicker {
  display: inline-block;
  margin-bottom: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  color: #0b5d3b;
  border: 1px solid rgba(11,93,59,.12);
  font-size: 12px;
  font-weight: 800;
}

.auris-details-title {
  margin: 0 0 6px;
  color: #0b5d3b !important;
  font-size: 25px;
  font-weight: 800;
}

.auris-details-subtitle {
  margin: 0 0 24px;
  color: #766b64;
  font-size: 14px;
  line-height: 1.7;
}

.auris-details-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}

.auris-details-card {
  position: relative;
  overflow: hidden;
  padding: 22px 14px 20px;
  border-radius: 18px;
  background: linear-gradient(
      145deg,
      #ffffff 0%,
      #fffaf1 100%
    );
  border: 1px solid rgba(215,179,106,.34);
  box-shadow: 0 8px 20px rgba(11,93,59,.06);
}

.auris-details-card::before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  top: -35px;
  right: -30px;
  border-radius: 50%;
  background: radial-gradient(
      circle,
      rgba(215,179,106,.16),
      transparent 70%
    );
}

.auris-details-icon {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
      145deg,
      #0b5d3b,
      #063d29
    );
  color: #d7b36a;
  font-size: 22px;
  box-shadow: 0 5px 12px rgba(11,93,59,.14);
}

.auris-details-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  color: #0b5d3b;
  font-size: 16px;
  font-weight: 800;
}

.auris-details-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #6f655f;
  font-size: 13px;
  line-height: 1.75;
}

@media (max-width: 767px) {

  .auris-details-grid {
    grid-template-columns: 1fr;
  }

  .auris-details-card {
    padding: 20px 16px;
  }

}

/* ===== تحويل عنوان مختارات مميزة من أوريس إلى الأخضر ===== */

/* =========================================
   AURIS - كيف تهدي أوريس؟
   ========================================= */

#auris-gift-steps {
  padding: 38px 15px 40px !important;
  background: linear-gradient(
      180deg,
      #fffdf8 0%,
      #eef6f0 100%
    ) !important;
}

.auris-gift-steps-inner {
  max-width: 1050px;
  margin: 0 auto;
  text-align: center;
}

.auris-gift-steps-kicker {
  display: inline-block;
  margin-bottom: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffffff;
  color: #0B5D3B;
  border: 1px solid rgba(11,93,59,.12);
  font-size: 12px;
  font-weight: 800;
}

.auris-gift-steps-title {
  margin: 0 0 6px;
  color: #0B5D3B !important;
  font-size: 25px;
  font-weight: 800;
}

.auris-gift-steps-subtitle {
  margin: 0 0 24px;
  color: #766b64;
  font-size: 14px;
  line-height: 1.7;
}

.auris-gift-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.auris-gift-step {
  position: relative;
  padding: 24px 14px 20px;
  border-radius: 20px;
  background: linear-gradient(
      145deg,
      #ffffff 0%,
      #fffaf1 100%
    );
  border: 1px solid rgba(215,179,106,.38);
  box-shadow: 0 8px 20px rgba(11,93,59,.06);
  overflow: hidden;
}

.auris-step-number {
  position: absolute;
  top: 10px;
  left: 12px;
  color: rgba(11,93,59,.18);
  font-size: 27px;
  font-weight: 900;
  letter-spacing: 1px;
}

.auris-step-icon {
  width: 50px;
  height: 50px;
  margin: 4px auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
      145deg,
      #0B5D3B,
      #063D29
    );
  color: #D7B36A;
  font-size: 22px;
  box-shadow: 0 5px 12px rgba(11,93,59,.14);
}

.auris-gift-step h3 {
  margin: 0 0 7px;
  color: #0B5D3B;
  font-size: 16px;
  font-weight: 800;
}

.auris-gift-step p {
  margin: 0;
  color: #6F655F;
  font-size: 13px;
  line-height: 1.75;
}

.auris-gift-steps-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  min-height: 46px;
  padding: 11px 28px;
  border-radius: 999px;
  background: #0B5D3B !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(11,93,59,.16);
}

@media (max-width: 767px) {

  .auris-gift-steps-grid {
    grid-template-columns: 1fr;
  }

}

/* =========================================
   AURIS - لمسة أوريس
   ========================================= */

#auris-luxury-touch {
  padding: 42px 18px !important;
  background: linear-gradient(
      145deg,
      #063D29 0%,
      #0B5D3B 55%,
      #084B31 100%
    ) !important;
}

#auris-luxury-touch::before {
  right: -70px;
  border-radius: 50%;
}

#auris-luxury-touch::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: -80px;
  left: -60px;
  border-radius: 50%;
  background: radial-gradient(
      circle,
      rgba(255,255,255,.07),
      transparent 70%
    );
}

.auris-luxury-touch-inner {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.auris-luxury-mark {
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
      145deg,
      #E4C67B,
      #D7B36A
    );
  color: #063D29;
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

.auris-luxury-small {
  color: #D7B36A;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 4px;
  margin-bottom: 5px;
}

.auris-luxury-title {
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: 28px;
  font-weight: 800;
}

.auris-luxury-text {
  max-width: 520px;
  margin: 0 auto 18px;
  color: rgba(255,255,255,.90);
  font-size: 15px;
  line-height: 1.9;
}

.auris-luxury-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 12px auto 20px;
}

.auris-luxury-line span {
  width: 70px;
  height: 1px;
  background: linear-gradient(
      90deg,
      transparent,
      #D7B36A
    );
}

.auris-luxury-line span:last-child {
  background: linear-gradient(
      90deg,
      #D7B36A,
      transparent
    );
}

.auris-luxury-line b {
  color: #D7B36A;
  font-size: 10px;
  font-weight: 700;
}

.auris-luxury-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 28px;
  border-radius: 999px;
  background: #F8F2E8 !important;
  color: #0B5D3B !important;
  border: 1px solid rgba(215,179,106,.65);
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  box-shadow: 0 7px 16px rgba(0,0,0,.12);
}

/* =========================================
   AURIS - شريط الثقة الفاخر
   ========================================= */

.auris-trust-strip-item {
  text-align: center;
}

.auris-trust-strip-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
}

.auris-trust-strip-item strong {
  display: block;
  font-weight: 800;
}

.auris-trust-strip-item span {
  display: block;
}

@media (max-width: 767px) {

  .auris-trust-strip-inner {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* =========================================
   AURIS - تحويل شريط الثقة إلى نسخة مدمجة
   ========================================= */

#auris-trust-strip-v2 {
  padding: 18px 14px 22px !important;
  background: #ffffff !important;
}

.auris-trust-strip-inner {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 9px !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.auris-trust-strip-item {
  min-height: 92px !important;
  padding: 12px 8px !important;
  border-radius: 15px !important;
  background: linear-gradient(
      180deg,
      #fffdf8 0%,
      #f4f8f4 100%
    ) !important;
  border: 1px solid rgba(215,179,106,.28) !important;
  box-shadow: 0 4px 12px rgba(11,93,59,.04) !important;
}

.auris-trust-strip-icon {
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto 7px !important;
  font-size: 14px !important;
  background: #0B5D3B !important;
  color: #D7B36A !important;
}

.auris-trust-strip-item strong {
  font-size: 13px !important;
  margin-bottom: 2px !important;
  color: #0B5D3B !important;
}

.auris-trust-strip-item span {
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #766b64 !important;
}

/* =========================================
   AURIS - شريط لماذا أوريس المتحرك
   ========================================= */

#auris-why-ticker {
  padding: 24px 0 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.auris-why-ticker-title {
  text-align: center;
  color: #0B5D3B;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 14px;
}

.auris-why-ticker-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin: 8px auto 0;
  background: linear-gradient(
      90deg,
      transparent,
      #D7B36A,
      transparent
    );
}

.auris-why-ticker-window {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.auris-why-ticker-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: max-content;
  animation: aurisWhyTickerMove
    22s
    linear
    infinite;
}

.auris-why-ticker-track span {
  color: #0B5D3B;
  font-size: 15px;
  font-weight: 800;
}

.auris-why-ticker-track b {
  color: #D7B36A;
  font-size: 11px;
  font-weight: 700;
}

@keyframes aurisWhyTickerMove {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}

/* =========================================
   AURIS - من أوريس للوطن
   ========================================= */

#auris-national-gift {
  padding: 34px 15px 38px !important;
  background: linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f3e9 100%
    ) !important;
}

.auris-national-gift-inner {
  position: relative;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 20px;
  text-align: center;
  border-radius: 24px;
  background: linear-gradient(
      145deg,
      #fffdf8 0%,
      #f1f7f2 100%
    );
  border: 1px solid rgba(215,179,106,.45);
  box-shadow: 0 10px 24px rgba(11,93,59,.08);
}

.auris-national-gift-inner::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -75px;
  right: -55px;
  border-radius: 50%;
  background: radial-gradient(
      circle,
      rgba(11,93,59,.10),
      transparent 70%
    );
}

.auris-national-gift-badge {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #D7B36A;
  color: #063D29;
  font-size: 12px;
  font-weight: 800;
}

.auris-national-gift-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
      145deg,
      #0B5D3B,
      #063D29
    );
  color: #D7B36A;
  font-size: 22px;
  box-shadow: 0 6px 14px rgba(11,93,59,.16);
}

.auris-national-gift-title {
  margin: 0 0 8px;
  color: #0B5D3B !important;
  font-size: 27px;
  font-weight: 800;
}

.auris-national-gift-text {
  max-width: 560px;
  margin: 0 auto 20px;
  color: #6F655F;
  font-size: 14px;
  line-height: 1.8;
}

.auris-national-gift-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 26px;
  border-radius: 999px;
  background: #0B5D3B !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(11,93,59,.16);
}

.auris-national-gift-button:active {
  transform: scale(.98);
}

/* =========================================
   AURIS - توحيد شارات المنتجات
   جديد / الأكثر طلبًا / هدية مميزة / اليوم الوطني / للمناسبات
   ========================================= */

/* الشارات في الشريط المتحرك */

#auris-moving-products .auris-product-badge,

/* الشارات في الأكثر طلبًا */
#auris-best-sellers .auris-best-badge,

/* أي شارات عامة داخل أقسام أوريس */
[class*="auris"][class*="badge"] {
  background: linear-gradient(
      145deg,
      #E8CC84 0%,
      #D7B36A 100%
    ) !important;
  color: #0B5D3B !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 999px !important;
  padding: 6px 11px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 10px rgba(6,61,41,.10) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

/* شارة اليوم الوطني تكون أوضح قليلًا */

#auris-moving-products .auris-product-badge,
#auris-best-sellers .auris-best-badge {
  letter-spacing: 0 !important;
}

/* لمسة أخضر عند الضغط */

#auris-moving-products .auris-product-badge:active,
#auris-best-sellers .auris-best-badge:active {
  background: #0B5D3B !important;
  color: #ffffff !important;
}

/* تحسين موضع الشارات داخل الصور */

#auris-moving-products .auris-product-badge,
#auris-best-sellers .auris-best-badge {
  top: 9px !important;
  right: 9px !important;
  z-index: 10 !important;
}

/* منع الشارة من أخذ أكثر من سطر */

#auris-moving-products .auris-product-badge,
#auris-best-sellers .auris-best-badge {
  white-space: nowrap !important;
}

/* AURIS - ضبط المسافات بين الأقسام على الجوال */

@media (max-width: 768px) {

  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-trust-strip-v2,
  #auris-why-ticker,
  #auris-national-gift,
  #auris-moving-products {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  #auris-best-sellers h2,
  #auris-details-section h2,
  #auris-gift-steps h2,
  #auris-luxury-touch h2,
  #auris-national-gift h2,
  #auris-moving-products h2 {
    margin-bottom: 14px !important;
  }
}

/* AURIS — لمسة ذهبية للعناوين فقط */

#auris-best-sellers > h2::after,
#auris-details-section > h2::after,
#auris-gift-steps > h2::after,
#auris-luxury-touch > h2::after,
#auris-national-gift > h2::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin: 12px auto 0;
  border-radius: 10px;
  background: #D7B36A;
}

/* ========================================
   AURIS LUXURY MARQUEE
   شريط أوريس الفاخر
   ======================================== */

#auris-luxury-marquee {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 26px 0;
  padding: 3px 0;
  background: linear-gradient(
      90deg,
      #063D29 0%,
      #0B5D3B 50%,
      #063D29 100%
    );
  border-top: 1px solid #D7B36A;
  border-bottom: 1px solid #D7B36A;
  box-shadow: 0 8px 25px rgba(6,61,41,.12);
}

#auris-luxury-marquee::before,
#auris-luxury-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45px;
  z-index: 2;
  pointer-events: none;
}

#auris-luxury-marquee::before {
  right: 0;
  background: linear-gradient(
    to left,
    #063D29,
    transparent
  );
}

#auris-luxury-marquee::after {
  left: 0;
  background: linear-gradient(
    to right,
    #063D29,
    transparent
  );
}

.auris-luxury-track {
  overflow: hidden;
  width: 100%;
  padding: 17px 0;
}

.auris-luxury-content {
  display: flex;
  align-items: center;
  width: max-content;
  white-space: nowrap;
  animation: aurisLuxuryMove 25s linear infinite;
}

.auris-luxury-content span {
  color: #F8F2E8;
  font-size: 17px;
  font-weight: 700;
  padding: 0 18px;
}

.auris-luxury-content span:first-child {
  letter-spacing: 4px;
  color: #D7B36A;
}

.auris-luxury-content b {
  color: #D7B36A;
  font-size: 13px;
  font-weight: normal;
  filter: drop-shadow(0 0 5px rgba(215,179,106,.45));
}

@keyframes aurisLuxuryMove {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}

@media (max-width: 768px) {

  #auris-luxury-marquee {
    margin: 20px 0;
  }

  .auris-luxury-track {
    padding: 15px 0;
  }

  .auris-luxury-content span {
    font-size: 15px;
    padding: 0 14px;
  }

}

/* AURIS — حركة متصلة */

#auris-luxury-marquee .auris-luxury-content {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  gap: 0 !important;
  animation: aurisMarqueeFinal 10s linear infinite !important;
  will-change: transform;
}

#auris-luxury-marquee .auris-marquee-set {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

@keyframes aurisMarqueeFinal {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-25%, 0, 0);
  }
}

/* ==================================
   AURIS — اللمعة الذهبية الفاخرة
   قسم لمسة أوريس فقط
   ================================== */

#auris-luxury-touch {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

#auris-luxury-touch::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -45%;
  width: 22%;
  height: 180%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215, 179, 106, 0.08),
    rgba(255, 240, 190, 0.28),
    rgba(215, 179, 106, 0.08),
    transparent
  );
  transform: skewX(-18deg);
  animation: aurisGoldShine 5.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

#auris-luxury-touch > * {
  position: relative;
  z-index: 2;
}

@keyframes aurisGoldShine {
  0%, 55% {
    left: -45%;
    opacity: 0;
  }

  65% {
    opacity: 1;
  }

  90%, 100% {
    left: 125%;
    opacity: 0;
  }
}

/* =========================================
   AURIS — Luxury Glass
   تفاصيل تصنع الفرق
   ========================================= */

#auris-details-section {
  overflow: hidden !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* زخرفة ذهبية علوية فقط */

#auris-details-section::before {
  color: #D7B36A;
  font-size: 18px;
  opacity: .65;
}

/* لمسة ذهبية خفيفة في الجهة المقابلة */

#auris-details-section::after {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  right: -55px;
  bottom: -55px;
  border: 1px solid rgba(215,179,106,.30);
  border-radius: 50%;
  pointer-events: none;
}

/* =========================================
   AURIS — فخامة قسم تفاصيل تصنع الفرق فقط
   ========================================= */

#auris-details-section {
  position: relative !important;
  background: linear-gradient(
    145deg,
    #FFFFFF 0%,
    #F8F2E8 100%
  ) !important;
  border: 1px solid rgba(215, 179, 106, 0.55) !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 30px rgba(11, 93, 59, 0.08),
    0 2px 8px rgba(215, 179, 106, 0.10) !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/* خط ذهبي فاخر أعلى القسم */

#auris-details-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent,
    #D7B36A,
    transparent
  );
  border-radius: 10px;
  pointer-events: none;
}

/* ==========================================
   AURIS — PREMIUM FEATURES BAR
   ========================================== */
/* AURIS — إصلاح زر المفضلة فقط */
salla-button.btn--wishlist,
.btn--wishlist {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
}

salla-button.btn--wishlist {
  isolation: isolate !important;
}

/* =========================================
   AURIS CSS V6 — ضبط زر واتساب العائم على الجوال
   تعديل محصور في زر واتساب فقط
   ========================================= */
@media (max-width: 767px) {
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: 14px !important;
    bottom: 92px !important;
    z-index: 950 !important;
  }
}

/* =========================================
   AURIS CSS V7 — تصغير ارتفاع الهيدر على الجوال
   تعديل محصور في ارتفاع الهيدر فقط
   لا يغير الشعار أو الأيقونات أو أماكنها
   ========================================= */
@media (max-width: 767px) {
  .store-header,
  .main-nav-container {
    min-height: 62px !important;
  }

  header,
  .store-header,
  .main-nav-container,
  .navbar {
    max-height: 72px !important;
  }
}

/* =========================================
   AURIS CSS V8 — توحيد المسافات على الجوال
   تعديل محصور في المسافات الرأسية للأقسام المخصصة
   ========================================= */
@media (max-width: 767px) {
  #auris-products-section,
  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-trust-strip-v2,
  #auris-why-ticker,
  #auris-national-gift,
  #auris-luxury-marquee,
  #auris-showcase-final,
  #auris-flavors-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #auris-products-section,
  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-national-gift,
  #auris-showcase-final,
  #auris-flavors-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  #auris-trust-strip-v2,
  #auris-why-ticker,
  #auris-luxury-marquee {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

/* =========================================
   AURIS CSS V9 — منع ظهور محتوى الصفحة خلف الهيدر
   تعديل محصور في طبقة خلفية الهيدر على الجوال فقط
   لا يغير الحجم أو الموضع أو عناصر الهيدر
   ========================================= */
@media (max-width: 767px) {
  body.auris-home header,
  body.auris-home .store-header,
  body.auris-home .main-nav-container,
  body.auris-home .navbar {
    background: rgba(255, 253, 248, 0.98) !important;
    box-shadow: 0 6px 18px rgba(6, 61, 41, 0.08) !important;
    border-bottom: 1px solid rgba(215, 179, 106, 0.18) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    isolation: isolate !important;
  }

  body.auris-home header > *,
  body.auris-home .store-header > *,
  body.auris-home .main-nav-container > * {
    background-color: rgba(255, 253, 248, 0.98) !important;
  }
}

/* =========================================
   AURIS CSS V10 — التنظيف النهائي للجوال
   مبني على V9 المستقر
   ========================================= */
@media (max-width: 767px) {

  /* تقليل الفراغ قبل مختارات أوريس فقط */
  #auris-products-section {
    margin-top: -24px !important;
    padding-top: 24px !important;
  }

  /* شد نهاية قسم AURIS SIGNATURE MOMENT بدون تغيير تصميمه */
  #auris-signature-moment,
  .auris-signature-moment {
    margin-bottom: 0 !important;
    padding-bottom: 18px !important;
  }

  /* منع الهوامش الافتراضية من صنع فراغ إضافي بين الأقسام المخصصة */
  #auris-signature-moment + #auris-products-section,
  .auris-signature-moment + #auris-products-section {
    margin-top: -24px !important;
  }

  /* تحسين الانتقال البصري للعناوين بدون تغيير أحجامها */
  #auris-products-section .auris-products-title {
    margin-top: 0 !important;
  }

  /* الحفاظ على طبقة الهيدر النظيفة من V9 */
  body.auris-home header,
  body.auris-home .store-header,
  body.auris-home .main-nav-container,
  body.auris-home .navbar {
    overflow: visible !important;
  }
}

/* AURIS V11 — تقليل الفراغ قبل مختارات أوريس على الجوال فقط */
@media (max-width: 767px) {
  #auris-products-section {
    margin-top: -52px !important;
    padding-top: 12px !important;
  }

  #auris-products-section .auris-products-wrapper,
  #auris-products-section .auris-products-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* =========================================================
   AURIS CSS V12 — MOBILE POLISH
   إصلاحات نهائية محصورة وآمنة للجوال
   ========================================================= */
@media (max-width: 767px) {

  /* 1) إزالة سبب الفراغ الحقيقي:
        تصغير الارتفاع الداخلي لقسم "الفخامة ترى قبل أن تذاق" */
  #auris-signature-moment {
    margin: 0 !important;
    padding: 0 !important;
  }

  #auris-signature-moment .auris-signature-ticker {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #auris-signature-moment .auris-signature-main {
    padding: 18px 16px 16px !important;
  }

  #auris-signature-moment .auris-signature-brand {
    margin-bottom: 4px !important;
  }

  #auris-signature-moment .auris-signature-star {
    margin-bottom: 4px !important;
  }

  #auris-signature-moment .auris-signature-title {
    line-height: 1.28 !important;
  }

  #auris-signature-moment .auris-signature-line {
    margin-top: 10px !important;
  }

  #auris-signature-moment .auris-signature-sub {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  /* 2) مختارات أوريس تبدأ مباشرة بعد القسم السابق
        بدون سحب سلبي قد يسبب تراكب */
  #auris-products-section,
  #auris-signature-moment + #auris-products-section {
    margin-top: 0 !important;
  }

  #auris-products-section {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
  }

  #auris-products-section .auris-products-title,
  #auris-products-section .auris-products-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3) تقليل الفراغ الكبير حول زر "حمل المزيد" */
  .auris-load-more-wrap {
    margin-top: 18px !important;
    margin-bottom: 20px !important;
  }

  #aurisLoadMore {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 4) توحيد الانتقال بين الأقسام المخصصة الظاهرة */
  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-national-gift,
  #auris-showcase-final,
  #auris-flavors-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 5) منع العناوين من إضافة فراغ علوي غير مقصود */
  #auris-best-sellers h2,
  #auris-details-section h2,
  #auris-gift-steps h2,
  #auris-luxury-touch h2,
  #auris-national-gift h2,
  #auris-showcase-final h2,
  #auris-flavors-section h2 {
    margin-top: 0 !important;
  }

  /* 6) إبقاء واتساب بعيدًا عن شريط المتصفح السفلي قدر الإمكان */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: 12px !important;
    bottom: 88px !important;
  }
}

/* =========================================================
   AURIS CSS V13 — تحسين زر واتساب العائم فقط
   مبني على V12 المستقر — بدون تغيير أي قسم آخر
   ========================================================= */
@media (max-width: 767px) {
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: 10px !important;
    bottom: 96px !important;
    transform: scale(.80) !important;
    transform-origin: right bottom !important;
    z-index: 900 !important;
  }
}

/* =========================================================
   AURIS CSS V14 — خلفية أوريس المتدرجة
   مبني على V13 المستقر
   التعديل محصور في خلفية الصفحة الرئيسية فقط
   لا يغيّر الهيدر أو الصور أو بطاقات المنتجات أو الأقسام
   ========================================================= */

body.auris-home {
  background:
    radial-gradient(circle at 10% 8%,
      rgba(215, 179, 106, 0.18) 0,
      rgba(215, 179, 106, 0.07) 16%,
      transparent 34%),
    radial-gradient(circle at 92% 48%,
      rgba(11, 93, 59, 0.10) 0,
      rgba(11, 93, 59, 0.035) 19%,
      transparent 38%),
    radial-gradient(circle at 12% 88%,
      rgba(215, 179, 106, 0.13) 0,
      rgba(215, 179, 106, 0.04) 18%,
      transparent 36%),
    linear-gradient(
      180deg,
      #fffdf8 0%,
      #f8f2e8 28%,
      #fffdf9 52%,
      #f2f6f1 76%,
      #fffaf1 100%
    ) !important;
  background-attachment: fixed !important;
}

body.auris-home main {
  background: transparent !important;
}

/* طبقة فخامة هادئة جدًا في مساحات الخلفية فقط */
body.auris-home main::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(215, 179, 106, 0.035) 46%,
      rgba(255,255,255,0.22) 50%,
      rgba(215, 179, 106, 0.025) 54%,
      transparent 100%
    );
}

/* الجوال: التدرج أخف حتى تبقى المنتجات والصور هي البطل */
@media (max-width: 767px) {
  body.auris-home {
    background:
      radial-gradient(circle at 8% 12%,
        rgba(215, 179, 106, 0.14) 0,
        transparent 28%),
      radial-gradient(circle at 96% 58%,
        rgba(11, 93, 59, 0.075) 0,
        transparent 31%),
      linear-gradient(
        180deg,
        #fffdf9 0%,
        #f8f2e8 34%,
        #fffdf9 58%,
        #f3f6f2 80%,
        #fffaf2 100%
      ) !important;
    background-attachment: scroll !important;
  }
}

/* =========================================================
   AURIS CSS V15 — خلفية أغمق قليلًا + حضور أخضر أوضح
   تعديل الخلفية فقط فوق V14
   ========================================================= */

body.auris-home {
  background:
    radial-gradient(circle at 8% 10%,
      rgba(215, 179, 106, 0.22) 0,
      rgba(215, 179, 106, 0.09) 18%,
      transparent 36%),
    radial-gradient(circle at 94% 38%,
      rgba(11, 93, 59, 0.22) 0,
      rgba(11, 93, 59, 0.10) 22%,
      transparent 43%),
    radial-gradient(circle at 10% 82%,
      rgba(6, 61, 41, 0.14) 0,
      rgba(11, 93, 59, 0.06) 22%,
      transparent 40%),
    linear-gradient(
      180deg,
      #fbf5e9 0%,
      #eee3cd 22%,
      #e6eee7 43%,
      #f7f2e8 61%,
      #dfeae1 80%,
      #f3e8d3 100%
    ) !important;
}

@media (max-width: 767px) {
  body.auris-home {
    background:
      radial-gradient(circle at 5% 10%,
        rgba(215, 179, 106, 0.20) 0,
        transparent 31%),
      radial-gradient(circle at 98% 45%,
        rgba(11, 93, 59, 0.18) 0,
        rgba(11, 93, 59, 0.07) 22%,
        transparent 40%),
      radial-gradient(circle at 4% 88%,
        rgba(6, 61, 41, 0.11) 0,
        transparent 30%),
      linear-gradient(
        180deg,
        #faf3e5 0%,
        #eee2ca 24%,
        #e3ece5 45%,
        #f7f1e5 62%,
        #dce8df 82%,
        #f1e4ce 100%
      ) !important;
    background-attachment: scroll !important;
  }
}

/* =========================================================
   AURIS CSS V16 — HEADER CLEAN PRO
   إصلاح الهيدر فقط فوق V15
   السبب: النسخ السابقة جعلت عدة طبقات من الهيدر absolute
   مما يسبب تراكب/قص/فراغات واختلافًا بين الجوال والكمبيوتر.
   ========================================================= */

/* الهيدر الرئيسي يبقى في مسار الصفحة ولا يغطي البنر */
body.auris-home header {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1000 !important;
  background: rgba(255, 253, 248, 0.98) !important;
  border-bottom: 1px solid rgba(215, 179, 106, 0.20) !important;
  box-shadow: 0 5px 18px rgba(6, 61, 41, 0.07) !important;
}

/* منع طبقات سلة الداخلية من التراكب فوق بعضها */
body.auris-home .store-header,
body.auris-home .main-nav-container,
body.auris-home .navbar {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* شريط الإعلان موجود في مسار الصفحة، لذلك لا نزيح الهيدر 52px */
body.auris-home.auris-has-announcement header,
body.auris-home.auris-has-announcement .store-header,
body.auris-home.auris-has-announcement .main-nav-container,
body.auris-home.auris-has-announcement .navbar {
  top: auto !important;
}

/* لا نسمح بقص عناصر الهيدر على الجوال */
@media (max-width: 767px) {
  body.auris-home header,
  body.auris-home .store-header,
  body.auris-home .main-nav-container,
  body.auris-home .navbar {
    max-height: none !important;
    overflow: visible !important;
  }

  body.auris-home .store-header,
  body.auris-home .main-nav-container {
    min-height: 62px !important;
  }
}

/* الكمبيوتر: مساحة طبيعية ومنظمة للهيدر */
@media (min-width: 768px) {
  body.auris-home .store-header,
  body.auris-home .main-nav-container {
    min-height: 72px !important;
  }
}

/* =========================================================
   AURIS CSS V17 — إصلاح بطاقات المنتجات على الجوال
   مبني على V16 المستقر
   لا يغيّر الصور أو الهيدر أو JavaScript
   ========================================================= */

@media (max-width: 767px) {

  /* مساحة منظمة أسفل البطاقة حتى لا ينضغط زر الشراء */
  salla-product-card {
    min-width: 0 !important;
  }

  /* زر الإضافة: عرض كامل داخل البطاقة */
  salla-product-card salla-add-product-button {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  salla-product-card salla-add-product-button .s-button-element,
  salla-product-card salla-add-product-button button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline: 7px !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  /* إلغاء الحذف بالنقاط من نص "أضف إلى السلة" */
  salla-product-card salla-add-product-button .s-button-text {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  /* أيقونة السلة أصغر قليلًا حتى يبقى النص كاملًا */
  salla-product-card salla-add-product-button svg,
  salla-product-card salla-add-product-button i {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
  }

  /* واتساب: أصغر وأقرب للحافة حتى لا يغطي عناوين الأقسام */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: 5px !important;
    bottom: 78px !important;
    transform: scale(.70) !important;
    transform-origin: right bottom !important;
  }
}

/* =========================================================
   AURIS CSS V18 — MOBILE CLEANUP
   مبني على V17
   تنظيف الجوال فقط: واتساب + المسافات + النكهات
   ========================================================= */
@media (max-width: 767px) {

  /* 1) واتساب: إبقاؤه صغيرًا وقريبًا من الحافة */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: -3px !important;
    bottom: 64px !important;
    transform: scale(.62) !important;
    transform-origin: right bottom !important;
    z-index: 850 !important;
  }

  /* 2) توحيد المسافات في أقسام أوريس المخصصة فقط */
  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-trust-strip-v2,
  #auris-why-ticker,
  #auris-national-gift,
  #auris-luxury-marquee,
  #auris-showcase-final,
  #auris-flavors-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #auris-best-sellers,
  #auris-details-section,
  #auris-gift-steps,
  #auris-luxury-touch,
  #auris-national-gift,
  #auris-showcase-final,
  #auris-flavors-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  /* الشرائط القصيرة لا تحتاج فراغات كبيرة */
  #auris-trust-strip-v2,
  #auris-why-ticker,
  #auris-luxury-marquee {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* 3) قسم النكهات: شبكة مرتبة ومتوازنة */
  #auris-flavors-section .auris-flavors-grid,
  #auris-flavors-section .flavors-grid,
  #auris-flavors-section [class*="flavor"][class*="grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  #auris-flavors-section .auris-flavor-card,
  #auris-flavors-section .flavor-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* البطاقة الأخيرة إذا كانت منفردة تصبح عنصرًا مميزًا في المنتصف */
  #auris-flavors-section .auris-flavors-grid > :last-child:nth-child(odd),
  #auris-flavors-section .flavors-grid > :last-child:nth-child(odd),
  #auris-flavors-section [class*="flavor"][class*="grid"] > :last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 6px) !important;
    justify-self: center !important;
  }
}

/* =========================================================
   AURIS CSS V20 — UX CLEAN / SAFE
   تحسينات محافظة بدون إضافة أقسام جديدة أو تغيير الصور
   ========================================================= */

/* 1) الهيدر: واضح، هادئ، وغير متداخل مع المحتوى */
body.auris-home header,
body.auris-home .store-header,
body.auris-home .main-nav-container,
body.auris-home .navbar {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: rgba(248, 242, 232, .985) !important;
  box-shadow: 0 4px 18px rgba(6, 61, 41, .07) !important;
  border-bottom: 1px solid rgba(215, 179, 106, .20) !important;
  z-index: 1000 !important;
}

body.auris-home.auris-has-announcement header,
body.auris-home.auris-has-announcement .store-header,
body.auris-home.auris-has-announcement .main-nav-container,
body.auris-home.auris-has-announcement .navbar {
  top: auto !important;
}

/* 2) الشريط العلوي: أقل ارتفاعا وأخف ازدحاما */
#auris-announcement-bar {
  height: 38px !important;
  min-height: 38px !important;
}
#auris-announcement-bar span {
  font-size: 12.5px !important;
  line-height: 38px !important;
}

/* 3) السلايدر الرئيسي: حواف نظيفة وأسهم أصغر من دون قص الصور */
body.auris-home salla-slider,
body.auris-home .main-slider,
body.auris-home .home-slider,
body.auris-home .hero-slider {
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
body.auris-home salla-slider img,
body.auris-home .main-slider img,
body.auris-home .home-slider img,
body.auris-home .hero-slider img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}

/* 4) أقسام أوريس: تقليل الزحمة من غير حذف أي قسم */
body.auris-home #auris-products-section,
body.auris-home #auris-best-sellers,
body.auris-home #auris-occasion-section,
body.auris-home #auris-flavors-section,
body.auris-home #auris-details-section,
body.auris-home #auris-gift-steps,
body.auris-home #auris-luxury-touch,
body.auris-home #auris-national-gift,
body.auris-home #auris-showcase-final {
  margin-block: 0 !important;
}

/* 5) المنتج والأكثر طلبا: إبراز العناوين مع مسافات مضبوطة */
body.auris-home #auris-products-section h2,
body.auris-home #auris-best-sellers h2,
body.auris-home #auris-occasion-section h2,
body.auris-home #auris-flavors-section h2 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.35 !important;
}

/* 6) الجوال */
@media (max-width: 767px) {
  body.auris-home .store-header,
  body.auris-home .main-nav-container {
    min-height: 58px !important;
  }

  body.auris-home #auris-products-section,
  body.auris-home #auris-best-sellers,
  body.auris-home #auris-occasion-section,
  body.auris-home #auris-flavors-section,
  body.auris-home #auris-details-section,
  body.auris-home #auris-gift-steps,
  body.auris-home #auris-luxury-touch,
  body.auris-home #auris-national-gift,
  body.auris-home #auris-showcase-final {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  body.auris-home #auris-trust-strip-v2,
  body.auris-home #auris-why-ticker,
  body.auris-home #auris-luxury-marquee {
    margin-block: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  /* أسهم السلايدر لا تغطي التصميم */
  body.auris-home salla-slider .swiper-button-prev,
  body.auris-home salla-slider .swiper-button-next,
  body.auris-home .main-slider .swiper-button-prev,
  body.auris-home .main-slider .swiper-button-next,
  body.auris-home .home-slider .swiper-button-prev,
  body.auris-home .home-slider .swiper-button-next {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  /* زر واتساب أصغر ولا يغطي التقييمات والعناوين */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: -7px !important;
    bottom: 68px !important;
    transform: scale(.56) !important;
    transform-origin: right bottom !important;
    z-index: 850 !important;
  }

  /* بطاقات المنتجات: لا خروج ولا تزاحم أفقي */
  salla-product-card,
  salla-product-card .product-entry,
  salla-product-card .product-card {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* إبقاء زر الإضافة داخل عرض البطاقة ونصه واضحا */
  salla-product-card salla-add-product-button .s-button-element,
  salla-product-card salla-add-product-button button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-inline: 6px !important;
    gap: 4px !important;
  }
  salla-product-card salla-add-product-button .s-button-text {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }
}

/* 7) الكمبيوتر: هيدر أنحف ومساحات أهدأ */
@media (min-width: 768px) {
  body.auris-home .store-header,
  body.auris-home .main-nav-container {
    min-height: 68px !important;
  }

  body.auris-home #auris-products-section,
  body.auris-home #auris-best-sellers,
  body.auris-home #auris-occasion-section,
  body.auris-home #auris-flavors-section,
  body.auris-home #auris-details-section,
  body.auris-home #auris-gift-steps,
  body.auris-home #auris-luxury-touch,
  body.auris-home #auris-national-gift,
  body.auris-home #auris-showcase-final {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

/* =========================================================
   AURIS CSS V21 — CLEAN HEADER / INNER PAGES
   إصلاح آمن لتداخل الهيدر مع مسار التنقل في صفحات المنتجات
   + ترتيب الجوال بدون تغيير الصور أو الأقسام أو JavaScript
   ========================================================= */

/* صفحات المتجر الداخلية: الهيدر يبقى داخل مسار الصفحة ولا يغطي المحتوى */
body:not(.auris-home) header,
body:not(.auris-home) .store-header,
body:not(.auris-home) .main-nav-container,
body:not(.auris-home) .navbar {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1000 !important;
}

body:not(.auris-home) header {
  background: rgba(255, 253, 248, .985) !important;
  border-bottom: 1px solid rgba(215, 179, 106, .18) !important;
  box-shadow: 0 4px 16px rgba(6, 61, 41, .055) !important;
}

body:not(.auris-home) .store-header,
body:not(.auris-home) .main-nav-container,
body:not(.auris-home) .navbar {
  background: transparent !important;
  box-shadow: none !important;
}

/* إلغاء أثر قواعد الصفر العامة القديمة على أول محتوى في الصفحات الداخلية */
body:not(.auris-home) #main-content,
body:not(.auris-home) main {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
  z-index: 1 !important;
}

/* مسار التنقل: سطر مستقل أسفل الهيدر بدل دخوله بين الشعار والأيقونات */
body:not(.auris-home) salla-breadcrumb,
body:not(.auris-home) .breadcrumbs,
body:not(.auris-home) .breadcrumb,
body:not(.auris-home) [data-testid="store-breadcrumbs"] {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 7px 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  background: #fffdf8 !important;
  border-bottom: 1px solid rgba(215, 179, 106, .12) !important;
  z-index: 2 !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  /* ارتفاع هادئ للهيدر على الجوال */
  body:not(.auris-home) .store-header,
  body:not(.auris-home) .main-nav-container {
    min-height: 60px !important;
  }

  /* منع صف الهيدر من الالتفاف إلى سطرين */
  body:not(.auris-home) .main-nav-container > .container,
  body:not(.auris-home) .main-nav-container .inner,
  body:not(.auris-home) .store-header > .container,
  body:not(.auris-home) header > .container {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* الشعار لا يبتلع مساحة الهيدر */
  body:not(.auris-home) .navbar-brand img,
  body:not(.auris-home) .store-logo img,
  body:not(.auris-home) header .logo img {
    width: auto !important;
    max-width: 64px !important;
    max-height: 54px !important;
    object-fit: contain !important;
  }

  /* الأيقونات تبقى بأحجام متقاربة ولا تزاحم بعضها */
  body:not(.auris-home) .header-btn,
  body:not(.auris-home) .main-nav-container button,
  body:not(.auris-home) .main-nav-container [role="button"] {
    flex: 0 0 auto !important;
  }

  /* مسار التنقل أصغر على الجوال */
  body:not(.auris-home) salla-breadcrumb,
  body:not(.auris-home) .breadcrumbs,
  body:not(.auris-home) .breadcrumb,
  body:not(.auris-home) [data-testid="store-breadcrumbs"] {
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 6px 12px !important;
    margin-bottom: 8px !important;
  }

  /* واتساب: أصغر ولا يغطي زر شراء أو نص المنتج */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: -9px !important;
    bottom: 72px !important;
    transform: scale(.52) !important;
    transform-origin: right bottom !important;
    z-index: 850 !important;
  }
}

/* الكمبيوتر: لا نضغط مسار التنقل أو الهيدر */
@media (min-width: 768px) {
  body:not(.auris-home) #main-content,
  body:not(.auris-home) main {
    padding-top: 14px !important;
  }
}

/* =========================================================
   AURIS CSS V22 — FINAL CLEANUP
   تنظيف إضافي محافظ بعد مراجعة الفيديو:
   الفوتر + واتساب + بطاقات التوثيق + أزرار المنتجات
   بدون تغيير الصور أو البنرات أو JavaScript
   ========================================================= */

/* 1) الفوتر الأصلي في سلة: إزالة الفراغات الكبيرة وتوحيد الهوية */
footer.store-footer,
.store-footer,
footer {
  background: linear-gradient(
    180deg,
    #fbf7ef 0%,
    #f3f1e8 52%,
    #e4ece4 78%,
    #c9dacd 100%
  ) !important;
  margin-top: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 18px !important;
}

.store-footer__inner,
.store-footer .container,
footer.store-footer .container {
  min-height: 0 !important;
  height: auto !important;
}

.store-footer__inner {
  padding-top: 0 !important;
  padding-bottom: 18px !important;
}

.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer .title,
.store-footer strong,
.store-footer a {
  color: #063d29 !important;
}

.store-footer__copyright,
.store-footer .copyright,
footer .copyright {
  margin-top: 14px !important;
  padding-top: 14px !important;
  padding-bottom: 8px !important;
}

/* 2) بطاقات التوثيق: إنهاء الفراغ قبل الجزء السفلي */
#auris-trust-cards {
  margin-bottom: 10px !important;
  transform: none !important;
}

@media (max-width: 767px) {
  #auris-trust-cards {
    gap: 9px !important;
    padding-inline: 12px !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
  }

  .auris-trust-card {
    min-height: 112px !important;
    padding: 12px 8px !important;
  }

  /* 3) واتساب أصغر وأبعد عن البطاقات والنصوص */
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp {
    right: -11px !important;
    bottom: 66px !important;
    transform: scale(.47) !important;
    transform-origin: right bottom !important;
    z-index: 820 !important;
  }

  /* 4) زر المنتج: إبقاء النص مقروءًا داخل البطاقة */
  salla-product-card salla-add-product-button .s-button-element,
  salla-product-card salla-add-product-button button {
    min-height: 38px !important;
    padding-inline: 5px !important;
    border-radius: 10px !important;
  }

  salla-product-card salla-add-product-button .s-button-text {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  /* 5) الفوتر على الجوال: لا مساحات عمودية فارغة */
  footer.store-footer,
  .store-footer,
  footer {
    padding-top: 18px !important;
    padding-bottom: 12px !important;
  }

  .store-footer__inner,
  .store-footer .container,
  footer.store-footer .container {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    min-height: 0 !important;
  }

  .store-footer__copyright,
  .store-footer .copyright,
  footer .copyright {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
}

/* 6) الفوتر المخصص إن ظهر: نفس الأخضر والذهبي */
#auris-footer-section {
  background: linear-gradient(180deg, #0b5d3b 0%, #063d29 100%) !important;
  padding-top: 28px !important;
  padding-bottom: 24px !important;
}

#auris-footer-section .auris-footer-links {
  margin-bottom: 14px !important;
}

#auris-footer-section .auris-footer-social {
  margin-bottom: 14px !important;
}

#auris-footer-section .auris-footer-note {
  padding-top: 12px !important;
}

/* =========================================================
   AURIS CSS V23 — FOOTER COMPACT CLEAN
   مبني على V22 بعد مراجعة فيديو 15:09
   تنظيف الجزء السفلي فقط — بدون لمس الأقسام الناجحة
   ========================================================= */

@media (max-width: 767px) {

  /* ضغط الفوتر الأصلي في الصفحة الرئيسية بدون إخفاء محتواه */
  body.auris-home footer.store-footer,
  body.auris-home .store-footer {
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.auris-home .store-footer__inner {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.auris-home .store-footer__inner > .container,
  body.auris-home footer.store-footer > .container,
  body.auris-home .store-footer > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* شبكة معلومات الفوتر: إزالة الارتفاعات والفراغات المتضخمة */
  body.auris-home .store-footer__inner .grid {
    gap: 14px !important;
    row-gap: 14px !important;
    align-items: start !important;
    align-content: start !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.auris-home .store-footer__inner .grid > * {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* القوائم والعناوين داخل الفوتر */
  body.auris-home .store-footer ul,
  body.auris-home .store-footer nav {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.auris-home .store-footer li {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  body.auris-home .store-footer h3,
  body.auris-home .store-footer h4,
  body.auris-home .store-footer .title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  /* الشريط الأخير: الحقوق ووسائل الدفع قريب من المحتوى */
  body.auris-home .store-footer__copyright,
  body.auris-home .store-footer .copyright {
    margin-top: 8px !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    min-height: 0 !important;
  }

  body.auris-home .store-footer__copyright .container,
  body.auris-home .store-footer .copyright .container {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* انتقال أنظف من فوتر أوريس الأخضر للفوتر النظامي */
  body.auris-home #auris-footer-section {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(215,179,106,.22) !important;
  }

  /* واتساب: يبقى واضحًا لكن لا يغطي أزرار الفوتر */
  body.auris-home a[href*="wa.me"][style*="fixed"],
  body.auris-home a[href*="whatsapp"][style*="fixed"],
  body.auris-home .whatsapp-float,
  body.auris-home .floating-whatsapp,
  body.auris-home .salla-whatsapp-button,
  body.auris-home salla-whatsapp {
    right: -14px !important;
    bottom: 58px !important;
    transform: scale(.43) !important;
    transform-origin: right bottom !important;
  }
}

/* الكمبيوتر: فقط إزالة أي ارتفاع زائد في الفوتر */
@media (min-width: 768px) {
  body.auris-home .store-footer__inner,
  body.auris-home .store-footer__inner .grid,
  body.auris-home .store-footer__inner .grid > * {
    min-height: 0 !important;
    height: auto !important;
  }

  body.auris-home .store-footer__inner .grid {
    align-items: start !important;
    align-content: start !important;
  }
}

/* =========================================================
   AURIS CSS V24 — GIFT STEPS 2 + 1
   كيف تهدي أوريس؟ خانتان بجانب بعض والثالثة بالمنتصف أسفلهما
   لتقليل طول القسم على الجوال فقط
   ========================================================= */

@media (max-width: 767px) {

  #auris-gift-steps {
    padding: 28px 12px 30px !important;
  }

  .auris-gift-steps-subtitle {
    margin-bottom: 16px !important;
  }

  .auris-gift-steps-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .auris-gift-step {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 190px !important;
    padding: 20px 10px 16px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* الثالثة أسفل الخانتين وبنفس عرض إحداهما */
  .auris-gift-step:nth-child(3) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 5px) !important;
    justify-self: center !important;
  }

  .auris-step-number {
    top: 8px !important;
    left: 9px !important;
    font-size: 23px !important;
  }

  .auris-step-icon {
    width: 46px !important;
    height: 46px !important;
    margin: 2px auto 10px !important;
    font-size: 19px !important;
    flex: 0 0 46px !important;
  }

  .auris-gift-step h3 {
    margin-bottom: 6px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .auris-gift-step p {
    font-size: 11.5px !important;
    line-height: 1.55 !important;
  }

  .auris-gift-steps-button {
    margin-top: 16px !important;
  }
}

/* =========================================================
   AURIS CSS V25 — DETAILS SLOW STRIP
   تحويل «تفاصيل تصنع الفرق» إلى شريط بطيء على الجوال
   لتقليل طول الصفحة — CSS فقط وبدون تعديل JavaScript
   ========================================================= */

@media (max-width: 767px) {

  #auris-details-section {
    padding: 24px 0 26px !important;
    overflow: hidden !important;
  }

  #auris-details-section .auris-details-inner {
    max-width: none !important;
    overflow: hidden !important;
  }

  #auris-details-section .auris-details-kicker,
  #auris-details-section .auris-details-title,
  #auris-details-section .auris-details-subtitle {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  #auris-details-section .auris-details-subtitle {
    margin-bottom: 14px !important;
  }

  /* مسار أفقي واحد يتحرك ببطء */
  #auris-details-section .auris-details-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: none !important;
    padding: 2px 16px 8px !important;
    direction: rtl !important;
    will-change: transform;
    animation: aurisDetailsSlowStrip 16s ease-in-out infinite alternate !important;
  }

  #auris-details-section .auris-details-card {
    flex: 0 0 72vw !important;
    width: 72vw !important;
    max-width: 270px !important;
    min-height: 172px !important;
    padding: 18px 12px 16px !important;
    border-radius: 17px !important;
  }

  #auris-details-section .auris-details-icon {
    width: 43px !important;
    height: 43px !important;
    margin-bottom: 9px !important;
    font-size: 19px !important;
  }

  #auris-details-section .auris-details-card h3 {
    margin-bottom: 5px !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
  }

  #auris-details-section .auris-details-card p {
    font-size: 11.5px !important;
    line-height: 1.55 !important;
  }

  /* يبدأ من أول بطاقة ويتحرك حتى تظهر البطاقة الأخيرة ثم يعود بهدوء */
  @keyframes aurisDetailsSlowStrip {
    0%, 10% {
      transform: translateX(0);
    }
    90%, 100% {
      transform: translateX(calc(100% - 100vw + 34px));
    }
  }

  /* عند لمس الشريط يتوقف ليسهل قراءة البطاقة */
  #auris-details-section .auris-details-grid:active {
    animation-play-state: paused !important;
  }
}

/* احترام إعداد تقليل الحركة في الجهاز */
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  #auris-details-section .auris-details-inner {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #auris-details-section .auris-details-grid {
    animation: none !important;
    transform: none !important;
  }
}

/* =========================================================
   AURIS CSS V26 — SMART CLEANUP
   مراجعة فيديو 15:56
   الهدف: تقليل التكرار والطول بدون المساس بأقسام البيع الأساسية
   ========================================================= */

/* 1) لماذا أوريس؟
   نحتفظ بالشريط المتحرك المختصر ونحذف شبكة البطاقات المكررة تحته */
body.auris-home #auris-trust-strip-v2 {
  display: none !important;
}

/* 2) تواصل معنا مكرر:
   واتساب عائم + إنستقرام + روابط الفوتر موجودة بالفعل */
body.auris-home #auris-contact-section {
  display: none !important;
}

/* 3) لمسة أوريس: نفس القسم لكن أقل ارتفاعًا على الجوال */
@media (max-width: 767px) {
  body.auris-home #auris-luxury-touch {
    padding: 26px 14px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.auris-home .auris-luxury-mark {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
  }

  body.auris-home .auris-luxury-small {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }

  body.auris-home .auris-luxury-title {
    font-size: 23px !important;
    margin-bottom: 6px !important;
  }

  body.auris-home .auris-luxury-text {
    max-width: 330px !important;
    margin-bottom: 10px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  body.auris-home .auris-luxury-line {
    margin: 8px auto 12px !important;
  }

  body.auris-home .auris-luxury-button {
    min-height: 40px !important;
    padding: 8px 22px !important;
    font-size: 13px !important;
  }

  /* 4) لماذا أوريس المتحرك: شريط خفيف بدل قسم طويل */
  body.auris-home #auris-why-ticker {
    padding: 16px 0 14px !important;
    margin: 0 !important;
    background: linear-gradient(180deg,#fffdf8 0%,#f7f3e9 100%) !important;
  }

  body.auris-home .auris-why-ticker-title {
    font-size: 20px !important;
    margin-bottom: 9px !important;
  }

  body.auris-home .auris-why-ticker-title::after {
    width: 48px !important;
    margin-top: 5px !important;
  }

  body.auris-home .auris-why-ticker-track {
    gap: 12px !important;
    animation-duration: 26s !important;
  }

  body.auris-home .auris-why-ticker-track span {
    font-size: 12.5px !important;
  }

  /* 5) من أوريس للوطن: موسمي ومهم، نحافظ عليه لكن نضغط المساحة */
  body.auris-home #auris-national-gift {
    padding: 24px 12px 26px !important;
    margin: 0 !important;
  }

  body.auris-home .auris-national-gift-inner {
    padding: 24px 14px !important;
    border-radius: 20px !important;
  }

  body.auris-home .auris-national-gift-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 9px !important;
    font-size: 18px !important;
  }

  body.auris-home .auris-national-gift-title {
    font-size: 23px !important;
    margin-bottom: 6px !important;
  }

  body.auris-home .auris-national-gift-text {
    margin-bottom: 13px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
  }

  body.auris-home .auris-national-gift-button {
    min-height: 40px !important;
    padding: 8px 20px !important;
    font-size: 12.5px !important;
  }

  /* 6) إنستقرام: يبقى لأنه بصري ومفيد، لكن أقل طولًا */
  body.auris-home #auris-instagram-section {
    padding: 24px 12px !important;
  }

  body.auris-home #auris-instagram-section .auris-social-title {
    font-size: 21px !important;
    margin-bottom: 4px !important;
  }

  body.auris-home #auris-instagram-section .auris-social-subtitle {
    font-size: 12px !important;
    margin-bottom: 13px !important;
  }

  body.auris-home #auris-instagram-section .auris-instagram-grid {
    gap: 7px !important;
    margin-bottom: 12px !important;
  }

  body.auris-home #auris-instagram-section .auris-instagram-card {
    border-radius: 12px !important;
  }

  body.auris-home #auris-instagram-section .auris-instagram-button {
    min-height: 40px !important;
    padding: 8px 20px !important;
    font-size: 12.5px !important;
  }

  /* 7) الفواصل المتحركة الثانوية تكون خفيفة ولا تستهلك مساحة */
  body.auris-home #auris-luxury-marquee {
    margin: 10px 0 !important;
    padding: 2px 0 !important;
  }

  /* 8) واتساب: أصغر قليلًا بعد ضغط الأقسام */
  body.auris-home a[href*="wa.me"][style*="fixed"],
  body.auris-home a[href*="whatsapp"][style*="fixed"],
  body.auris-home .whatsapp-float,
  body.auris-home .floating-whatsapp,
  body.auris-home .salla-whatsapp-button,
  body.auris-home salla-whatsapp {
    right: -15px !important;
    bottom: 58px !important;
    transform: scale(.41) !important;
    transform-origin: right bottom !important;
  }
}

/* الكمبيوتر: نفس إزالة التكرار فقط، بدون ضغط التصميم */
@media (min-width: 768px) {
  body.auris-home #auris-contact-section {
    display: none !important;
  }
}

/* =========================================================
   AURIS CSS V27 — SMART COMPACT FLOW
   بعد مراجعة فيديو 16:18
   الهدف: الثانوية = شريط/مختصرة، الأساسية = تبقى واضحة
   الجوال فقط، مع الحفاظ على المنتجات والبنرات والتقييمات
   ========================================================= */

@media (max-width: 767px) {

  /* 1) اختر حسب المناسبة:
        الصور مهمة لكن لا تحتاج ثلاث بطاقات طويلة تحت بعض.
        تتحول إلى شريط بصري بطيء من بطاقة واحدة تقريباً في كل مرة. */
  body.auris-home #auris-occasion-section {
    padding: 22px 0 24px !important;
    overflow: hidden !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-inner {
    max-width: none !important;
    overflow: hidden !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-title,
  body.auris-home #auris-occasion-section .auris-occasion-subtitle {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-subtitle {
    margin-bottom: 13px !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: none !important;
    padding: 2px 16px 8px !important;
    direction: rtl !important;
    will-change: transform;
    animation: aurisOccasionSlowStrip 18s ease-in-out infinite alternate !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-card {
    flex: 0 0 76vw !important;
    width: 76vw !important;
    max-width: 285px !important;
    min-height: 190px !important;
    height: 190px !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body.auris-home #auris-occasion-section .auris-occasion-content span {
    padding: 7px 18px !important;
    font-size: 15px !important;
  }

  @keyframes aurisOccasionSlowStrip {
    0%, 10% {
      transform: translateX(0);
    }
    90%, 100% {
      transform: translateX(calc(100% - 100vw + 34px));
    }
  }

  body.auris-home #auris-occasion-section .auris-occasion-grid:active {
    animation-play-state: paused !important;
  }

  /* 2) أرسلها كهدية:
        مكرر وظيفياً بعد قسم "كيف تهدي أوريس؟" وزر اكتشفي الهدايا.
        نحذفه من الرئيسية فقط لتقليل التكرار. */
  body.auris-home #auris-gift-section {
    display: none !important;
  }

  /* 3) لمسة أوريس:
        تبقى كرسالة هوية، لكن كشريط/بطاقة قصيرة بدل كتلة طويلة. */
  body.auris-home #auris-luxury-touch {
    padding: 17px 14px 18px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-mark {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    margin-bottom: 5px !important;
    font-size: 15px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-small {
    font-size: 9.5px !important;
    margin-bottom: 2px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-title {
    font-size: 19px !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-text {
    max-width: 340px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    margin-bottom: 7px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-line {
    width: 44px !important;
    margin: 5px auto 8px !important;
  }

  body.auris-home #auris-luxury-touch .auris-luxury-button {
    min-height: 34px !important;
    padding: 6px 18px !important;
    font-size: 11.5px !important;
  }

  /* 4) إنستغرام: الصور الثلاث كافية، نقلل الفراغ فقط */
  body.auris-home #auris-instagram-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* 5) الانتقالات بين الأقسام:
        منع الفراغات التي لا تضيف قيمة بصرية */
  body.auris-home #auris-occasion-section + *,
  body.auris-home #auris-flavors-section + *,
  body.auris-home #auris-gift-steps + *,
  body.auris-home #auris-national-gift + * {
    margin-top: 0 !important;
  }
}

/* عند تفعيل تقليل الحركة: الشريط يبقى قابلاً للسحب بدون حركة تلقائية */
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  body.auris-home #auris-occasion-section .auris-occasion-inner {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.auris-home #auris-occasion-section .auris-occasion-grid {
    animation: none !important;
    transform: none !important;
  }
}

/* =========================================================
   AURIS CSS V28 — COMPACT PRIORITY CLEAN
   بعد مراجعة فيديو 16:42
   الأساسي يبقى واضحاً، والعناصر الثانوية تُضغط بدون حذف الهوية
   ========================================================= */

@media (max-width: 767px) {

  /* 1) اختر حسب النكهة عنصر أساسي:
        لا نحوله لشريط متحرك حتى تبقى الروابط سهلة الضغط.
        نرتبه 3 أعمدة × صفين بدلاً من 2 + 2 + 1. */
  body.auris-home #auris-flavors-section {
    padding: 20px 12px 22px !important;
  }

  body.auris-home #auris-flavors-section .auris-flavors-subtitle {
    margin-bottom: 13px !important;
  }

  body.auris-home #auris-flavors-section .auris-flavors-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.auris-home #auris-flavors-section .auris-flavor-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 108px !important;
    height: 108px !important;
    padding: 11px 5px !important;
    border-radius: 15px !important;
  }

  body.auris-home #auris-flavors-section .auris-flavor-icon {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    margin-bottom: 7px !important;
    font-size: 13px !important;
  }

  body.auris-home #auris-flavors-section .auris-flavor-card span {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  /* البيكان يبقى مميزاً لكن كبطاقة قصيرة بدلاً من كتلة كبيرة */
  body.auris-home #auris-flavors-section .auris-signature-flavor {
    min-height: 0 !important;
    margin-top: 10px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
  }

  body.auris-home #auris-flavors-section .auris-signature-badge {
    display: inline-block !important;
    margin-bottom: 4px !important;
    padding: 3px 10px !important;
    font-size: 9.5px !important;
  }

  body.auris-home #auris-flavors-section .auris-signature-name {
    margin-bottom: 2px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  body.auris-home #auris-flavors-section .auris-signature-text {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }

  /* 2) "تفاصيل تصنع لتهدى" جميلة لكنها عنصر هوية ثانوي:
        نحتفظ بالصورة واللوحة مع تقليل الارتفاع إلى النصف تقريباً. */
  body.auris-home #auris-showcase-final {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.auris-home #auris-showcase-final > div:first-child {
    height: 145px !important;
    min-height: 145px !important;
    overflow: hidden !important;
  }

  body.auris-home #auris-showcase-final > div:first-child img {
    width: 100% !important;
    height: 145px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.auris-home #auris-showcase-final > div:nth-child(2) {
    min-height: 190px !important;
    padding: 20px 16px 18px !important;
  }

  body.auris-home #auris-showcase-final > div:nth-child(2) > div:first-child {
    margin-bottom: 4px !important;
    font-size: 14px !important;
  }

  /* 3) بطاقات المنتجات:
        النص كان ما يزال يظهر "أضف..." في الفيديو؛ نضغط الزر نفسه فقط. */
  body.auris-home salla-product-card salla-add-product-button .s-button-element,
  body.auris-home salla-product-card salla-add-product-button button {
    min-height: 36px !important;
    padding-inline: 3px !important;
    gap: 2px !important;
  }

  body.auris-home salla-product-card salla-add-product-button .s-button-text {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.1px !important;
  }

  body.auris-home salla-product-card salla-add-product-button svg,
  body.auris-home salla-product-card salla-add-product-button i {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
    flex: 0 0 13px !important;
  }

  /* 4) واتساب: أقل تغطية على بطاقات النكهات والفوتر */
  body.auris-home a[href*="wa.me"][style*="fixed"],
  body.auris-home a[href*="whatsapp"][style*="fixed"],
  body.auris-home .whatsapp-float,
  body.auris-home .floating-whatsapp,
  body.auris-home .salla-whatsapp-button,
  body.auris-home salla-whatsapp {
    right: -16px !important;
    bottom: 55px !important;
    transform: scale(.40) !important;
    transform-origin: right bottom !important;
  }
}

/* =========================================================
   AURIS CSS V29 — FLAVORS 2 + 2 + 1
   اختر حسب النكهة:
   صف أول = 2
   صف ثانٍ = 2
   الخامسة = بالمنتصف
   ========================================================= */

@media (max-width: 767px) {

  body.auris-home #auris-flavors-section .auris-flavors-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body.auris-home #auris-flavors-section .auris-flavor-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 118px !important;
    height: 118px !important;
    margin: 0 !important;
    padding: 12px 7px !important;
  }

  /* النكهة الخامسة في المنتصف وبنفس عرض بقية البطاقات */
  body.auris-home #auris-flavors-section .auris-flavors-grid
  .auris-flavor-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 5px) !important;
    justify-self: center !important;
  }

  /* بطاقة الحشوة المميزة تبقى أسفل الشبكة بشكل مستقل */
  body.auris-home #auris-flavors-section .auris-signature-flavor {
    margin-top: 10px !important;
  }
}


/* =========================================================
   AURIS CSS V30 — WHATSAPP RAISED
   رفع زر واتساب على الجوال مثل الموضع المطلوب
   الرئيسية + المنتجات + الصفحات الداخلية
   ========================================================= */

@media (max-width: 767px) {
  a[href*="wa.me"][style*="fixed"],
  a[href*="whatsapp"][style*="fixed"],
  .whatsapp-float,
  .floating-whatsapp,
  .salla-whatsapp-button,
  salla-whatsapp,
  body.auris-home a[href*="wa.me"][style*="fixed"],
  body.auris-home a[href*="whatsapp"][style*="fixed"],
  body.auris-home .whatsapp-float,
  body.auris-home .floating-whatsapp,
  body.auris-home .salla-whatsapp-button,
  body.auris-home salla-whatsapp {
    right: -10px !important;
    bottom: 155px !important;
    transform: scale(.43) !important;
    transform-origin: right bottom !important;
    z-index: 850 !important;
  }
}

/* =========================================================
   AURIS CSS V31 — WHATSAPP FORCE RAISE
   توسيع محددات زر واتساب العائم في صفحات المنتجات والجوال
   ========================================================= */
@media (max-width: 767px) {
  /* الزر نفسه إذا كان يحمل كلاس fixed/bottom/floating */
  a[href*="wa.me/966553940290"][class*="fixed"],
  a[href*="wa.me/966553940290"][class*="bottom"],
  a[href*="wa.me/966553940290"][class*="float"],
  a[href*="wa.me/966553940290"]:has(> .sicon-whatsapp),
  a[href*="wa.me/966553940290"]:has(> svg),

  /* إذا كان الرابط داخل حاوية عائمة */
  [class*="fixed"] > a[href*="wa.me/966553940290"],
  [class*="floating"] > a[href*="wa.me/966553940290"],
  [class*="whatsapp"] > a[href*="wa.me/966553940290"],
  [id*="whatsapp"] > a[href*="wa.me/966553940290"],

  /* أسماء شائعة لودجت واتساب */
  #whatsapp-button,
  #whatsapp-float,
  .whatsapp-button,
  .whatsapp_float,
  .whatsapp-widget,
  .wa-float,
  .wa__btn_popup,
  .joinchat__button,
  .ht-ctc-chat,
  .ctc-analytics {
    position: fixed !important;
    right: 8px !important;
    bottom: 185px !important;
    top: auto !important;
    left: auto !important;
    z-index: 990 !important;
  }
}

/* =========================================================
   AURIS CSS V32 — SAFE CLEANUP
   تنظيف بعد مراجعة فيديو 18:25
   لا يلمس الأقسام التي تم ضبطها
   ========================================================= */

@media (max-width: 767px) {

  /* 1) صفحات المنتج فقط:
     تثبيت الهيدر داخل مسار الصفحة ومنع دخوله فوق صورة المنتج.
     :has هنا يحصر التعديل في صفحة المنتج فقط حتى لو بقي كلاس auris-home بعد التنقل. */
  body:has([data-testid="store-product-image-slider"]) header,
  body:has([data-testid="store-product-image-slider"]) .store-header,
  body:has([data-testid="store-product-image-slider"]) .main-nav-container,
  body:has(.container--product-details) header,
  body:has(.container--product-details) .store-header,
  body:has(.container--product-details) .main-nav-container {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    inset: auto !important;
    width: 100% !important;
    z-index: 1000 !important;
  }

  body:has([data-testid="store-product-image-slider"]) header,
  body:has([data-testid="store-product-image-slider"]) .store-header,
  body:has(.container--product-details) header,
  body:has(.container--product-details) .store-header {
    background: #fffdf8 !important;
    border-bottom: 1px solid rgba(215,179,106,.18) !important;
    box-shadow: 0 3px 12px rgba(6,61,41,.045) !important;
  }

  /* أول محتوى في صفحة المنتج يبدأ بعد الهيدر بدون سحب أو تداخل */
  body:has([data-testid="store-product-image-slider"]) main,
  body:has(.container--product-details) main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 2) زر حمل المزيد كان أكبر من أهميته في الفيديو — نصغره فقط */
  body.auris-home .auris-load-more-wrap {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.auris-home #aurisLoadMore {
    width: auto !important;
    min-width: 150px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 24px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* 3) بطاقات التوثيق قبل الفوتر: تبقى موجودة لكن أقل ارتفاعاً */
  body.auris-home #auris-trust-cards {
    gap: 8px !important;
    margin-top: 4px !important;
    margin-bottom: 12px !important;
    padding-inline: 14px !important;
    transform: none !important;
  }

  body.auris-home #auris-trust-cards .auris-trust-card {
    min-height: 94px !important;
    padding: 9px 7px !important;
    border-radius: 16px !important;
  }

  body.auris-home #auris-trust-cards .auris-trust-icon,
  body.auris-home #auris-trust-cards .auris-brand-card .auris-trust-icon {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 6px !important;
  }

  body.auris-home #auris-trust-cards .auris-trust-name {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.auris-home #auris-trust-cards .auris-trust-small,
  body.auris-home #auris-trust-cards .auris-trust-number {
    margin-top: 3px !important;
    font-size: 9.5px !important;
  }

  /* 4) الفوتر النظامي: ضغط المسافات فقط، لا حذف روابط ولا بيانات */
  body.auris-home .store-footer__inner .grid {
    row-gap: 9px !important;
  }

  body.auris-home .store-footer__inner .grid > * {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  body.auris-home .store-footer p {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    line-height: 1.65 !important;
  }

  body.auris-home .store-footer h3,
  body.auris-home .store-footer h4,
  body.auris-home .store-footer .title {
    margin-bottom: 5px !important;
  }
}


/* =========================================================
   AURIS CSS V33 — OPPOSITE LUXURY TICKER
   تحويل "الفخامة ترى قبل أن تذاق" إلى شريط أخضر متحرك
   بعكس اتجاه الشريط الذهبي لتوفير المساحة.
   لا تعديل على المنتجات أو النكهات أو واتساب أو الأقسام المستقرة.
   ========================================================= */

body.auris-home #auris-signature-moment {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* الشريط الذهبي الحالي يبقى كما هو وحركته الأصلية محفوظة */
body.auris-home #auris-signature-moment .auris-signature-ticker {
  margin: 0 !important;
}

/* نحول الكتلة الكبيرة إلى شريط أخضر قصير */
body.auris-home #auris-signature-moment .auris-signature-main {
  position: relative !important;
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, #063D29 0%, #0B5D3B 50%, #063D29 100%) !important;
  border-top: 1px solid rgba(215,179,106,.55) !important;
  border-bottom: 1px solid rgba(215,179,106,.55) !important;
}

/* إخفاء محتوى البلوك القديم فقط، بدون حذف القسم */
body.auris-home #auris-signature-moment .auris-signature-brand,
body.auris-home #auris-signature-moment .auris-signature-star,
body.auris-home #auris-signature-moment .auris-signature-title,
body.auris-home #auris-signature-moment .auris-signature-line,
body.auris-home #auris-signature-moment .auris-signature-sub {
  display: none !important;
}

/* النص الصحيح + حركة معاكسة للشريط الذهبي */
body.auris-home #auris-signature-moment .auris-signature-main::before {
  content:
    "✦  الفخامة ترى قبل أن تذاق، أوريس طعم لا ينسى   ✦   "
    "الفخامة ترى قبل أن تذاق، أوريس طعم لا ينسى   ✦   "
    "الفخامة ترى قبل أن تذاق، أوريس طعم لا ينسى   ✦   "
    "الفخامة ترى قبل أن تذاق، أوريس طعم لا ينسى   ✦   ";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: max-content !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  transform: translate3d(-50%,0,0);
  border: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  color: #F8F2E8 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  animation: aurisLuxuryReverseMove 18s linear infinite !important;
  pointer-events: none !important;
  will-change: transform;
}

@keyframes aurisLuxuryReverseMove {
  from {
    transform: translate3d(-50%,0,0);
  }
  to {
    transform: translate3d(0,0,0);
  }
}

@media (max-width: 767px) {
  body.auris-home #auris-signature-moment .auris-signature-main,
  body.auris-home #auris-signature-moment .auris-signature-main::before {
    height: 42px !important;
    min-height: 42px !important;
  }

  body.auris-home #auris-signature-moment .auris-signature-main::before {
    font-size: 12.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.auris-home #auris-signature-moment .auris-signature-main::before {
    animation: none !important;
    transform: translate3d(0,0,0) !important;
  }
}


/* =========================================================
   AURIS CSS V34 — SINGLE GREEN LUXURY TICKER
   حذف الشريط الذهبي في Signature Moment
   والإبقاء على شريط أخضر واحد فقط لتوفير المساحة.
   ========================================================= */

body.auris-home #auris-signature-moment .auris-signature-ticker {
  display: none !important;
}

/* إزالة أي مساحة متبقية من الشريط القديم */
body.auris-home #auris-signature-moment {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* الشريط الأخضر الوحيد */
body.auris-home #auris-signature-moment .auris-signature-main {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(90deg,#063D29 0%,#0B5D3B 50%,#063D29 100%) !important;
  border-top: 1px solid rgba(215,179,106,.75) !important;
  border-bottom: 1px solid rgba(215,179,106,.75) !important;
}

/* إلغاء محتوى البلوك الكبير السابق */
body.auris-home #auris-signature-moment .auris-signature-brand,
body.auris-home #auris-signature-moment .auris-signature-star,
body.auris-home #auris-signature-moment .auris-signature-title,
body.auris-home #auris-signature-moment .auris-signature-line,
body.auris-home #auris-signature-moment .auris-signature-sub {
  display: none !important;
}

/* العبارة الصحيحة مع فاصل ذهبي واضح */
body.auris-home #auris-signature-moment .auris-signature-main::before {
  content:
    "الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     "
    "❖     الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     "
    "❖     الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     "
    "❖     الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  height: 44px !important;
  white-space: nowrap !important;
  color: #F8F2E8 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  word-spacing: 3px !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.12) !important;
  animation: aurisSingleGreenTicker 22s linear infinite !important;
  will-change: transform;
  pointer-events: none !important;
}

@keyframes aurisSingleGreenTicker {
  from { transform: translate3d(-45%,0,0); }
  to   { transform: translate3d(0,0,0); }
}

@media (max-width: 767px) {
  body.auris-home #auris-signature-moment .auris-signature-main,
  body.auris-home #auris-signature-moment .auris-signature-main::before {
    height: 42px !important;
    min-height: 42px !important;
  }

  body.auris-home #auris-signature-moment .auris-signature-main::before {
    font-size: 12.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.auris-home #auris-signature-moment .auris-signature-main::before {
    animation: none !important;
    transform: translate3d(0,0,0) !important;
  }
}


/* =========================================================
   AURIS CSS V35
   1) فواصل واضحة في الشريط الأخضر: حبة كاكاو + نجمة
   2) إصلاح صورة Signature/Showcase التي ظهر فيها الكرتون الأزرق صغيراً
   لا تعديل على النكهات أو المنتجات أو واتساب أو الأجزاء المستقرة
   ========================================================= */

/* --- الشريط الأخضر: فصل بصري أوضح بين العبارات --- */
body.auris-home #auris-signature-moment .auris-signature-main::before {
  content:
    "الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     ◇❧◇     "
    "الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     ◇❧◇     "
    "الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     ◇❧◇     "
    "الفخامة ترى قبل أن تذاق  ✦  أوريس طعم لا ينسى     ◇❧◇     ";
  word-spacing: 4px !important;
}

/* --- الصورة الكبيرة قبل الشريط:
       إلغاء القص/التصغير الذي ظهر في V32-V34 وإعادة عرض الصورة بشكل ممتلئ --- */
body.auris-home #auris-showcase-final > div:first-child {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.auris-home #auris-showcase-final > div:first-child img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* الجوال: نعطي الصورة مساحة كافية كي يظهر الكرتون الأزرق بحجمه الطبيعي */
@media (max-width: 767px) {
  body.auris-home #auris-showcase-final > div:first-child {
    width: 100% !important;
    aspect-ratio: auto !important;
  }

  body.auris-home #auris-showcase-final > div:first-child img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}


/* =========================================================
   AURIS CSS V36 — HEADER + FOOTER LINKS VISIBILITY FIX
   إصلاح محافظ لما ظهر في نسخة الكمبيوتر:
   - إظهار الهيدر ومحتوياته
   - إظهار الروابط التعريفية الموجودة داخل فوتر سلة
   بدون لمس الأقسام الناجحة أو بطاقات المنتجات أو واتساب
   ========================================================= */

/* ---------- الهيدر: الكمبيوتر ---------- */
@media (min-width: 768px) {

  body header,
  body .store-header,
  body .main-nav-container,
  body .navbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 68px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body header,
  body .store-header {
    background: rgba(255,253,248,.985) !important;
  }

  body .main-nav-container > .container,
  body .main-nav-container .inner,
  body .store-header > .container,
  body header > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 68px !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  /* العناصر الأساسية للهيدر فقط */
  body header .navbar-brand,
  body header .store-logo,
  body header .logo,
  body .main-nav-container .navbar-brand,
  body .main-nav-container .store-logo,
  body .main-nav-container .header-btn,
  body .main-nav-container salla-cart-summary,
  body .main-nav-container salla-user-menu {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body header .navbar-brand img,
  body header .store-logo img,
  body header .logo img,
  body .main-nav-container .navbar-brand img,
  body .main-nav-container .store-logo img {
    display: block !important;
    width: auto !important;
    max-width: 92px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .main-nav-container a,
  body .main-nav-container button,
  body .main-nav-container [role="button"] {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ---------- روابط الفوتر التعريفية ---------- */
.store-footer nav,
.store-footer ul,
.store-footer li,
.store-footer a,
.store-footer .footer-list,
.store-footer .footer-menu,
.store-footer .store-footer__links {
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}

.store-footer ul,
.store-footer .footer-list,
.store-footer .footer-menu {
  display: block !important;
}

.store-footer li {
  display: list-item !important;
}

.store-footer a {
  display: inline-flex !important;
  align-items: center !important;
  color: #063D29 !important;
  text-decoration: none !important;
}

/* مساحة طبيعية حتى لا تُضغط الروابط على الكمبيوتر */
@media (min-width: 768px) {
  .store-footer__inner .grid > *,
  .store-footer .grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  .store-footer nav,
  .store-footer ul {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .store-footer li {
    margin: 5px 0 !important;
  }
}

/* الجوال: لا نغيّر ترتيب الهيدر؛ فقط نضمن ظهور روابط الفوتر الموجودة */
@media (max-width: 767px) {
  .store-footer nav,
  .store-footer ul,
  .store-footer li,
  .store-footer a {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   AURIS CSS V37 — PAYMENT METHODS FIX
   إصلاح تكدس وسائل الدفع الذي سببه تعميم قواعد الفوتر في V36.
   نبقي روابط "روابط مهمة" ظاهرة، ونرجع وسائل الدفع أفقية.
   ========================================================= */

.store-footer .payment-methods,
.store-footer .store-footer__payment-methods,
.store-footer .footer-payments,
.store-footer .salla-payments,
.store-footer [class*="payment-method"],
.store-footer [class*="payments"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.store-footer .payment-methods ul,
.store-footer .store-footer__payment-methods ul,
.store-footer .footer-payments ul,
.store-footer .salla-payments ul,
.store-footer [class*="payment-method"] ul,
.store-footer [class*="payments"] ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.store-footer .payment-methods li,
.store-footer .store-footer__payment-methods li,
.store-footer .footer-payments li,
.store-footer .salla-payments li,
.store-footer [class*="payment-method"] li,
.store-footer [class*="payments"] li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.store-footer .payment-methods img,
.store-footer .store-footer__payment-methods img,
.store-footer .footer-payments img,
.store-footer .salla-payments img,
.store-footer [class*="payment-method"] img,
.store-footer [class*="payments"] img {
  display: block !important;
  width: auto !important;
  height: 30px !important;
  max-width: 72px !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  .store-footer .payment-methods,
  .store-footer .store-footer__payment-methods,
  .store-footer .footer-payments,
  .store-footer .salla-payments,
  .store-footer [class*="payment-method"],
  .store-footer [class*="payments"],
  .store-footer .payment-methods ul,
  .store-footer .store-footer__payment-methods ul,
  .store-footer .footer-payments ul,
  .store-footer .salla-payments ul,
  .store-footer [class*="payment-method"] ul,
  .store-footer [class*="payments"] ul {
    justify-content: center !important;
    gap: 7px !important;
  }

  .store-footer .payment-methods img,
  .store-footer .store-footer__payment-methods img,
  .store-footer .footer-payments img,
  .store-footer .salla-payments img,
  .store-footer [class*="payment-method"] img,
  .store-footer [class*="payments"] img {
    height: 27px !important;
    max-width: 64px !important;
  }
}


/* =========================================================
   AURIS CSS V38 — FINAL FOOTER CLEAN
   بعد مراجعة الفيديو:
   نحذف فقط شبكة الفوتر النظامي المكررة في الصفحة الرئيسية
   (تعريف أوريس + وثيقة العمل + روابط مهمة الفارغة + تواصل معنا)
   لأن الفوتر الأخضر المخصص يغطي هذه الوظائف بالفعل.
   نحافظ على حقوق سلة ووسائل الدفع كما هي.
   ========================================================= */

/* الرئيسية فقط: إخفاء شبكة المعلومات المكررة، لا الفوتر كله */
body.auris-home .store-footer__inner .grid {
  display: none !important;
}

/* إزالة المساحة التي كانت تحجزها الشبكة بعد إخفائها */
body.auris-home .store-footer__inner,
body.auris-home .store-footer__inner > .container,
body.auris-home footer.store-footer > .container {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* إبقاء قسم الحقوق ووسائل الدفع ظاهرًا ومرتبًا */
body.auris-home .store-footer__copyright,
body.auris-home .store-footer .copyright {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* وسائل الدفع تبقى أفقية */
body.auris-home .store-footer .payment-methods,
body.auris-home .store-footer .store-footer__payment-methods,
body.auris-home .store-footer .footer-payments,
body.auris-home .store-footer .salla-payments,
body.auris-home .store-footer [class*="payment-method"],
body.auris-home .store-footer [class*="payments"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

/* لا تغيير على الصفحات الداخلية: فوتر سلة يبقى كاملًا هناك */


/* =========================================================
   AURIS CSS V39 — SOFT HEADER TINT
   تلوين المنطقة العلوية بدرجة أغمق قليلًا:
   عاجي + أخضر سيج خفيف من هوية أوريس
   بدون لمس البنر أو المنتجات أو بقية الأقسام
   ========================================================= */

@media (max-width: 767px) {

  body.auris-home header,
  body.auris-home .store-header,
  body.auris-home .main-nav-container,
  body.auris-home .navbar {
    background:
      linear-gradient(
        180deg,
        #E8EEE8 0%,
        #F0EBDD 48%,
        #F8F2E8 100%
      ) !important;
  }

  /* الطبقات الداخلية للهيدر تبقى شفافة حتى يظهر التدرج كقطعة واحدة */
  body.auris-home header > *,
  body.auris-home .store-header > *,
  body.auris-home .main-nav-container > *,
  body.auris-home .navbar > * {
    background-color: transparent !important;
  }

  /* خط ذهبي خفيف يفصل الهيدر عن البنر */
  body.auris-home header {
    border-bottom: 1px solid rgba(215,179,106,.38) !important;
    box-shadow: 0 5px 16px rgba(6,61,41,.08) !important;
  }
}

/* الكمبيوتر بنفس الروح ولكن أخف */
@media (min-width: 768px) {
  body.auris-home header,
  body.auris-home .store-header,
  body.auris-home .main-nav-container,
  body.auris-home .navbar {
    background:
      linear-gradient(
        180deg,
        #EEF2EC 0%,
        #F8F2E8 100%
      ) !important;
  }
}


/* =========================================================
   AURIS CSS V41 — REAL SALLA DESKTOP HEADER FIX
   مبني على بنية هيدر Salla/Raed الفعلية:
   .top-navbar
   #mainnav.main-nav-container
   .navbar-brand
   custom-main-menu / .main-menu
   .header-search / salla-search
   تعديل الكمبيوتر فقط — الجوال غير متأثر
   ========================================================= */

@media (min-width: 1024px) {

  /* مهم: النسخ القديمة جعلت هيدر الرئيسية absolute.
     على الكمبيوتر نرجعه جزءًا طبيعيًا من الصفحة. */
  body.auris-home .store-header,
  body.auris-home header.store-header {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    z-index: 40 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.auris-home.auris-has-announcement .store-header,
  body.auris-home.auris-has-announcement header.store-header {
    top: auto !important;
  }

  /* ---------- الشريط العلوي: البحث والروابط ---------- */
  .store-header .top-navbar {
    display: flex !important;
    min-height: 50px !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    background: linear-gradient(90deg, #E8EEE8 0%, #F8F2E8 52%, #EEF2EC 100%) !important;
    border-bottom: 1px solid rgba(215,179,106,.38) !important;
    color: #173C2D !important;
  }

  .store-header .top-navbar > .container {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 38px !important;
    margin-inline: auto !important;
    padding-inline: 34px !important;
    align-items: center !important;
    gap: 18px !important;
  }

  .store-header .top-navbar .header-search {
    flex: 0 1 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    margin-inline-start: 12px !important;
  }

  .store-header .top-navbar salla-search[data-testid="store-header-search"] {
    display: block !important;
    width: 100% !important;
    max-width: 330px !important;
  }

  .store-header .top-navbar .s-search-input {
    min-height: 38px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(11,93,59,.13) !important;
    box-shadow: 0 2px 9px rgba(6,61,41,.04) !important;
    color: #173C2D !important;
  }

  /* ---------- القائمة الرئيسية ---------- */
  .store-header #mainnav.main-nav-container {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-height: 94px !important;
    height: 94px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    background: linear-gradient(180deg, #FFFDF8 0%, #F8F2E8 100%) !important;
    border-bottom: 1px solid rgba(215,179,106,.45) !important;
    box-shadow: 0 5px 16px rgba(6,61,41,.07) !important;
  }

  .store-header #mainnav > .inner {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-height: 94px !important;
    background: transparent !important;
    transform: none !important;
  }

  .store-header #mainnav > .inner > .container {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 94px !important;
    margin-inline: auto !important;
    padding-inline: 34px !important;
  }

  .store-header #mainnav > .inner > .container > .flex {
    min-height: 94px !important;
    align-items: center !important;
  }

  /* ---------- شعار أوريس ---------- */
  .store-header #mainnav .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 116px !important;
    width: 116px !important;
    height: 82px !important;
    margin: 6px 0 !important;
    padding: 0 !important;
  }

  .store-header #mainnav .navbar-brand img {
    display: block !important;
    width: auto !important;
    height: 76px !important;
    max-width: 112px !important;
    max-height: 76px !important;
    object-fit: contain !important;
  }

  /* ---------- روابط الأقسام ---------- */
  .store-header #mainnav custom-main-menu {
    display: flex !important;
    align-items: center !important;
    min-height: 94px !important;
    flex: 1 1 auto !important;
  }

  .store-header #mainnav .main-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    margin: 0 18px !important;
    padding: 0 !important;
    min-height: 94px !important;
  }

  .store-header #mainnav .main-menu > li.root-level {
    display: flex !important;
    align-items: center !important;
    height: 94px !important;
  }

  .store-header #mainnav .main-menu > li.root-level > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 11px 12px !important;
    margin: 0 1px !important;
    border-radius: 12px !important;
    color: #173C2D !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
  }

  .store-header #mainnav .main-menu > li.root-level > a:hover {
    background: rgba(11,93,59,.075) !important;
    color: #0B5D3B !important;
    transform: translateY(-1px) !important;
  }

  /* ---------- حساب وسلة ---------- */
  .store-header #mainnav salla-user-menu,
  .store-header #mainnav salla-cart-summary {
    flex: 0 0 auto !important;
    min-height: 44px !important;
  }

  .store-header #mainnav .header-btn__icon {
    width: 44px !important;
    height: 44px !important;
    border-color: rgba(11,93,59,.18) !important;
    background: rgba(255,255,255,.64) !important;
    color: #173C2D !important;
  }

  /* لا نسمح بحالة sticky أن تصغّر الشعار أو تغيّر التصميم */
  .store-header #mainnav.fixed-pinned .navbar-brand img,
  .store-header #mainnav.fixed-header .navbar-brand img {
    height: 64px !important;
    max-height: 64px !important;
  }

  .store-header #mainnav.fixed-pinned .main-menu > li.root-level > a,
  .store-header #mainnav.fixed-header .main-menu > li.root-level > a {
    padding: 10px 11px !important;
  }
}

/* اللابتوبات الأضيق: نحافظ على نفس الشكل بدون تزاحم */
@media (min-width: 1024px) and (max-width: 1280px) {
  .store-header .top-navbar > .container,
  .store-header #mainnav > .inner > .container {
    padding-inline: 20px !important;
  }

  .store-header #mainnav .navbar-brand {
    flex-basis: 100px !important;
    width: 100px !important;
  }

  .store-header #mainnav .navbar-brand img {
    height: 68px !important;
    max-width: 98px !important;
    max-height: 68px !important;
  }

  .store-header #mainnav .main-menu {
    margin-inline: 10px !important;
  }

  .store-header #mainnav .main-menu > li.root-level > a {
    padding-inline: 8px !important;
    font-size: 13px !important;
  }

  .store-header .top-navbar .header-search {
    flex-basis: 280px !important;
    width: 280px !important;
    max-width: 280px !important;
  }
}