/* Add custom CSS styles below */ 
/* Remove any overlay / color layer */
.notah-video .hero-overlay,
.notah-video::before,
.notah-video::after {
  display: none !important;
  background: none !important;
}

/* Make video section smaller */
.notah-video {
  height: 60vh !important;   /* change to 50vh if you want smaller */
  min-height: auto !important;
}

/* Make video fit cleanly */
.notah-video video {
  object-fit: cover;
}
.notah-video .container,
.notah-video button {
  z-index: 5 !important;
  position: relative;
}

.notah-video a.animate-fade-in-up {
  display: none !important;
}



@media (min-width: 1024px) {
  .note-badge {
    transform: translateX(-200px) !important;
  }
}

.notah-statistics .bg-dark {
  background-color: rgba(0, 0, 0, 0.3); /* بدلاً من 0.7 */
}
.notah-statistics .bg-dark {
    background-color: rgba(0, 0, 0, 0.2) !important; /* شفافية خفيفة */
}


@media (max-width: 768px) {
  /* جميع الأعمدة داخل الفوتر */
  .store-footer .container > div > div {
    display: flex;
    flex-direction: column;
    align-items: center; /* يوسّط كل العناصر داخل العمود */
    text-align: center;  /* يوسّط النصوص */
  }

  /* شعار */
  .store-footer .navbar-brand img {
    display: block;
    margin: 0 auto;
  }


}


.pyramid-layer {
    background-color: rgba(255, 255, 255, 0.59); /* أبيض فاتح مع شفافية بسيطة */
    border-color: #ffdfd330; /* يظل نفس لون الحدود */
    backdrop-filter: blur(10px); /* تأثير البلور */
    transition: all 0.3s ease;
}

.pyramid-layer:hover {
    background-color: rgba(255, 255, 255, 0.95); /* فاتح أكثر عند التحويم */
    transform: translateX(-0.5rem); /* نفس تأثير التحريك */
}


/* للصور داخل القسم على الموبايل */
@media (max-width: 768px) {
    .notah-video video,
    .notah-video img {
        width: 100% !important;      /* العرض كامل */
        height: auto !important;     /* الارتفاع يتناسب مع العرض */
        object-fit: contain !important; /* يظهر الصورة بالكامل بدون قص */
    }


.notah-video {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.notah-video video {
  position: relative !important;
  inset: auto !important;
}

.notah-video video,
.notah-video video img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block;
}
.notah-features {
    padding-top: 1rem;    /* قلل المسافة العليا (كان py-16 = 4rem) */
    padding-bottom: 2rem; /* قلل المسافة السفلى */
    min-height: 600px;    /* تكبير القسم عموديًا */
}

  section[style*="linear-gradient(to right, #d05d82, #cf5c80)"] {
  padding-top: 0 !important;
  margin-top: 0 !important;

}

  /* إزالة التوب مارجن والبادينج للقسم */
section.py-16.container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
  .py-16.container h2 {
    font-size: 2rem !important;
    text-align: center;
    margin-bottom: 22px !important;

  }
}


section.py-16 .flex.justify-between h2 {
    transform: translateX(-80px) !important;
  
}
section.py-16 .flex.justify-between h2 {
  color: #fbf2e8;
  font-size: 36px;
}

.store-footer.notah-store-footer {
    position: relative;
    background-color: #fff; /* لون الفوتر */
    border-top-left-radius: 70% 20%; /* نصف دائرة تقريبية */
    border-top-right-radius: 70% 20%;
    overflow: hidden; /* لمنع أي محتوى يخرج عن الحدود المنحنية */
}




.notah-statistics > .absolute.bg-dark\/70 {
    background-color: rgba(0, 0, 0, 0.4);
}
.notah-features {
    padding-top: 1rem;    /* قلل المسافة العليا (كان py-16 = 4rem) */
    padding-bottom: 2rem; /* قلل المسافة السفلى */
    min-height: 600px;    /* تكبير القسم عموديًا */
}

.notah-features .grid {
    gap: 3rem; /* تكبير المسافة بين العناصر إذا أحببت */
}
.notah-related-products {
    display: none !important;
}

body.page-product .inner.bg-inherit,
body.page-cart .inner.bg-inherit {
    background-color: #fff2e6!important;
}

section.flex.bg-white {
    background-color: transparent !important;
}

label.form-label b {
    color: #cf5c81 !important;
}
h1.text-xl.md\:text-2xl {
    color: #cf5c81 !important;   /* اللون الفاتح */
    font-size: 2rem !important;   /* تكبير حجم النص */
    font-weight: bold !important; /* تأكيد البولد */
    letter-spacing: 1px !important; /* جعل الحروف أفتح شوي */
}
/* تغيير خلفية القسم */
.s-comments-product {
    background-color: #cf5c81 !important;  /* اختر اللون اللي تحبه */
    color: #333 !important;                 /* لون النصوص داخل القسم */
}

/* لتغيير لون العناوين داخل القسم إذا فيه */
.s-comments-product h1,
.s-comments-product h2,
.s-comments-product h3,
.s-comments-product b {
    color:#cf5c81 !important;
}



body {
  overflow-x: hidden;
}

/* 1) إلغاء أي خلفية أو ستروك من كل الحاويات */
.details-slider,
.details-slider .swiper,
.details-slider .s-slider-container,
.details-slider .swiper-wrapper,
.details-slider .swiper-slide,
.details-slider .magnify-wrapper {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}


/* إزالة أي ستايل افتراضي من lightbox */
.magnify-wrapper {
  border: 0 !important;
  box-shadow: none !important;
}




@media (min-width: 1024px) {
  .notah-features {
    min-height: 22rem;     /* طول القسم على الأقل */
    padding-top: 6rem;     /* مسافة علوية */
    padding-bottom: 6rem;  /* مسافة سفلية صغيرة */
  }

  .notah-features .grid {
    margin-top: 2rem;      /* تقليل المسافة فوق البطاقات */
    gap: 2rem;             /* تقليل الفراغ بين الأعمدة */
  }

  /* تكبير الأيقونات في الديسكتوب */
  .notah-features .w-16.h-16 {
    width: 6rem;   /* بدل 4rem */
    height: 6rem;  /* بدل 4rem */
  }

  .notah-features .w-16.h-16 i {
    font-size: 2.5rem;  /* بدل 2rem أو 2xl */
  }
}
@media (min-width: 1024px) {
  /* توسيط العنوان */
  .py-16.container > .flex {
    justify-content: center;
  }



  /* تكبير البطاقة وتمركزها مع تحريكها يسار شوي */
  .s-products-list-vertical-cards {
    display: flex;
    justify-content: center; 
  }

  .s-products-list-vertical-cards custom-salla-product-card {
    width: 28rem;
    max-width: 100%;
    margin-left: -4rem; /* حرك البطاقة يسار 2rem */
  }

  /* تكبير صورة المنتج داخل البطاقة */
  .s-product-card-image img {
    border-radius: 12px;
    width: 100%;
    height: auto;
  }

  /* تكبير عنوان المنتج داخل البطاقة */
  .s-product-card-content-title a {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    display: block;
  }

  /* تكبير السعر */
  .s-product-card-price {
    font-size: 1.25rem;
    text-align: center;
  }

  /* تكبير زر الإضافة للسلة */
  .s-product-card-content-footer button {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    width: 100%;
  }
}




.s-social-share-btn[aria-label="Share"] {
    display: none !important;
}

.product__description {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile only: up to 767px */
@media (max-width: 767px) {
    /* Center the PLAN-A heading */
    h1.text-xl {
        text-align: center;
    }

    /* Center the price block */
    .notah-price {
        justify-content: center !important; /* flex center horizontally */
        text-align: center; /* in case children need text centering */
    }

    /* Optional: stack price items vertically for better mobile view */
    .notah-price > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 767px) {
    h1.text-xl,
    .notah-price {
        text-align: center;
        justify-content: center; /* فقط إذا كان flex */
    }
}

h4.text-\[var\(--color-price-single-product\)\] {
    display: none !important;
}
nav.breadcrumbs,
nav.breadcrumbs a,
nav.breadcrumbs li {
  color: #cf5c81 !important;
}
/* تغيير لون سهم الـ breadcrumb */
nav.breadcrumbs .s-breadcrumb-arrow svg,
nav.breadcrumbs .s-breadcrumb-arrow svg path {
  fill: #cf5c81 !important;
}


@media (min-width: 1024px) {
  .sticky-product-bar {
    margin-top: 20px; /* عدلي الرقم حسب المسافة المطلوبة */
  }
}


@media (max-width: 1023px) {
  section.notah-video video::-webkit-media-controls,
  section.notah-video video::-webkit-media-controls-start-playback-button,
  section.notah-video video::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none !important;
  }
}

@media (max-width: 1023px) {
  section.notah-video:has(
    video#notah-video-paly[poster="https://cdn.files.salla.network/homepage/1569429256/119a0366-b3ac-4080-95cd-a2b0420b1f53.webp"]
  ) {
    display: none !important;
  }
  section.bg-gradient-to-br {
  padding-top: 0 !important;
}

section.bg-gradient-to-br > div:first-child {
  margin-top: 0 !important;
}

}


.s-product-card-content-title,
.s-product-card-content-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 9999 !important;
}

.notah-video {
  height: 50vh !important;  
  min-height: auto !important;
}

.s-products-list-wrapper.s-products-list-vertical-cards {
    margin-bottom: 0 !important;
}

.notah-create-fragrance {
  padding-bottom: 0.5rem !important; /* تخفيف البوتوم إلى 2rem */
}

/* تقصير ارتفاع الفيديو */
.notah-video {
  height: 42vh !important;   /* عدلها حسب اللي يناسبك */
}


/* إخفاء زر تشغيل / إيقاف الفيديو */
#videoControl {
  display: none !important;
}
.store-header,
.notah-main-nav-container,
.main-nav-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


.page-product .store-header,
.page-product .store-header *:not(.s-cart-summary-count) {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}


.s-cart-summary-count {
    background-color: red !important;
    color: white !important;
}

/* تخصيص كروت الهرم فقط بالجوال */
@media (max-width: 768px) {

  /* grid الخاص بقسم الهرم فقط */
  .container .grid:has(.pyramid-layer) {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  /* الكرت نفسه */
  .container .pyramid-layer {
    padding: 12px !important;
  }

  /* العنوان */
  .container .pyramid-layer h3 {
    font-size: 14px !important;
  }

  /* الوصف */
  .container .pyramid-layer p {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  /* الدائرة الرقمية */
  .container .pyramid-layer .w-16.h-16 {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
  }
}

/* موبايل فقط */
@media (max-width: 768px) {
  .notah-features .grid {
    grid-template-columns: repeat(3, 1fr);
  }

/* 1) قص قسم المميزات نفسه */
section.notah-features{
  padding-top: 36px !important;
  padding-bottom: 26px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
}

}