/* Add custom CSS styles below */ 





@font-face {
    font-family: "MyFonta";
    src: url("https://abdelghanif0225.github.io/font99344687/x40sxr.ttf") format("truetype");
    font-weight: 300; 
    font-style: normal;
}

@font-face {
    font-family: "MyFont";
    src: url("https://abdelghanif0225.github.io/font02/gf7bd7.ttf") format("truetype");
    font-weight: 700; 
    font-style: normal;
}

body, p, span, li {
    font-family: "MyFonta", sans-serif;
}


h1, h2, h3, h4, h5, h6, strong, b {
    font-family: "MyFont", sans-serif;
}



.store-header .header-buttons {
    display: none !important;
}

.store-header .main-nav-container {
    background-color: #005b96 !important;
}


.store-header .navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.store-header .navbar-brand img {
    max-height: 40px;
}
.store-header .navbar-brand h2 {
    display: none;
}








.store-header .header-btn,
.store-header salla-contacts,
.store-header salla-cart-summary,
.store-header .header-search {
    display: none !important;
}

.custom-icons {
    display: flex;
    gap: 14px;
    align-items: center;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}
.custom-icons img {
    filter: brightness(0) invert(1);
    width: 24px;
    height: 24px;
}

.hamburger-icon {
    background: url('https://files.catbox.moe/ea9lcd.svg') no-repeat center !important;
    background-size: 24px 24px !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important;
}

#mainnav .inner a,
#mainnav .inner li a {
  color: white !important;
  font-weight: bold !important;
}
#mainnav svg path {
  fill: white !important;
}

@media (max-width: 1024px) {
    .custom-icons {
        gap: 10px ;
        left: 12px;
    }
    .store-header .navbar-brand img {
        max-height: 30px;
    }
    .top-navbar {
        font-size: 12px;
    }
}


.delivery-msg {
    color: #004d73 !important;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.store-header .main-nav-container {
    background-color: #005b96 !important;
}

.custom-icons {
    display: flex;
    gap: 14px;
    align-items: center;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}
.custom-icons img {
    filter: brightness(0) invert(1);
    width: 22px;
    height: 22px;
}

#mainnav .inner a,
#mainnav .inner li a {
    color: white !important;
}
#mainnav svg path {
    fill: white !important;
}

.hamburger-icon {
    background-color: transparent !important;
    width: 28px;
    height: 28px;
    border: none;
}

/* هاتف */
@media (max-width: 1024px) {
    .custom-icons {
        gap: 10px;
        left: 12px;
    }
    .store-header .navbar-brand img {
        max-height: 30px;
    }
    .delivery-msg {
        font-size: 13px;
     }
}





.store-header .main-nav-container {
         background-color: #005b96 !important;
    
}
.hamburger-icon {
    background: url('https://files.catbox.moe/ea9lcd.svg') no-repeat center !important;
    background-size: 22px 22px !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important;
}

@media (max-width: 1024px) {
    .store-header .navbar-brand img {
        max-height: 34px ;
    }
    .store-header .main-nav-container {
        height: 60px ;
    }
}

.store-footer__inner {
    background-color: #005b96 !important;
    color: white !important;
    padding: 20px;
}
.store-footer a {
    color: white !important;
}
.store-footer a:hover {
    text-decoration: underline;
}





.s-product-card-entry {
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    padding: 12px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.s-product-card-entry:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
}

.s-product-card-entry img {
    border-radius: 12px !important;
}







.s-product-card-entry .product-title,
.s-product-card-entry .s-product-title {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #004d73 !important;
    margin-top: 8px !important;
}

.s-product-card-entry .price {
    font-size: 18px !important;
    color: red !important;
    font-weight: bold !important;
}

.s-product-card-entry .old-price {
    text-decoration: line-through !important;
    color: #888 !important;
    margin-left: 8px !important;
}

.s-product-card-entry .s-btn,
.s-product-card-entry button {
    display: block !important;
    background: #004d73 !important;
    color: white !important;
    text-align: center !important;
    padding: 10px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}
.s-product-card-entry .s-btn:hover,
.s-product-card-entry button:hover {
    background: #003952 !important;
}


.sicon-menu {
    color: white !important;
    font-size: 26px !important;
}



header.store-header,
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

.banner.banner--fixed.overflow-hidden,
.banner.banner--fixed.overflow-hidden img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

header.store-header + section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 0 !important;
}



.s-product-card-wishlist-btn {
    display: none !important;
}






h2, a, p {
    color: #015687 !important ;
}

p.max-w-sm.leading-6.mb-6 + p {
  color: #ffffff !important;
}

salla-advertisement h2.s-advertisement-content-main {
    color: white !important;
}



@media (max-width: 1024px) {
  .inner.bg-inherit {
    min-height: 45px !important; 
    transition: min-height 0.3s ease;
  }

  .scrolled .inner.bg-inherit {
    min-height: 45px !important ; 
  }
}


@media (max-width: 1024px) {
  .mburger,
  .custom-icons {
    display: flex;
    align-items: center !important ;
  }

  .custom-icons a {
    display: flex;
    align-items: center !important ;
    height: 100%; 
  }
}






@media (max-width: 1024px) {
 
 .store-header .main-nav-container,
  .store-header .main-nav-container .inner.bg-inherit {
    min-height: 45px !important;
    height: 60px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  .sicon-menu,
  .custom-icons {
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
  }
  
  
  .store-header .navbar-brand {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
}

}



a.flex.items-center.m-0 h3 {
    font-size: 0 !important;
    position: relative;
}


a.flex.items-center.m-0 h3::before {
           content: "";

        display: inline-block;

    width: 100px; 
    height: 100px; 
    background: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/pQgzQr/f8ftEhVNwgto2N6rx90SnEypVxgPb9p63eHx4Fr2.png") no-repeat center;
    
    background-size: contain;

    }
    
    
    
    
    
    @media (max-width: 1024px) {
    .custom-icons img {
        width: var(--icon-size-mobile, 18px) !important;
        height: var(--icon-size-mobile, 18px) !important;
    }
}









.s-product-card-image-contain {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    background-color: #fff; 
}






.top-navbar {
    display: none !important;
}



.s-product-card-entry {
    border-radius: 16px !important;
    background: #EFEFEF !important; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    padding: 12px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}


custom-salla-product-card,
custom-salla-product-card .s-product-card-content,
custom-salla-product-card .s-product-card-image {
  background-color: #EFEFEF !important;
}













html, body {
  background-color: #FFFFFF !important;
}





custom-salla-product-card .s-button-element.s-button-btn.s-button-wide.s-button-primary-outline {
    background-color: #015687 !important; 
    color: #fff !important; 
    border: none !important;
    border-radius: 50px !important; 
    padding: 10px 20px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; 
    white-space: nowrap !important; 
}

custom-salla-product-card .s-button-element.s-button-btn.s-button-wide.s-button-primary-outline .s-button-text {
    flex: 1 !important; 
    text-align: center !important; 
    white-space: nowrap !important; 
}




















.s-products-list-wrapper::-webkit-scrollbar {
  display: none;
}






@media (max-width: 600px) {
  .s-advertisement-content-main {
    font-size: 13px !important; 
  }
}





#contact-slot .s-contacts-icon {
    display: none !important;
}



@media (max-width: 1024px) {
  .contact-social {
    border: none !important;
  }
}



.s-slider-block__title-nav {
    display: none !important;
}

h3 {
    color: #7EC1F1 !important;
}










.s-product-card-entry {
  flex: none !important;
  width: 240px !important; 
  margin-right: 10px;
}


@media (max-width: 600px) {
  .s-product-card-entry {
 flex: none !important;
  width: 210px !important; 
  margin-right: 10px;
  }
}





.s-product-card-entry {
  flex: 0 0 auto !important;
  margin-right: 10px;
  width: auto !important;
}



.s-cart-summary-count {
    background: red;
    color: white;
    border-radius: 50%;
    padding: 4px 8px;
}







.custom-cart {
    position: relative;
    display: inline-block;
}

.custom-cart-count {
    position: absolute;
    top: -12px;   
    right: -6px;
    background: #ff3b3b;
    color: white;
    font-size: 10px;
    font-weight: bold;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    box-shadow: 0 0 0 1px white;
}


@media (max-width: 1024px) {
    .custom-cart-count {
        top: 6.75px;  
        right: -5px;
        font-size: 9px;
        width: 14px;
        height: 14px;
        line-height: 14px;
    }
}












.lg\:col-span-2 p.ql-align-right {
    color: #fff !important;
}



.s-user-menu-trigger {
    opacity: 0;       
    pointer-events: auto; 
    width: 40px;
    height: 40px;
    position: relative; 
    z-index: 9999;
}

.s-user-menu-dropdown-list .s-user-menu-dropdown-item a span,
.s-user-menu-dropdown-list .s-user-menu-dropdown-item a svg path {
  color: #005788;  
  fill: #005788;
}



.s-user-menu-dropdown-list .s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-title {
  color: #C43B3B !important;
}










.s-product-card-content-sub {
    margin-bottom: 0;
    padding-bottom: 0; }
    
    
    
    
    
    
    
    
    
.s-user-menu-dropdown svg {
    filter: brightness(0) saturate(100%) invert(25%) sepia(78%) saturate(1634%) hue-rotate(161deg) brightness(96%) contrast(101%);
}




a[href*="logout"] svg {
    filter: brightness(0) saturate(100%) invert(34%) sepia(74%) saturate(514%) hue-rotate(336deg) brightness(89%) contrast(90%);
}







footer,
.s-block--footer {
  background: radial-gradient(circle at 70% 30%, rgba(0, 168, 232, 0.4) 0%, transparent 60%), 
              linear-gradient(180deg, #002C40 0%, #005B8C 100%) !important;
  color: white !important;
}
.store-footer__inner {
  background: none !important; 
  padding: 20px;
}



.md\:flex.items-center.justify-between.py-4.container.text-center {
  display: none !important;
}







.hero-certified-link{
  display:inline-block;
  text-decoration:none;
  line-height:0;
}


.hero-certified-text{
  font-size:1.125rem; 
  font-weight:600;
  margin:0;
  padding:0;
  color: #ffff; 
  text-align: right;
  line-height:1.2;
}

@media (max-width: 1024px){
  .hero-certified-wrapper{
    margin-top:8px;
  }
  .hero-certified-img{
    width:48px;
    height:48px;
  }
  .hero-certified-text{
    font-size:1rem;
  }
}




@media (max-width: 1024px){

footer {
    background-color: #0056b3; 
    display: flex;
    flex-direction: column; 
    align-items: center  !important; 
    justify-content: center  !important; 
    gap: 15px; 
}

footer * {
    text-align: center !important ;
    color: white; 
}



.hero-certified-text{

  text-align: center  !important;

}
.s-contacts-item{

   justify-content: center !important;

}

a.flex.items-center.m-0 {
    justify-content: center;
    display: flex; 
    margin: 0 auto; 
    padding: 5px 10px; 
}

a.flex.items-center.m-0 h3 {
    font-size: 16px; 
    margin: 0;
}
.s-social-list{

   justify-content: center !important;

}


.store-footer p.ql-align-right:has(br) {
    display: none !important;
}
}







.rating-header {
    color: white;
}

.rating-header h2,
.rating-header p {
    color: white !important;
}


.rating-header .s-button-text {
    color: inherit !important; 
}





.lg\:col-span-2 {
    display: flex;
    flex-direction: column;
    gap: 12px; 
}

.lg\:col-span-2 a img {
    display: block;
}


a[href="https://try-hero.com/ar/"] {
    display: none !important;
}

p.max-w-sm.leading-6.mb-6 {
    display: none !important;
}


@media (max-width: 1024px) {
    a[href="https://try-hero.com/"] {
        display: flex !important;
        justify-content: center !important;
    }
    
    
    
    
    

    a[href="https://try-hero.com/"] img {
        margin: 0 auto !important;
    }
}




footer {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}








section.s-block.s-block--testimonials {
    background-color: #ebf5fd; 
    padding: 40px 0; 
}


.s-reviews-testimonial {
    background-color: #7dc1f1;  
    border-radius: 12px;
        padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease;
    
}


.s-reviews-testimonial {
       border-radius: 40px !important; 

   
    padding: 20px;               
  
}





.s-reviews-testimonial__info h2 {
    color: white !important;
}

.s-reviews-testimonial__avatar img {
    content: url("https://abdelghanif0225.github.io/ICONS/01.svg") !important;
     transform: scale(0.7); 
}








.sm-shake.sm-fixed,
.sm-fixed.bottom-right {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 99999 !important;
}