/* Add custom CSS styles below */ 

div#mainnav {
background: linear-gradient(90deg,rgba(111, 189, 239, 1) 0%, rgba(111, 189, 239, 0.62) 50%, rgba(255, 255, 255, 0) 100%);

}
section.s-block.s-block--square-links.square-links-1.merge-with-top-component div#swiper-wrapper-b8ad4f6e76b8a73e {
    
}
section.s-block.s-block--square-links.square-links-1 li:hover img {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    transition: none !important;
}
@media(min-width:1024px){

}
section.s-block.s-block--square-links.square-links-1.merge-with-top-component .overflow-hidden {
  .overflow-hidden
}

section.s-block.s-block--square-links.square-links-1.merge-with-top-component img.aspect-\[14\/13\] {
    visibility: visible;
}

section.s-block.s-block--square-links.square-links-1.force-center .overflow-hidden  {
    overflow:visible !important;
   & img{
    object-fit:contain
   }
}
section.s-block.s-block--square-links.square-links-1 li:hover img{
  scale: 1;
}

section.s-block.s-block--square-links.square-links-1 img{
    object-fit:contain;
}
@media(max-width:767px){
section.s-block.s-block--square-links.square-links-1 ul.mx-auto.mt-8.grid.gap-x-6.gap-y-6.lg\:mx-0.grid-cols-2.lg\:grid-cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap:0
}
}
button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: linear-gradient(90deg,rgba(81, 182, 240, 1) 0%, rgba(164, 226, 255, 1) 100%);

}



.store-footer__inner {
    background-color:transparent !important;
}

footer.store-footer {
    padding-top:8rem;
    background-color:transparent !important;
}

.store-footer {
    position: relative;
      
    background-image: url('https://img.imgdd.com/a4dae765-8474-4443-b422-ee9db3740ecc.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll; /* أو fixed للتأثير المثبت */
}
@media(max-width:767px){
    footer.store-footer {
    padding-top:0rem;
    background-color:transparent !important;
}
    .store-footer {
    position: relative;
      
    background-image: url('https://img.imgdd.com/6fa010da-b0ea-4b2a-9c34-8b965df4bb26.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll; 
        
}
}

/* إضافة overlay لتحسين قراءة النص فوق الصورة */
.store-footer::before {
    content: '';
    position: absolute;
    top: 0rem !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.store-footer__inner,
.store-footer__contacts-row,
.footer-bottom {
    position: relative;
    z-index: 1;
    
}



.footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__newsletter  {
    /* background-color:transparent !important; */
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG.has-pattern > footer > svg > path {
    display:none
}

@media(min-width:1024px){
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG.has-pattern > footer > div > div.store-footer__inner > div > div:nth-child(3) > div > a{
    align-items:flex-start
    
}
}



footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border:none
}
footer a[href*=tiktok] {
   background: black;
    color:white;
border:none
}
footer a[href*=snapchat] {
    background:yellow;
border:none
}
footer a[href*=youtube] {
    background:red;
border:none;
    color:white;
}
footer a[href*=twitter] {
    background:lightskyblue;
border:none;
    color:white;
}