/* Design & Development By Eng.AhmedGad0566337195 */ 
/*main setting*/
* {
    margin: 0; /* Removes unwanted gaps */
    padding: 0;
    box-sizing: border-box;
}
/*remove search bar*/
.top-navbar {
    display: none;
}


/*round logo*/
img {
    width: 100px; /* Adjust the size as needed */
    height: 100px; /* Ensures a square shape */
    border-radius: 15px; /* Adjust the value for more or less rounded edges */
    object-fit: cover; /* Ensures the image fits properly within the square */
}
/*hidden price*/
.s-cart-summary-total {
    display: none;
}
/*border shadow menu*/
.flex.items-stretch.justify-between.relative {
    margin-top: 5px;
    border-bottom: 1px solid #C0C0C0; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Subtle shadow */
    border-radius: 8px; /* Optional, for rounded corners */
}
/*banner*/
.s-block--fixed-banner {
    position: relative; /* Ensure the section can contain absolutely positioned elements if needed */
}

.banner {
    display: block; /* Ensure the anchor behaves like a block element */
    overflow: hidden; /* Hide any overflow */
}

.banner img {
    width: 100%; /* Make the image responsive to the width of its container */
    height: auto; /* Maintain the aspect ratio */
    max-height: 80vh; /* Set a maximum height to 80% of the viewport height */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    display: block; /* Remove any inline spacing */
    margin: 0 auto; /* Center the image horizontally */
}

/*Text*/
.text-overlay {
            position: absolute; /* Position the text overlay absolutely */
            top: 50%; /* Center vertically */
            left: 50%; /* Center horizontally */
            transform: translate(-50%, -50%); /* Adjust for the text's own dimensions */
            color: white; /* Text color */
            font-size: 24px; /* Font size */
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Optional shadow for better visibility */
            white-space: nowrap; /* Prevent text wrapping */
        }
        
/*hidden made by salla*/
.text-gray-400 {
        display: none; /* Hides the element */
    }
    
  /*whatsapp*/
.whatsapp-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
}

.whatsapp-icon:hover {
  transform: scale(1.1);
}

.whatsapp-icon::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/*remove the banner margin*/
.s-block {
    margin-top: 0 !important;
    margin-bottom:5px;
}

/*slide banner height*/
 .s-block--photos-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0; /* Optional: Remove padding for precise fit */
    background-color: #f9f9f9; /* Optional: Add background color */
 
  }

  .s-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto; /* Adjust to content */
     
  }

  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto; /* Allow the height to adjust based on image */
  }

  .swiper-slide img {
    max-width: 100%; /* Responsive width */
    height: auto; /* Maintain original height */
    border-radius: 10px; /* Optional: Add rounded corners */
   
  }
  
/*margin menu*/
  .sicon-menu {
    margin-right: 5px;
  }
  
/*marginاكثر*/
/*hidden روابط مهمة*/
h3 {
    visibility: hidden;
}