/* Add custom CSS styles below */ 
/* Prevent horizontal scrolling at the document level */
html, body, #app {
    background-color: #ffffff !important;
    background-image: none !important;
}
.inner.fixedHeader {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
.s-block--bundle-full-width-banner{
  margin-top: 10px !important;
}
html, body {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}


/* Ensure the mobile menu container doesn't exceed viewport width */
.mm-ocd {
  max-width: 100vw;
  box-sizing: border-box;
}

.theme-section-spacing {
    background-image: url("https://i.ibb.co/0pv5JnyV/Rectangle-6169-1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.s-slider-nav-arrow svg {
    fill: #000000 !important;
}
/* Update background for the entire footer and its sub-sections */
footer.store-footer, 
footer.store-footer .footer-store-section, 
footer.store-footer .footer-copyrights-vat-certificate {
    background-color: #275fea !important;
}

/* Force all text, links, icons, and SVG shapes to be white */
footer.store-footer, 
footer.store-footer *, 
footer.store-footer a, 
footer.store-footer p, 
footer.store-footer span, 
footer.store-footer i,
footer.store-footer svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* Make all text within the section white */
.footer-store-section.store-section,
.footer-store-section.store-section p,
.footer-store-section.store-section span,
.footer-store-section.store-section a,
.footer-store-section.store-section div,
.footer-store-section.store-section li {
    color: #ffffff !important;
}

/* Make the logo white (works for most images) */
.footer-store-section.store-section img {
    filter: brightness(0) invert(1) !important;
}

/* Make SVG icons white */
.footer-store-section.store-section svg,
.footer-store-section.store-section svg * {
    fill: #ffffff !important;
    color: #ffffff !important;
}
/* Smaller social icons with white border */
.footer-about-us-links-div .social-icons a {
    width: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
    border: 1.5px solid #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 3px !important;
}

/* Scale the icons inside to fit the smaller container */
.footer-about-us-links-div .social-icons a i,
.footer-about-us-links-div .social-icons a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    width: 14px !important;
    height: 14px !important;
}
/* Make all footer titles white */
footer.store-footer .footer-title {
    color: #ffffff !important;
}
/* Make contact titles and items white within the footer */
footer.store-footer .s-contacts-title,
footer.store-footer .s-contacts-list * {
    color: #ffffff !important;
    fill: #ffffff !important;
}
@media (max-width: 767px) {
    /* Compact size for mobile icons */
    ul.s-social-list li.s-social-link a,
    ul.s-social-list li.s-social-link i,
    ul.s-social-list li.s-social-link svg {
        font-size: 18px !important;
        width: 28px !important;
        height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Minimal spacing */
    ul.s-social-list {
        gap: 8px !important;
    }

    /* Override Salla component variables */
    salla-social.hydrated {
        --s-social-icon-size: 18px !important;
    }
}
@media (max-width: 767px) {
    /* Ensure the social component takes full width on mobile */
    salla-social.hydrated {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Center the icons list using flexbox */
    ul.s-social-list {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) {
  .banner-img-desktop {
    content: url('https://i.ibb.co/fVzmSvtx/banner1-11.png') !important;
    object-fit: cover !important;
    min-height: 400px !important;
    width: 100% !important;
  }
}nav.breadcrumbs {
  min-height: auto!important;
  height: auto!important;
padding-top:10px!important;
padding-bottom:10px!important
}@media(max-width:767px) {
    nav.breadcrumbs {
        margin-bottom:1px!important
    }
}