/* Add custom CSS styles below */ 
.store-footer{
background-color: #3A5BC0;
color:#FFFFFF;
}


/* Remove padding from the section itself */
section.s-block.s-block--full-bg.s-block--image-comparison {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove top margin from the following section */
section#products-slider-3-slider {
    margin-top: 0 !important;
}


/* Adjust the width to your preferred size (e.g., 180px) */
.s-products-slider-card.swiper-slide {
  max-width: 165px !important;
  width: 165px !important;
}

section#testimonials-block-4 {
  padding-bottom: 0px;
}

section#testimonials-block-14 {
  padding-bottom: 0px;
}


div#swiper-wrapper-a17928f73ea7103dc {
  flex-direction: row-reverse !important; /* Added !important to ensure it overrides Swiper's default styles if needed */
}


.deal-content.text-center.lg\:text-start.items-center.lg\:items-start.max-w-xl.flex.flex-col.gap-4 > div:first-child,
.deal-content.text-center.lg\:text-start.items-center.lg\:items-start.max-w-xl.flex.flex-col.gap-4 > div:nth-child(2),
.deal-content.text-center.lg\:text-start.items-center.lg\:items-start.max-w-xl.flex.flex-col.gap-4 > div:last-child {
  display: none;
}

.w-full.relative.py-10.sm\:py-28.\!pt-80.lg\:\!pt-16 {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }

.w-full.relative.py-10.sm\:py-28.\!pt-80.lg\:\!pt-16 {
  color: red;
}
    

/* You might need to use !important to ensure this overrides Tailwind's utility class */
.container.lg\:px-\[100px\].relative.flex.flex-col-reverse.lg\:flex-row.items-center.gap-5.sm\:gap-10.lg\:gap-24 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

img.simple-parallax-1.aspect-\[2\/3\].w-full.rounded-xl.overflow-hidden.bg-gray-900\/5.object-cover.shadow-lg.simple-parallax-initialized {
  display: none; /* Add this line */
  /* other styles */
}

.mx-auto.max-w-7xl.px-6.pb-32.pt-20.lg\:px-8 {
  padding-bottom: 32px; /* Changed line */
  /* other styles */
}

h2.last\:mb-4 {
  margin-top: 32px;
  /* potentially other styles */
}

section#testimonials-block-11 {
  padding-top: 8px; /* Changed line */
  /* other styles */
}

#testimonials-show-more {
  /* display: none;   */
}


h3.product-entry__sub-title {
  display: inline-block;
  padding: 5px 10px; /* Adjust padding as needed */
  border: 1px solid black; /* You can change the border color and thickness */
  border-radius: 50%; /* Creates the circular shape */
}

/*
p.product-entry__subtitle {
  color: red;
}

h3.product-entry__sub-title {
  color: red;
}


.sale-price,
.normal-price,
.total-price {
  color: red !important;
}
*/


.lg\:min-w-\[293px\]{
color:#FFFFFF;
}

.md\:mb-0{
color:#FFFFFF;
}

.full-banner-entry::after, .full-banner-entry::before{
content: none;
}

.full-banner-entry{
background-attachment: inherit;
}

.swiper-slide, .magnify-wrapper,.homeslider__slide{
background-color: transparent !important;
}

.md\:\!inline-flex, .theme-mode-btn{
display:none !important;
}



@media (min-width: 769px){
.s-block--fixed-banner{
display:none;
}

}



@media (max-width: 768px) {

.full-banner-entry{
display:none;
}

.text-2xl{
margin-top:-250px;
}

.s-block--main-slider-1 salla-slider, .s-block--main-slider-1 div[slot=items], .s-block--main-slider-1 .swiper-slide{
height:500px;
}

}


/* ══════════════════════════════════════════
   قسم التقييمات — مطابق للتصميم الأصلي
   ══════════════════════════════════════════ */


/* ══ شارة مشترٍ موثّق ══ */

.s-block--testimonials .slide--one-fourth > div {
  position: relative !important;
}

.s-block--testimonials .slide--one-fourth > div::after {
  content: "✓ مشتري موثّق" !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #16a34a !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 20px !important;
  padding: 2px 8px !important;
  white-space: nowrap !important;
  font-family: inherit !important;
}

/* شارة النجوم — خلفية زرقاء فاتحة */
.s-block--testimonials blockquote span.rounded-2xl {
  background-color: #edf5fc !important;
  border: 1px solid #c8e2f7 !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
}

/* النجمة — ذهبية */
.s-block--testimonials .sicon-star2 {
  color: #f59e0b !important;
}
/* نص الرقم ٥.٠ */
.s-block--testimonials blockquote span.rounded-2xl span {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2b7ec1 !important;
}

/* الكارد — أبيض، زوايا ناعمة، ظل أزرق خفيف */
.s-block--testimonials .slide--one-fourth > div {
  border: 1px solid #c8e2f7 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(82, 162, 237, 0.07) !important;
  transition: box-shadow 0.25s, transform 0.25s !important;
  overflow: hidden !important;
}



/* Apply rounding to the video container and clip the video inside */
#customer-experiences-9 .video-wrap {
    border-radius: 20px !important;
    overflow: hidden !important;
    /* Forces hardware acceleration to prevent jagged edges during transitions */
    transform: translateZ(0); 
}

/* Ensure the iframe/video itself follows the rounding */
#customer-experiences-9 .short-story-video {
    border-radius: 20px !important;
}

/* 1. Main Container Spacing */
#customer-experiences-9 .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 2. Video Slide Size and Alignment */
#customer-experiences-9 .swiper-slide {
    width: 180px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* 3. Rounded Corners and Clipping */
#customer-experiences-9 .video-wrap {
    width: 100% !important;
    height: 320px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transform: translateZ(0); 
}

#customer-experiences-9 .short-story-video {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px !important;

}

/* Container for the brand logo and info */
.product-brand.flex.items-start.gap-4 {
    gap: 0 !important;
}

img.max-h-12.max-w-\[80px\].object-contain {
    display: none !important;
}

/* Brand logo link */
.brand-logo.inline-block.mb-5 {
    margin-bottom: 0 !important;
}

/* Elements inside the brand info section that were hidden */
b.text-sm.text-green-500.flex,
p.text-gray-600 {
    display: none !important;
}

/* Target all spans within the product static info section */
.product-static-info span {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Specific override for the secondary lines that had lower opacity */
.product-static-info .opacity-60 {
    opacity: 1 !important;
}

.personalized-shoppers-who-bought__container {
  display: none;
}