/* Add custom CSS styles below */ 
body {
    background-color: #38281C;
}
.s-block--categories {
  background-color: #38281C;
  padding: 20px 0;
}
.s-block--categories .slide--cat-entry {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
  padding: 0;
}
.s-block--categories .slide--cat-entry img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 0 !important;
  margin: 0 !important;
}
.s-block--categories .slide--cat-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55),
    rgba(0, 0, 0, 0.15)
  );
  z-index: 2;
}
.s-block--categories .slide--cat-entry h2 {
  position: relative;
  z-index: 3;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 16px;  
  margin: 0;
  padding: 10px 12px;
  text-align: center;
}
.s-block--categories .slide--cat-entry {
  min-width: 200px;  
  min-height: 190px; 
}
.s-block--categories .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.s-block--categories .swiper-slide {
  margin: 0 20px;  
}
/* تجهيز البانر الثاني */
a.banner.banner--fixed[href*="redirect/pages/1915713"] {
  position: relative;
  display: block;
  overflow: hidden;
}

/* تظليم الصورة شويه عشان النص يبان */
a.banner.banner--fixed[href*="redirect/pages/1915713"] img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(0.55);
}
a.banner.banner--fixed[href*="redirect/pages/1915713"]::before {
  content: "منتجعك الصحي الفاخر الخاص في منزلك";
  position: absolute;
  top: 20%;                 
  left: 50%;
  transform: translateX(-50%);
  max-width: 70%;

  z-index: 2;
  color: #ffffff;
  text-align: center;
  direction: rtl;

  font-size: 32px;           
  font-weight: 800;
  line-height: 1.4;
}
a.banner.banner--fixed[href*="redirect/pages/1915713"]::after {
  content: "افي فيوري سبا يُضفي فخامة المنتجع الصحي الخاص داخل منزلك. معالجاتنا المُعتمدات متخصصات في الحمامات المغربية، والتدليك العلاجي، وعلاجات التجميل جميعها مصممة للاسترخاء، والانتعاش، وتجديد النشاط. نجمع بين التقنيات التقليدية والعناية الحديثة، لنضمن لكِ في كل جلسة شعورًا بالتجدد، والثقة، والدلال الحقيقي.";

  position: absolute;
  top: 40%;                 
  left: 50%;
  transform: translateX(-50%);
  max-width: 70%;

  z-index: 2;
  color: #f5f5f5;
  text-align: center;
  direction: rtl;

  font-size: 13px;          /* أصغر من H2 */
  font-weight: 400;
  line-height: 1.8;
}
a.banner.banner--fixed[href*="redirect/pages/1915713"]::after {
  content: "المزيد عنا";

  position: absolute;
  top: 50%;                   /* نزّل أو ارفع الزر بتغيير النسبة (جرّب 65–72%) */
  left: 50%;
  transform: translateX(-30%);  /* يخليه تحت النص وميلان أكثر لليسار */

  z-index: 3;

  display: inline-block;
  padding: 10px 28px;
  border-radius: 999px;        /* كابسولة */
  background-color: #E46E3D;   /* لون الزر */
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  direction: rtl;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
/* إخفاء الأيقونة تمامًا */
.s-block--features__item .feature-icon {
  display: none !important;
}

/* الكروت نفسها */
.s-block--features__item {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 32px 24px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* تأثير بسيط عند الهوفر */
.s-block--features__item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.12);
}

/* العنوان (الرقم + النص الرئيسي) */
.s-block--features__item h2 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #3b2618;
}

/* الوصف */
.s-block--features__item p {
  font-size: 15px;
  color: #6b6b6b;
  line-height: 1.9;
  margin: 0;
}
.lazy__bg + * p {
  white-space: pre-line;
  line-height: 1.9;
}
h3.text-with-border {
  font-size: 18px;      /* حجم العنوان نفسه */
}

h3.text-with-border span {
  font-size: 10px;      /* حجم سطور الأسعار */
  line-height: 1;     /* مسافة مريحة بين السطور */
}
#featured-products-style2-2 {
  background-color: #38281C !important;
}
#featured-products-style2-2 .container {
  padding: 24px 16px 32px;
}
#featured-products-style2-2 .s-product-card-horizontal {
  background-color: #FFFFFF;
  border-radius: 14px;
  overflow: hidden;
}
#featured-products-style2-2 .s-product-card-content-title a {
  font-size: 18px;
  font-weight: 900;
}

/* تكبير خط السعر */
#featured-products-style2-2 .s-product-card-price {
  font-size: 18px;
}

/* حركة هوفر على الكارت */
#featured-products-style2-2 .s-product-card-horizontal {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#featured-products-style2-2 .s-product-card-horizontal:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}
#featured-products-style2-2 .tabs .s-button-element.s-button-btn {
  color: #FFFFFF;                 /* لون النص للأزرار غير النشطة */
  border-color: rgba(255,255,255,0.35);
}

/* الزر النشط (اللي عليه is-active) */
#featured-products-style2-2 .tabs .s-button-element.s-button-btn.is-active {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

/* لو الثيم يضيف كلاس outline-primary نخليه برضه أبيض */
#featured-products-style2-2 .tabs .s-button-element.s-button-primary-outline {
  color: #FFFFFF;
  border-color: rgba(255,255,255,0.35);
}
#slider-with-bg-8 .s-slider-block__title h2 {
  color: #ffffff;
}
.s-reviews-header {
  color: #ffffff;
}
#featured-products-style2-2 {
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;   /* عدّلها لو حاب تزود/تنقص */
}
#featured-products-style2-2 + section {
  margin-top: 0 !important;
  padding-top: 8px !important;      /* تقدر تخليها 8 أو 0 حسب ذوقك */
}
.s-block--slider-with-bg {
  background-color: #38281C;  /* لونك البني */
}
.top-navbar .s-menu-topnav-list {
  display: none !important;
}
/* تكبير اللوجو + ضبط ارتفاع الهيدر الأبيض */
#mainnav {
  height: 70px !important;         /* عدّل الارتفاع لو حابب */
  display: flex;
  align-items: center;
}

#mainnav .navbar-brand img {
  max-height: 100px;                /* حجم اللوجو */
  width: auto;
}
#mainnav {
  background-color: #f8f2e9 !important;   /* لون فاتح دافي */
  border-bottom: 1px solid #e0d3c0;
}
#mainnav custom-main-menu a:last-child {
  display: inline-flex;              /* مهم جداً */
  align-items: center;               /* توسيط رأسي داخل الزر */
  justify-content: center;           /* توسيط أفقي داخل الزر */
  vertical-align: middle;            /* توسيط بالنسبة لباقي الروابط */
  background-color: #c28a3a;
  color: #fff !important;
  padding: 7px 30px !important;
  border-radius: 999px;
  border: 1px solid #9c6c27;
}

/* هوفر للزر */
#mainnav custom-main-menu a:last-child:hover {
  background-color: #9c6c27;
  border-color: #82551c;
  text-decoration: none;
}
html[lang="ar"] img[src*="4bd19b80-2284-45e4-bb91-5b8ceaaa3f6c"] {
  display: none !important;
}
html[lang="en"] body section.s-block--fixed-banner:first-of-type {
  display: none !important;
}
html[lang="en"] body section.s-block--fixed-banner:last-of-type {
  display: block !important;
}
#mainnav custom-main-menu {
  display: inline-flex;        /* نخليه flex عشان نتحكم رأسيًا */
  align-items: center;         /* توسيط رأسي */
}
#mainnav custom-main-menu {
  position: relative;
  top: -20px;                   /* جرّب -1 أو -3 حسب ما يعجبك */
}
#mainnav custom-main-menu a {
  line-height: 1;              /* يمنع تمدد النص لتحت */
}
.store-header .s-user-menu-trigger {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.store-header .s-user-menu-avatar-wrap {
  width: 70px;              /* كَبّر/صغّر الرقم حسب ما تحب (مثلاً 36 أو 44) */
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.store-header .s-user-menu-wrapper {
  position: relative;
  top: -10px;               /* جرّب -1 أو -3 لو حابب أعلى/أقل */
}
.store-header salla-cart-summary {
  position: relative;
  top: -8px;   /* نفس القيمة اللي استخدمتها للأفاتار */
}
body {
  background: #38281C !important;
}
.content--single-page {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  padding: 30px 24px;
  max-width: 900px;
  margin: 40px auto;
}
.content--single-page > h1 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 18px;
  color: #222;
}
.content--single-page .content-entry h2 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #333;
}

.content--single-page .content-entry h3 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 18px;
  margin-bottom: 6px;
  color: #333;
}

/* الفقرات */
.content--single-page .content-entry p {
  font-size: 15px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 6px;
}

/* صندوق التعليقات (حقل الرسالة + زر Send) */
.content--single-page .s-comments-page-container {
  margin-top: 24px;
}

.content--single-page .s-comment-form-input {
  border-radius: 14px;
  border: 1px solid #ddd;
}

/* زر Send */
.content--single-page .s-button-element {
  background-color: #c28a3a;
  border-color: #c28a3a;
  color: #fff;
  font-weight: 600;
  border-radius: 999px;
  padding: 8px 32px;
}

.content--single-page .s-button-element:hover {
  background-color: #9c6c27;
  border-color: #9c6c27;
}

/* للجوال */
@media (max-width: 767px) {
  .content--single-page {
    padding: 20px 16px;
    border-radius: 14px;
    margin: 24px auto;
  }

  .content--single-page > h1 {
    font-size: 22px;
  }

  .content--single-page .content-entry p {
    font-size: 14px;
  }
}
.content--single-page .s-button-element {
  background-color: #c28a3a;
  border-color: #c28a3a;
  color: #fff;
  font-weight: 700;
  border-radius: 999px;
  padding: 10px 36px;
  font-size: 14px;
}
.content--single-page .content-entry img {
  width: 80%;
  max-width: 80%;
  display: block;
height: 300px;
  object-fit: cover;  /* يملأ الإطار من غير ما يتشوّه كثير */
  border-radius: 20px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.10);
  margin-top: 16px;
  margin-bottom: 20px;
}
@keyframes fadeUpStrong {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* نطبّق الأنيميشن على العنوان والمحتوى */
.content--single-page > h1,
.content--single-page .content-entry > * {
  opacity: 0;
  animation: fadeUpStrong 0.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

/* تأخيرات متدرجة */
.content--single-page > h1 { animation-delay: 0.05s; }

.content--single-page .content-entry > *:nth-child(1) { animation-delay: 0.15s; }
.content--single-page .content-entry > *:nth-child(2) { animation-delay: 0.25s; }
.content--single-page .content-entry > *:nth-child(3) { animation-delay: 0.35s; }
.content--single-page .content-entry > *:nth-child(4) { animation-delay: 0.45s; }
.content--single-page .content-entry > *:nth-child(5) { animation-delay: 0.55s; }
.content--single-page .content-entry > *:nth-child(6) { animation-delay: 0.65s; }
.content--single-page .content-entry > *:nth-child(7) { animation-delay: 0.75s; }

/* أنيمشن خاصة لصورة الخريطة: زووم إن بسيط */
.content--single-page .content-entry img {
  opacity: 0;
  transform: scale(0.94);
  animation: fadeUpStrong 0.9s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.45s; /* عدّلها لو حابب الصورة تظهر أبدر/أخر */
}
.store-footer__inner {
  position: relative;
}

/* بوكس المواعيد – شكل عام */
.store-footer__inner::after {
  display: block;
  position: absolute;
  bottom: 200px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.25);
  font-size: 13.5px;
  line-height: 1.9;
  color: #e5e5e5;
  max-width: 320px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.3);
}

/* العربي */
html[lang="ar"] .store-footer__inner::after {
  content: "مواعيد العمل: يوميًا طوال الأسبوع من الساعة 10:00 صباحًا حتى الساعة 1:00 صباحًا (اليوم التالي)";
  left: 40px;
  text-align: left;
}

/* الإنجليزي */
html[lang="en"] .store-footer__inner::after {
  content: "Opening hours: daily, from 10:00 AM until 1:00 AM (next day)";
  right: 40px;
  text-align: left;
}

/* موبايل: سطر بسيط تحت الفوتر بدون فراغ كبير */
@media (max-width: 767px) {
  .store-footer__inner::after {
    position: static;
    margin-top: 16px;
    max-width: 100%;
    text-align: center;
  }
}
html[lang="en"] a.banner.banner--fixed[href*="redirect/pages/1915713"]::before {
  content: "Your Luxury Spa Retreat at Home";
  direction: ltr;
  text-align: center;
}

/* زر البانر باللغة الإنجليزية */
html[lang="en"] a.banner.banner--fixed[href*="redirect/pages/1915713"]::after {
  content: "About Us";
  direction: ltr;
  text-align: center;
}
#slider-with-bg-9 .s-slider-block__title h2 {
  color: #ffffff !important;
}
.main-content .product__description,
.main-content .product__description p,
.main-content .product__description h2,
.main-content .product__description h3,
.main-content .article--main p,
.main-content .article--main h2,
.main-content .article--main h3,
.main-content .ql-align-right,
.main-content p.ql-align-right,
.main-content h2.ql-align-right,
.main-content h3.ql-align-right {
  color: #f8f2e9 !important;
}

.main-content h1.text-xl,
.main-content h1.text-gray-800 {
  color: #d4a574 !important;
}
.main-content h2.font-bold.text-xl.inline-block,
.main-content .starting-or-normal-price h2,
.main-content .price-wrapper h2 {
  color: #e8c47c !important;
}
.s-slider-block__title h2 {
  color: #f8f2e9 !important;
}

.s-slider-block__title-nav .s-slider-nav-arrow svg path {
  fill: #f8f2e9 !important;
}
.s-breadcrumb-wrapper a,
.s-breadcrumb-wrapper li,
.s-breadcrumb-item,
.s-breadcrumb-item a {
  color: #ffffff !important;
}

.s-breadcrumb-arrow svg path {
  fill: #ffffff !important;
}