/** Shopify CDN: Minification failed

Line 12:27 Expected ")" to end URL token
Line 105:0 Expected "}" to go with "{"

**/
/*.newsletter__wrapper {
  padding-right: calc(4rem / var(--font-body-scale));
  padding-left: calc(4rem / var(--font-body-scale));
}*/
.newsletter__wrapper {
  background-image: url({{ section.settings.background_image | img_url: '2048x2048' }});
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
  background-color: var(--color-scheme-background);
  padding-right: calc(4rem / var(--font-body-scale));
  padding-left: calc(4rem / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
  .newsletter__wrapper {
    padding-right: 9rem;
    padding-left: 9rem;
  }
}

.newsletter__wrapper > * {
  margin-top: 0;
  margin-bottom: 0;
}

.newsletter__wrapper > * + * {
  margin-top: 2rem;
}

.newsletter__wrapper > * + .newsletter-form {
  margin-top: 3rem;
}

.newsletter__subheading {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.newsletter__wrapper .newsletter-form__field-wrapper {
  max-width: 36rem;
}

.newsletter-form__field-wrapper .newsletter-form__message {
  margin-top: 1.5rem;
}

.newsletter__button {
  margin-top: 3rem;
  width: fit-content;
}

@media screen and (min-width: 750px) {
  .newsletter__button {
    flex-shrink: 0;
    margin: 0 0 0 1rem;
  }
}
/*NEWSLETTER CONT*/
.newsletter.center {
  background-color: #6b0b06;
  background-image: url(/cdn/shop/files/shama-nuts.png?v=1731927940),
    url(/cdn/shop/files/shama-nuts.png?v=1731927940);
  background-repeat: no-repeat, no-repeat;
  background-position-x: 102%, -2%;
  background-position-y: -28%, 127%;
  background-size: 11%, 11%;
} /*for resp at destop*/
/*NEWSLETTER CONT*/

/*MEDIA QUERIES FOR RESPONSIVE BG IMGS*/
@media screen and (max-width: 1150px) {
  .newsletter.center {
    background-position-x: 102%, -2% !important;
    background-position-y: -14%, 115% !important;
    background-size: 11%, 11% !important; 
  }
}
@media screen and (max-width: 768px) {
  .newsletter.center {
    background-position-x: 102%, -2% !important;
    background-position-y: -7%, 108%  !important;
    background-size: 12%, 12% !important; 
  }  
}
@media screen and (max-width: 450px) {
  .newsletter.center {
    background-position-x: 102%, -2% !important;
    background-position-y: -4%, 104%  !important;
    background-size: 12%, 12% !important; 
}
  @media screen and (max-width: 320px) {
  .newsletter.center {
    background-position-x: 102%, -1% !important;
    background-position-y: -2%, 102% !important;
    background-size: 16%, 15% !important;
}
}