/* Add custom CSS styles below */ 
 .navbar-brand img {
  border-radius: 10px;
  max-width:100px;
  max-height:100px;
  min-height:100px;
}
.row-start-2 .brand {
  background-color:transparent;
}
#mainnav {
  background-color: transparent;
}
#mainnav * {
 background-color:transparent;
 color: #386395;

 stroke: #386395;
}
.top-navbar {
	background-color: transparent;
}

footer img {
border-radius:10px;
margin-bottom:7px;
}

.app-inner section {
  width:95% !important;
  margin:auto;
  /*margin-bottom:1%;*/
}
.TU-home_banner-1 img {
    object-fit:fill;
}
.TU-home_banner-1 .swiper a {
    margin-top:32% !important;
}



.s-block--categories .swiper-wrapper {
justify-content:center;
}
.store-footer {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100% important;
  border-top:1px solid gainsboro;
}
.store-footer .container img:first-child {
  
  width:0px;
  height:0px;
  display:none;
}
.store-footer .container a img {
  align-self:center;
  text-align:center;
  width:100px !important;
  height:100px !important;
  border:none;
  display:block !important;
}
.store-footer .container li img {
 
  width:100px !important;
  height:100px !important;
  border:none;
  display:block !important;
  min-height:60px !important;
  min-width:70px !important;
}
.store-footer .bg-base-text {
	background-color:transparent;
	color:#386395;
	text-align:center;
	align-content:center;
	justify-content:center;
	width:100% important;

}
.store-footer .bg-base-text  a  {
    width:100%;
	text-align:center;
	align-content:center;
	justify-content:center;
	display:flex;

}
.store-footer .bg-base-text h2  {

  width:100% !important;
  text-align:center;
  align-content:center;
  justify-content:center;
  display:flex;
  flex-grow:1;
  margin:auto;
  color:#386395;
}


.store-footer .container {
 display:flex;
 flex-direction:column;
}
.store-footer .contact-social {
 gap:0px;
 padding:0px;
}

.store-footer svg {
	fill: #386395 !important;
}
#mainnav .row-start-1 {
  margin-bottom: 5px;
}

section {
  margin-bottom: 3% !important;
}

.s-product-card-content-title a{
  color: #386395 !important;
}
.s-product-card-vertical .s-button-primary {
background-color: #386395 !important;
border: 1px solid gray !important; 
}
.s-product-card-vertical .s-button-primary:hover {
background-color: white !important;
color: navy !important;
stroke:navy;
border: 1px solid #386395 !important; 
}

 .s-product-card-entry {
            position: relative;
            display: flex;
            height: 100%;
            justify-content: start;
            --tw-bg-opacity: 1;
            transition-property: box-shadow;
            transition-duration: 300ms;
            border-radius: 8px;
            overflow: hidden;
            background-color: white;
        }

        .s-product-card-entry::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 8px;
            padding: 2px;
            background: linear-gradient(90deg, skyblue, white, skyblue, white);
            background-size: 200% 100%;
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            animation: borderMove 3s linear infinite;
            pointer-events: none;
        }

        @keyframes borderMove {
            0% {
                background-position: 0% 0%;
            }

            100% {
                background-position: 200% 0%;
            }
        }
        
.TU-products-slider .salla-slider-prev {
  border-color:#386395;
  
}
.TU-products-slider .salla-slider-next {
  border-color:#386395;
  
}
.TU-products-slider .salla-slider-prev i {
  background-color:#386395;
  
}
.TU-products-slider .salla-slider-next i {
  background-color:#386395;
  
}

        
@media (min-width: 768px) {
  .TU-home_banner-1 .swiper a {
    margin-top:28% !important;
}
}
@media (max-width: 768px) {
  .s-block--categories {
	margin-top:5% !important;
}
.store-footer .container li img {
 
  border:none;
  display:block !important;
  min-height:40px !important;
  min-width:50px !important;
}
}
.TU-why_us-7 {
    .highlight {
        background-color: #386395;
        color: #C2C0C0 !important;
        border-radius: 8px;
    }
}
.contact-social {
  flex-direction:column !important;
}
.s-social-link a {
  border-width:0px !important;
}
.s-social-link a:hover {
  border-width:0px !important;
  background-color:transparent !important;
}
.s-social-link:hover {
  border-width:0px !important;
  background-color:transparent !important;
}
.s-payments-list {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items:center !important; 
	justify-content: space-around !important;
	gap: 0.0rem !important; 
}
.important-links {
display:none;
}

.store-header .s-social-link a svg {
	fill: #386395 !important;
	 

}
.store-header .s-social-link a {
	background-color: transparent !important; 

}
.TU-why_us-8 {
    .highlight {
        background-color: #386395;
        border-radius: 8px;
        color: #ffffff;
    }
}

/*وسائل الدفع */
.s-payments-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 1.5rem !important;
}

/* حركة ظهور تدريجية عند النزول */
.fade-in {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}