/* Add custom CSS styles below */ 
/* Targets only the FIRST section of this type */
section.s-block.s-block--fixed-banner:first-of-type {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: relative;
    left: 0;
}

/* Ensure the inner container of the first banner is also full-width */
section.s-block.s-block--fixed-banner:first-of-type .container
,section.s-block--fixed-banner:nth-child(5) .container
{
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the image inside the first banner fills the width */
section.s-block.s-block--fixed-banner:first-of-type img
,section.s-block--fixed-banner:nth-child(5) img
{
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover;
}
.custom-footer-before-container {
    display: flex;
    justify-content: center;
    width: 100%;
    line-height: 0;
    margin-bottom: -100px;
    position: relative;
    z-index: 12;
}

/* Ensure the link doesn't add unwanted spacing */
.custom-footer-before-container a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.custom-footer-before-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Centers the image if link is wider */
}

footer.store-footer {
    padding-top: 100px !important;
    margin-top: 0 !important;
    background-image: url("https://i.ibb.co/Tx0DVh6X/Slide-16-9-12-2-1.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
}

.store-footer__inner {
    background-color: transparent !important;
    background-image: none !important;
}
/* Targets the h3 inside the footer link to center the logo and hide text */
footer.store-footer a.flex.items-center.m-0 h3 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 0 !important; /* Hides the original text */
    margin: 0 !important;
}

/* The style for the new logo image */
.custom-footer-logo {
    height: 140px; /* Adjust this value to change the size */
    width: auto;
    display: block;
    margin: 0 auto;
}
/* Styling for the top navbar container */
.top-navbar {
  background: linear-gradient(to right, #E15E34, #8C0308);
  color: #FFFFFF;
}

/* Ensure the search input text and placeholder are white */
.top-navbar .s-search-input {
  color: #FFFFFF;
}

.top-navbar .s-search-input::placeholder {
  color: #FFFFFF !important;
  opacity: 1; /* Necessary for Firefox */
}

/* Browser-specific placeholder support */
.top-navbar .s-search-input::-webkit-input-placeholder {
  color: #FFFFFF !important;
}

.top-navbar .s-search-input::-moz-placeholder {
  color: #FFFFFF !important;
}

.top-navbar .s-search-input:-ms-input-placeholder {
  color: #FFFFFF !important;
}