.shopify-section.section-popup {
  z-index: unset;
  position: unset;
}
.theme-popup {
  position: fixed;
  z-index: 1000000000;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  overflow-y: auto;
  opacity:0;
  display: flex;
  transition: transform 300ms ease, opacity 300ms ease;
  align-items: center;
  justify-content: center;
  padding: 20px 12px;
  pointer-events: none;
  background: rgba(0,0,0,0.5);

  @media only screen and (min-width: 750px) {
    padding: 20px;
  }

   &[open] {
    opacity: 1;
     pointer-events: all;
    .theme-popup__wrap {
      opacity: 1;
      transform: translateY(0);
    }
  }

}
.global-settings-popup,
.modal-content {
  overflow: hidden;
  height: 100%;
  max-height: 100lvh;
  border-radius: var(--popup-corner-radius);
  border-width: var(--popup-border-width);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.theme-popup__wrap {
  container: popup-wrap \ inline-size;
  max-width: var(--page-width, 1400px);
  width: 95%;
  margin: auto;
  box-shadow: 0 0 20px rgba(var(--color-base-dark), 0.5);
  opacity: 0;
  transform: translateY(20px);
  position: relative;
  transition: transform 600ms ease, opacity 600ms ease;

  h1,h2,h3,h4,h5,h6, .heading {
    margin-block: 0;
  }

  &.cart-recommendations__wrap {
    max-width: clamp(1000px, calc(200px + 40vw), 1200vw);
  }
  @media only screen and (min-width: 750px) {
    width: 85%;
  }
    .modal-content {
    width: 100%;

    @media only screen and (min-width: 750px) {
      display: flex;
      align-items: stretch;
      justify-content: center;

      .theme-popup__image {
        flex: 1 1 50%;
      }

      .theme-popup__content {
        flex: 1 1 50%;
        padding: 24px;
      }

      &.image-layout--right {
        flex-direction: row-reverse;
      }
    }


    &.image-layout--full_width {
      flex-wrap: wrap;

      .theme-popup__image {
        min-height: 0;
        flex: 0 0 100%;
      }
    }

    .newsletter-form {
      padding: 0;
    }
  }
}
.theme-popup__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 0;
  container: content / inline-size;
  @media only screen and (max-width: 749px) {
    padding: 1rem 2rem;
  }
}

.theme-popup__image {
  position: relative;
}
.theme-popup__heading, .theme-popup__liquid, .theme-popup__newsletter {
  width:100%;
  flex: 0 0 auto;
  padding: 1rem;
  margin: 0 auto;
  @container content (min-width: 280px) {
    margin: 0 auto;
    padding: 1rem 1.5rem;
    &:first-child {
      margin-top: 1.5rem;
    }
    &:last-child {
      margin-bottom: 1.5rem;
    }
  }
}

.theme-popup__heading p {
  margin: 0.25rem auto;
}

.theme-popup__image {
  .media {
    position: absolute;
    inset: 0;
  }
  &::before{
    content:'';
    width:100%;
    display:block;
    padding-bottom: 60%;
    @media only screen and (min-width: 750px) {
      padding-bottom: 100%;
    }
  }
}

button.auto-modal__toggle {
  &:hover, &:focus-visible {
    opacity:1;
    transform: scale(1.05)
  }
  svg{
    width:100%;
    height:100%;
  }
}

.header-wrap--cart-recommendations {
  padding-bottom: 1rem;
}
auto-modal .header-wrap {
  padding-inline: 25px;
  @media only screen and (min-width: 1024px) {
    padding-inline: 50px;
  }
}

.auto-modal__toggle,
.quick-add-modal__toggle {
  border: .1rem solid rgba(var(--color-background), 0.15);
  border-radius: 4px;
  color: rgba(var(--color-background), 0.95);
  background: rgba(var(--color-foreground), 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.65rem;
  z-index: 5;
  width: 2.5rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  @media only screen and (min-width: 1024px) {
    width: 4rem;
    padding: 1.2rem;
    top: 1.5rem;
    right: 1.5rem;
  }
}

.modal-content .rte.size--small {
  opacity: 0.8;
}