html:not(.no-js) {
  .template-index {
    .header {
      &:not(.fixed) {
        margin-bottom: -97px;
      }
    }
  }
}

.template-index {
  &:not(.mini-cart-open) {
    .header {
      &:not(.fixed) {
        background: transparent;

        .header__logo {
          filter: invert(1);
        }

        .header__nav-icon--account-container {
          circle {
            stroke: none;
          }
        }

        .header__nav-icon--account-container,
        .header__nav-icon {
          color: var(--legramme-white);

          svg,
          path,
          circle {
            stroke: currentColor;
          }
        }

        .header__nav-icon--native-search {
          &:hover {
            .header__icon-open {
              color: var(--legramme-white) !important;
            }
          }
        }

        &:after {
          background-color: transparent;
        }

        & .cwsMenuOuter {
          &.mobile-view {
            .cmenu_hamburger {
              svg {
                filter: invert(1);
              }
            }
          }
        }
      }
    }
  }

  main {
    & > :first-child {
      .shopify-hero-slider-section {
        & .hero-slider-section {
          & .flickity-viewport {
            & .flickity-slider {
              & .hero-slide__slide_item {
                .hero-slide__content {
                  @media screen and (max-width: 1023px) {
                    padding-bottom: 25px;
                    --legramme-sticky-position-bottom: calc(env(safe-area-inset-bottom));
                  }
                }
              }
            }
          }
        }

        .flickity-page-dots {
          @media screen and (max-width: 1023px) {
            display: none;
            bottom: 5px;
          }
        }
      }
    }
  }

  .services-global-section {
    @media screen and (min-width: 1024px) {
      margin-top: 100px;
    }
  }

  .editorial-carousel-section__container {
    @media screen and (min-width: 1024px) {
      margin-bottom: 50px;
    }
  }
}