/* Add custom CSS styles below */ 
.store-footer__top  {
    background: white !important;
  color:black;
}

/* ============================================
   OPTIONAL CSS FOR SALLA PLATFORM
   Additional styling for Map Section
   ============================================ */

/* Map Section Container */
#custom-map-section {
    padding: 60px 0 !important;
    background-color: white !important;
}

/* Logo Styling */
#custom-map-section img {
    width: 150px !important;
    height: auto !important;
    display: inline-block !important;
    margin: 0 auto 20px auto !important;
    transition: transform 0.3s ease !important;
}

#custom-map-section img:hover {
    transform: scale(1.05) !important;
}

/* Title Styling */
#custom-map-section h2 {
    font-size: 36px !important;
    font-weight: bold !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

/* Subtitle Styling */
#custom-map-section p {
    font-size: 18px !important;
    color: #666 !important;
    text-align: center !important;
    margin: 0 0 40px 0 !important;
}

/* Map Wrapper */
#custom-map-section .map-wrapper {
    width: 100% !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Map Iframe */
#custom-map-section iframe {
    border: 0 !important;
    width: 100% !important;
    height: 450px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    #custom-map-section {
        padding: 40px 0 !important;
    }
    
    #custom-map-section img {
        width: 120px !important;
        margin-bottom: 15px !important;
    }
    
    #custom-map-section h2 {
        font-size: 28px !important;
    }
    
    #custom-map-section p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }
    
    #custom-map-section iframe {
        height: 350px !important;
    }
}

@media (max-width: 480px) {
    #custom-map-section img {
        width: 100px !important;
    }
    
    #custom-map-section h2 {
        font-size: 24px !important;
    }
    
    #custom-map-section iframe {
        height: 300px !important;
    }
}

@media (max-width: 600px) {
  .s-block--default-home-slider .swiper-slide {
    position: relative;
   height: 22vh !important;
  }
}
@media (max-width: 600px) {
  .home-slider__content {
    position: relative;
  }

  .home-slider__content > div > div[data-swiper-parallax] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    transform: none !important;
    z-index: 10;
  }
}