/* Add custom CSS styles below */ 
.follow,
.menu-list h3,
.title,
.footer-apps h3 {

}

/* Ensures specificity without affecting other elements */
.footer-apps h3,
.menu-list h3,
.follow {
 
}

.follow,
.menu-list h3,
.title,
.footer-apps h3,
.footer-social h3,
.contact-links h3 {

}

@media (min-width: 992px) {
    [dir="rtl"] .footer-middle h3 {
        text-align: right;
     
    }
}



 
.naderclass {
    border-radius: 25px !important;  
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

/* Image container with smooth hover effect */
.swiper .box-img {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Small motion effect on hover */
.swiper .box-img:hover {
    transform: translateY(-10px) scale(1.05); /* Slight upward motion and zoom */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* Add depth */
}

/* Base reflector effect */
.swiper .box-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    opacity: 0.6;
    transform: rotateX(180deg);
    z-index: -1;
}

/* Add smooth image transition on hover exit */
.swiper .box-img img {
    transition: transform 0.5s ease-in-out;
}

/* Slight rotation and zoom for added motion effect */
.swiper .box-img:hover img {
    transform: rotate(1deg) scale(1.05);
}

.bestselling{
   position: relative;
   top: -60px;
   margin-bottom: -40px;
}

.container > a.banner.banner--fixed[aria-label="Banner "] {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.subcategory {
  margin-top: -60px;
  position: relative; 
   z-index: 1;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, filter 0.5s ease-in-out;

}

.subcategory {
  margin-bottom: -0px;
  position: relative; 
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, filter 0.5s ease-in-out;

}

/* Media query for phones */
@media (max-width: 768px) {  
  .subcategory {
     margin-top: -60px;
     margin-bottom: 5px;
  }
}


.subcategory .box-img {
  position: relative;
  transition: transform 0.2s ease-in-out;
}

.subcategory .box-img::after {
  content: '';
  position: absolute;
  bottom: -10px; 
  left: 0;
  right: 0;
  height: 10px; 
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none; 
}



.subcategory2 {
  margin-bottom: -0px;
  position: relative;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, filter 0.5s ease-in-out;

}


/* =========================
   LEFT HEADER (menu/search/lang) 
   ========================= */
.flex.items-center.justify-start.w-1\/3,
.flex.items-center.justify-start.w-1\/3 * {
  color: #000 !important;
}

/* Links stay black */
.flex.items-center.justify-start.w-1\/3 a:link,
.flex.items-center.justify-start.w-1\/3 a:visited,
.flex.items-center.justify-start.w-1\/3 a:hover,
.flex.items-center.justify-start.w-1\/3 a:active {
  color: #000 !important;
}

/* Font icons (e.g., sicon-*) */
.flex.items-center.justify-start.w-1\/3 [class^="sicon-"],
.flex.items-center.justify-start.w-1\/3 [class*=" sicon-"] {
  color: #000 !important;
}

/* Inline SVG icons */
.flex.items-center.justify-start.w-1\/3 svg,
.flex.items-center.justify-start.w-1\/3 svg * {
  fill: #000 !important;
  stroke: #000 !important;
}

/* Specific left-side elements */
.flex.items-center.justify-start.w-1\/3 .mburger,
.flex.items-center.justify-start.w-1\/3 .mburger i,
.flex.items-center.justify-start.w-1\/3 .search-btn,
.flex.items-center.justify-start.w-1\/3 .language-btn,
.flex.items-center.justify-start.w-1\/3 .language-btn span {
  color: #000 !important;
}

/* =========================
   RIGHT HEADER (user/cart/lang)
   ========================= */
.flex.items-center.justify-end.w-1\/3,
.flex.items-center.justify-end.w-1\/3 * {
  color: #000 !important;
}

/* Links stay black */
.flex.items-center.justify-end.w-1\/3 a:link,
.flex.items-center.justify-end.w-1\/3 a:visited,
.flex.items-center.justify-end.w-1\/3 a:hover,
.flex.items-center.justify-end.w-1\/3 a:active {
  color: #000 !important;
}

/* Inline SVG icons */
.flex.items-center.justify-end.w-1\/3 svg,
.flex.items-center.justify-end.w-1\/3 svg * {
  fill: #000 !important;
  stroke: #000 !important;
}

/* Font icons (e.g., sicon-*) */
.flex.items-center.justify-end.w-1\/3 [class^="sicon-"],
.flex.items-center.justify-end.w-1\/3 [class*=" sicon-"] {
  color: #000 !important;
}

/* User menu text */
.s-user-menu-trigger-hello,
.s-user-menu-trigger-name,
.s-user-menu-dropdown-header-content span,
.s-user-menu-dropdown-header-content p,
.s-user-menu-dropdown-item-title {
  color: #000 !important;
}

/* Cart summary text */
.s-cart-summary-count,
.s-cart-summary-content,
.s-cart-summary-total {
  color: #000 !important;
}

/* =========================
   USER MENU DROPDOWN (global)
   ========================= */
.s-user-menu-dropdown-list,
.s-user-menu-dropdown-list * {
  color: #000 !important;
}

.s-user-menu-dropdown-list a:link,
.s-user-menu-dropdown-list a:visited,
.s-user-menu-dropdown-list a:hover,
.s-user-menu-dropdown-list a:active {
  color: #000 !important;
}

/* Dropdown icons */
.s-user-menu-dropdown-list svg,
.s-user-menu-dropdown-list svg * {
  fill: #000 !important;
  stroke: #000 !important;
}