/** Shopify CDN: Minification failed

Line 332:0 Expected "}" to go with "{"

**/
.footer {
        max-width: auto;
        --footer-padding: 2rem;
        padding: var(--footer-padding);
        background-color: #F3F3F3;
        color: rgb(var(--color-base-text));
        font-family: var(--font-body-family);
        margin: 0 auto; /* Center the footer */
      }

      .footer__content-top {
        display: block;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* Responsive columns */
        margin: 0 auto 4em !important; /* Center the grid and add spacing below */
        justify-content: center;
        align-items: center;
        max-width: 1600px; /* Optional: Limit the grid width */
      }

.footer__logo {
    display: flex;
    justify-content: center; /* Center logo and contact info */
    align-items: center; /* Center content horizontally */
    margin-bottom: 2rem; /* Add space below the logo */
}

      
      .footer__column {
        text-align: left; /* Aligns content in the column */
        margin-top: 45px;
        margin-right: 10px;
        margin-left: 10px;
      }
      
      .footer__title {
        margin-bottom: 1.5rem; /* Space below the title */
      }

      .footer__list {
        list-style: none; /* Remove bullet points */
        padding: 0; /* Remove default padding */
        margin: 0; /* Remove default margin */
      }

      .footer__list li {
        margin: 0; /* Reset default margin for list items */
        padding: 0; /* Reset default padding for list items */
        text-align: left; /* Ensure text is aligned to the left */
      }

      
      .footer__list li a {
        text-decoration: none;
        color: rgba(var(--color-base-text), 0.8); /* Slightly faded for readability */
        font-size: 1.6rem;
      }
      
      .footer__list li a:hover {
        color: rgb(var(--color-base-accent-1)); /* Accent color on hover */
      }
      
      .footer__social-icons {
        display: flex;
        justify-content: left;
        gap: 1.5rem; /* Space between icons */
        margin-top: 0rem; /* Add spacing between the title and icons */
      }

      
      .footer__social-icons .list-social__item {
        list-style: none;
      }
      
      .footer__social-icons .list-social__link {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px; /* Circle size */
          height: 40px;
          border-radius: 50%;
      }
      
      .footer__social-icons .list-social__link:hover {
          background-color: rgba(var(--color-base-accent-1), 0.1);
          transform: scale(1.1);
      }
      
      .footer__social-icons .list-social__link:hover .svg-wrapper svg {
          fill: #555; /* Change icon color on hover */
      }

      
      .footer__column {
        text-align: left; /* Ensure proper alignment within columns */
        margin-left: 40px;
        margin-right: 40px;
        align-self: right;
      }
      
      .footer__content-bottom {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 2rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
      }
      
      .footer__content-bottom-wrapper {
        border-top: 1px solid rgba(var(--color-base-text), 0.1); /* Subtle border */
        padding-top: 2rem; /* Space above the section */
        display: flex;
        flex-wrap: wrap; /* Ensure responsiveness */
        justify-content: space-between; /* Space out content evenly */
        align-items: flex-start; /* Align items to the top */
        gap: 2rem; /* Add space between the sections */
      }

      .footer__copyright {
        font-size: 1.2rem;
        text-align: left; /* Align copyright text to the left */
        color: rgba(var(--color-base-text), 0.6); /* Slightly lighter text color */
        margin: 0; /* Remove any default margin */
      }
      
      .policies {
        display: flex;
        justify-content: flex-start; /* Align to the left */
        flex-wrap: nowrap; /* Ensure all items are in a single line */
        gap: 1rem; /* Space between links */
        font-size: 1rem; /* Keep font size consistent */
        list-style: none; /* Remove bullets */
        margin: 0; /* Remove any default margin */
        padding: 0; /* Remove any default padding */
      }
      
      .policies li {
        list-style: none; /* Ensure no bullets */
      }
      
      .policies li a {
        text-decoration: none; /* Remove underline */
        color: rgba(var(--color-base-text), 0.7); /* Subtle text color */
        font-size: 1rem; /* Consistent font size */
      }
      
      .policies li a:hover {
        text-decoration: underline; /* Add underline on hover */
        color: rgba(var(--color-base-text), 0.9); /* Slightly darker hover effect */
      }
      
      .footer__payments {
        display: flex;
        align-items: flex-start; /* Align icons with the text */
        margin-left: 0; /* Align payments to the left wall */
      }
      
      .footer__payment-icons {
        display: flex;
        gap: 0.8rem; /* Space between payment icons */
        justify-content: center;
        list-style: none; /* Remove bullet points */
        padding: 0; /* Reset padding */
        margin: 0; /* Reset margin */
      }
      
      .footer__payment-icons li {
        margin: 0 10px;
        list-style: none; /* Ensure no bullet points on individual items */
      }
      
      .footer__payment-icons li::before {
        content: none !important; /* Remove any pseudo-elements */
      }

      
      .footer__email-subscribe {
        display: flex;
        justify-content: right;
        align-items: center;
        gap: 1rem;
      }
      
      .footer__email-subscribe input {
        width: 250px;
        padding: 10px;
        margin-right: 10px;
      }
      
      .footer__email-subscribe button {
          background-color: #121212; /* Black background */
          color: #fff; /* White text */
          border: none; /* Remove borders */
          padding: 10px 20px;
          font-size: 16px;
          cursor: pointer;
          transition: padding 0.2s ease, border 0.2s ease; /* Smooth padding transition */
      }
      .footer__email-subscribe button:hover {
          transform: scale(1.02);
      }
      
      .footer__blocks-wrapper {
        display: grid;
        gap: 2rem; /* Use larger gaps for better spacing */
        align-items: start;
        justify-content: center;
        max-width: var(--page-width);
        margin: 0 auto;
      }
      
      .footer-block {
        margin-bottom: var(--grid-desktop-vertical-spacing);
      }
      .footer-block h3 {
        font-family: var(--font-heading-family);
        font-weight: var(--font-heading-weight);
        font-size: calc(var(--font-heading-scale) * 1.2rem);
        margin-bottom: 1rem;
      }
      
      @media screen and (max-width: 768px) {
        .footer__content-top {
          grid-template-columns: repeat(2, 1fr); /* Two columns for smaller screens */
          gap: 2rem; /* Smaller gap for compact view */
        }
      
        .footer__newsletter {
          flex-direction: column;
          align-items: flex-start;
          gap: 0.5rem;
        }
      
        .footer__newsletter input[type="email"] {
          width: 100%;
        }
      
        .footer__content-bottom {
          flex-direction: column;
          align-items: center;

        .footer__blocks-wrapper {
          gap: 4rem; /* Larger spacing for desktop view */
       }
        
      }
#back-to-top {
    text-align: center;
    margin: 20px 0; /* Space above and below the button */
}

#back-to-top a {
    background-color: #fff; /* White background */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    transition: background-color 0.3s ease;
}

#back-to-top a:hover {
    background-color: #f4f4f4; /* Slight hover effect */
}
  @media screen and (max-width: 768px) {
    #back-to-top {
    text-align: center;
    margin: 20px 0; /* Space above and below the button */
}

#back-to-top a {
    background-color: #fff; /* White background */
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    transition: background-color 0.3s ease;
}

    /* Contact on Footer */

.footer__contact-info {
    text-align: center; /* Center-align the text */
    margin-top: 1rem; /* Add space above the contact info */
    max-width: 400px; /* Limit the width of the contact info */
}

.footer__contact-info h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.footer__contact-info ul {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.footer__contact-info li {
    margin-bottom: 0.5rem; /* Add space between items */
    font-size: 1.6rem;
}

.footer__contact-info i {
    margin-right: 0.5rem; /* Space between the icon and text */
    color: #555; /* Icon color */
}

.footer__contact-info a {
    text-decoration: none;
    color: #333; /* Text color */
}

.footer__contact-info a:hover {
    text-decoration: underline;
    color: #007bff; /* Optional hover color */
}

