/** Shopify CDN: Minification failed

Line 149:24 Expected "}" to go with "{"

**/
/* === FORCE NEWSLETTER (Join the Asylum) TO CENTER === */

/* Make the newsletter block full-width and visually centered */
.footer__content-top > .footer-block--newsletter,
.footer__content-top .footer-block--newsletter {
  width: 100% !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 1rem 0 !important;
}

/* Center & tighten the heading */
.footer__content-top .footer-block__heading.inline-richtext,
.footer-block__newsletter .footer-block__heading {
  text-align: center !important;
  margin: 0 0 0.75rem !important;
  width: 100% !important;
}

/* Center the form wrapper */
.footer-block__newsletter .newsletter-form__field-wrapper,
.footer-block__newsletter .footer__newsletter,
.footer__newsletter.newsletter-form {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Make the field a centered pill with constrained max width */
.footer__newsletter .field {
  width: 100% !important;
  max-width: 520px !important; /* change this to taste */
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

/* Ensure input/button share the row and the input can shrink on small screens */
.footer__newsletter .field__input {
  flex: 1 1 auto !important;
  min-width: 0 !important; /* lets it shrink inside max-width */
  padding: 0.75rem 1rem !important;
  border-radius: 999px 0 0 999px !important;
}

/* Button styling kept pill-shaped */
.footer__newsletter .newsletter-form__button {
  border-radius: 0 999px 999px 0 !important;
  margin-left: 0 !important;
  flex: 0 0 auto !important;
}

/* Push social icons under the newsletter and center them */
.footer__list-social {
  margin-top: 1rem !important;
  display: flex !important;
  justify-content: center !important;
  gap: 1rem !important;
}

/* Mobile tweak: slightly reduce padding on small screens */
@media (max-width: 440px) {
  .footer__newsletter .field__input {
    padding: 0.6rem 0.75rem !important;
  }
  .footer__newsletter .field { max-width: 360px !important; }
}

/* Footer legal / bottom-left text */
.footer__copyright,
.footer__copyright a,
.shopify-policy__container a {
  color: #ff0000 !important; /* red */
  text-decoration: none !important;
}

.footer__copyright a:hover,
.shopify-policy__container a:hover {
  color: #cc0000 !important; /* darker red on hover */
  text-decoration: underline !important;
}
/* === Center payment card icons in footer === */
.payment-icons,
.footer__payment,
.footer__payment-icons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important; /* space between logos */
  width: 100% !important;
  margin: 1rem 0 0 !important;
  text-align: center !important;
}

.payment-icons img,
.footer__payment-icons img {
  max-height: 28px !important; /* make them even in size */
  width: auto !important;
  display: inline-block !important;
}
/* === Center footer bottom text === */
.footer__copyright,
.footer__copyright a,
.shopify-policy__container {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  margin: 0.5rem auto !important;
  color: #ff0000 !important; /* red text */
}

.footer__copyright a:hover,
.shopify-policy__container a:hover {
  color: #cc0000 !important; /* darker red on hover */
}
/* === Make newsletter input & button rectangular === */
.footer__newsletter .field__input {
  border-radius: 4px 0 0 4px !important; /* small radius, left corners */
}

.footer__newsletter .newsletter-form__button {
  border-radius: 0 4px 4px 0 !important; /* small radius, right corners */
}
/* Newsletter input label styling */
.footer__newsletter .field__label {
  position: absolute !important;
  left: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #ff0000 !important; /* red text */
  transition: opacity 0.2s ease;
}

/* Hide the label only when input is focused */
.footer__newsletter .field__input:focus + .field__label {
  opacity: 0 !important;