/** Shopify CDN: Minification failed

Line 73:20 Expected ":"

**/
/* Hero Section Styles */

.hero {
  padding: 0;
  overflow: hidden;
}

.hero__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
}

@media screen and (min-width: 990px) {
  .hero__wrapper {
    position: relative;
    min-height: 80vh;
    display: block;
  }
}

/* Content positioning */
.hero__content {
  padding:1rem;
  margin: 0;
  background-color: transparent;
}

@media screen and (min-width: 990px) {
  .hero__content {
    position: absolute;
    z-index: 2;
    width: 40vw;
    max-width: 865px;
    padding: 1rem;
    text-align: center;
  }

  .hero__content--top_left {
    top: 4rem;
    left: 4rem;
  }

  .hero__content--top_right {
    top: 4rem;
    right: 4rem;
  }

  .hero__content--bottom_left {
    bottom: 4rem;
    left: 4rem;
  }

  .hero__content--bottom_right {
    bottom: 4rem;
    right: 4rem;
  }
}

.hero__text {
  margin-bottom: 2rem;
}

.hero__text h1 {
  font-size: clamp(16px, 10vw, 72px);
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2;s
  width: 100%;
  margin: 2rem auto 1rem;
  color:rgb(39, 3, 138)
}

@media screen and (min-width: 750px) {
  .hero__text h1 {
    font-size: 3.6rem;
    color: #fff;
    width: 76%;
  }
}

.hero__text p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0;
  opacity: 0.85;
  color: rgb(39, 3, 138);
}

@media screen and (min-width: 750px) {
  .hero__text p {
    font-size: 1.8rem;
    color: #ffffff;
  }
}

/* CTA Button */
.hero__cta-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.hero__cta {
  background-color: var(--hero-cta-bg-color, #DE4614);
  color: var(--hero-cta-text-color, #FFFFFF);
  padding: 12px 16px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  text-decoration: none;
  width: fit-content;
}

.hero__cta:hover {
  opacity: 0.9;
}

.hero__cta:active {
  transform: scale(0.98);
}

.hero__cta:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.hero__cta--loading .hero__cta-text {
  display: none;
}

.hero__cta--loading .hero__cta-loading {
  display: inline-block !important;
}

.hero__cta-message {
  color: rgb(39, 3, 138);
  opacity: 0.7;
  margin: 0;
  text-align: center;
  font-size: 0.875rem;
  font-family: var(--FONT-STACK-HEADING);
}

@media screen and (min-width: 990px) {
  .hero__cta-message {
    color: var(--color-text);
  }
}


/* Image */
.hero__image-wrapper {
  order: 2;
  position: relative;
  flex: 1;
  min-height: 300px;
}

@media screen and (min-width: 990px) {
  .hero__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    min-height:85svh;
  }
}

.hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  aspect-ratio: 3 / 4;
  object-position: 78%;
}

@media screen and (min-width: 990px) {
.hero__image-wrapper {
  aspect-ratio: unset;
  object-position: right;
}
}

.hero__image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary, #F2ECF7);
}

.hero__placeholder-svg {
  width: 100%;
  height: 100%;
  max-width: 600px;
  opacity: 0.5;
}

.section-newsletter {
  background-image: url(/cdn/shop/files/valentines-promo-newsletter-background.png?v=1770234854);
  background-size: cover;
  background-position: center;
  position: relative;
  color: #ffffff;

  .wrapper {
    z-index: 1;
    position: relative;
  }

  h2 {
    color: #ffffff;
    font-size:48px;
    line-height:56px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: var(--FONT-STACK-HEADING);
    margin: 0;
  }

  .input-group--inner-button {
    border: none;
    background-color: transparent;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;

    &:after {
      content: 'No spam. Just sweet updates + occasional offers.';
      flex-basis: 100%;
      color: #ffffff;
    }
  }

  .input-group-button {
    flex-basis: 36%;

    button {
      justify-content: center;
      text-align:center;
      width:100%;
    }
  }

  .input-group-field {
    border-radius: 100px;
    border: 1px solid #fff;
    color: #ffffff;
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
    height: 48px;
    flex-basis: 60%;
  }

  .kicker-flourished:after {
    content: unset;
  }

  [name="subscribe"] {
    border-radius: 100px !important;
    color: #fff;
    background-color: #27038A;
    height: 48px;
  }
}
.section-newsletter:after {
  background-color: #F3513FE0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.section-faq {
  padding-top: var(--PT);
  padding-bottom: var(--PB);
}

.section-faq .wrapper {
  max-width: 628px;
  margin: 0 auto;
  border: 1px solid #D8C5E652;
  border-radius: 20px;
}
