/* Add custom CSS styles below */ 
.section.main-links-lima-cats .slide--cat-entry{
  background-color: transparent !important;
}
.section.main-links-lima-cats .slide--cat-entry > img{
  width: 100px !important;
  height: 100px !important;
}
.s-block--categories .swiper-slide img{
  width: 100px !important;
  height: 100px !important;
  
}
.s-block--categories .swiper-slide a > i{
  width: 100px !important;
  height: 100px !important;
  
}
/* .main-title-cat{
  display: flex;
  justify-content: center !important;
  align-items: center !important;

} */

.s-block--categories .s-slider-block__title{
  display: none;
}
.footer-head{
  order: -1;
}
.footer-body{
    background-image: linear-gradient(to right ,#97a4ac ,#e1f3fd);

  /* background-color: #ffd0d0 !important; */
}
.store-footer .container{
  max-width:100% !important;
}
.copyright-container{
  background-color: #1e2a38 !important;
  
}
.footer-head-description{
  display: none;
}
.store-footer{
  padding: 0 !important;
}
/* .important-links-contianer > div ,
.contact-links-contianer > div 
{
  display: flex;
  flex-direction: column;
  align-items: center;
} */
.sub_categories-container >div:first-child{
  min-height: fit-content !important;
}
@media (max-width: 900px) {
    /* 1. Force the main container to stack and center */
    .footer-body-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 2. Center each column block */
    .footer-body-container > div {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 2rem; /* Adds spacing between stacked sections */
    }

    /* 3. Center lists and list items */
    .important-links, 
    .contact-links ul {
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    /* 4. Center the "Tax Number" and "Store Language" sections */
    .footer-body-container .flex.items-end,
    .footer-body-container .sbc-container,
    .footer-body-container .mt-6 {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 5. Fix for the contact link icons to stay aligned in center */
    .contact-links li a {
        justify-content: center !important;
    }

    /* 6. Ensure the description text remains centered */
    .footer-head-description div {
        margin: 0 auto !important;
    }
}