/** Shopify CDN: Minification failed

Line 285:0 Unexpected "}"
Line 310:0 Unexpected "}"
Line 329:15 Expected identifier but found whitespace
Line 329:16 Unexpected "3rem"
Line 342:0 Unexpected "<"
Line 348:3 Unexpected "<"
Line 365:3 Unexpected "<"
Line 382:3 Unexpected "<"

**/
/* Base */

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
}

body {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 1.5rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
  body {
    font-size: 1.6rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }
}

.password-modal__content-heading {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
}

@media only screen and (min-width: 750px) {
  .password-modal__content-heading {
    font-size: 1.8rem;
  }
}

/* Password Section */

.full-height {
  height: 100%;
}

.password {
  background-color: rgb(var(--color-background));
  height: 100%;
}

.password-link {
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  white-space: nowrap;
}

.password-link .svg-wrapper {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1rem;
}

.password-modal__content {
  padding: 4.5rem 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.password-modal__content-heading {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
}

@media only screen and (min-width: 750px) {
  .password-modal__content-heading {
    font-size: 1.8rem;
  }
}

.password-modal .password-form {
  max-width: 50rem;
}

.password-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  width: 100%;
}

.password-field.field {
  flex: 1 20rem;
}

.password-field .form__message {
  margin-top: 1.5rem;
}

.password-button {
  margin-top: 3rem;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .password-field--error + .password-button {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 750px) {
  .password-button {
    margin-top: 0;
    margin-left: 2rem;
    width: auto;
    align-self: start;
  }
}

.password-logo {
  width: 100%;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 750px) {
  .password-logo {
    margin-bottom: 0;
  }
}

.password-heading {
  margin-top: 5rem;
  font-weight: 400;
}

.password-main {
  flex-grow: 1;
}

.password-main > section:only-child {
  height: 100%;
}

.password-main > section:only-child > .newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
}

.password-main > section:only-child .newsletter__wrapper:not(.email-signup-banner__box) {
  width: 100%;
}

.password-main > section:only-child > :not(.newsletter--narrow) > .newsletter__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.password__footer-text a {
  padding: 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.password__footer-login {
  margin-top: 1.2rem;
  padding-bottom: 4rem;
}

.password-modal .icon-close {
  color: rgb(var(--color-foreground));
}

.password__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}

hr {
  margin: 0 !important;
}

.list-social:not(:empty) + .password__footer-caption {
  margin-top: 3rem;
}

.password__footer-caption a {
  padding: 0;
  color: rgb(var(--color-link));
}

.modal__toggle,
.modal__close-button {
  list-style-type: none;
}

details[open] .modal__toggle,
.modal__close-button {
  position: absolute;
  top: 2.2rem;
  right: 2.2rem;
  padding: 0.8rem;
  color: rgb(var(--color-foreground));
  background-color: transparent;
}

.modal__toggle::-webkit-details-marker {
  display: none;
}

details.modal .modal__toggle-close {
  display: none;
}

details[open].modal .modal__toggle-close {
  background: rgb(var(--color-background));
  cursor: pointer;
  display: flex;
  padding: 0.8rem;
  z-index: 1;
}

details[open].modal .modal__toggle-close svg,
.modal__close-button .svg-wrapper {
  height: 1.7rem;
  width: 1.7rem;
}

details[open].modal .modal__toggle-close:hover {
  opacity: 0.75;
}

.js details[open].modal .modal__toggle-close {
  display: none;
}

details.modal .modal__toggle-open {
  display: flex;
}
.password-header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem 0; /* 2rem top and bottom, 0 left and right */
}
}
.password-content {
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .password-content {
    margin-bottom: 1.8rem;
    margin-top: 1rem;
  }
}

.shopify-name {
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.icon-shopify {
  width: 7rem;
  height: 2rem;
  vertical-align: top;
  color: rgb(var(--color-foreground));
  }
}
password-modal {
  display: block;
  text-align: center;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

footer password-modal {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
}

footer password-modal .password-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
padding-bottom: 3rem; /* or even 4rem */
.shopify-section + .shopify-section {
  margin-top: 1.5rem; /* Reduce vertical gap between stacked sections */
}
.email-signup-banner {
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
}

.shopify-app-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
<section id="shopify-section-template--19713028423924__main" class="shopify-section section"><link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261751015586" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/newsletter-section.css?v=62410470717655853621751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-email-signup-banner.css?v=77014967447923078771751015588" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">#Banner-template--19713028423924__main::after {
    opacity: 0.0;
  }</style><div id="Banner-template--19713028423924__main" class="email-signup-banner banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom"><div class="banner__content banner__content--middle-center page-width">
    <div class="email-signup-banner__box banner__box newsletter newsletter__wrapper isolate email-signup-banner__box--no-image content-container color-background-1 gradient content-container--full-width-mobile"><h2 class="email-signup-banner__heading h1">
              Your dog deserves better than basic.
            </h2><div class="newsletter__subheading rte body">
              <p>We’re The Whole Pack — a pet accessories brand designing elevated essentials for dogs with personality. Luxe looks, made for everyday. Coming soon. 💌&nbsp;</p><p><br></p><p><strong>Join The Whole Pack!</strong></p><p>Be the first to know when we launch. Stylish dogs (and their humans) get early access, sneak peeks, and more.</p>
            </div></div>
  </div>
</div>


</section>
<section id="shopify-section-template--19713028423924__main" class="shopify-section section"><link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261751015586" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/newsletter-section.css?v=62410470717655853621751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-email-signup-banner.css?v=77014967447923078771751015588" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">#Banner-template--19713028423924__main::after {
    opacity: 0.0;
  }</style><div id="Banner-template--19713028423924__main" class="email-signup-banner banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom"><div class="banner__content banner__content--middle-center page-width">
    <div class="email-signup-banner__box banner__box newsletter newsletter__wrapper isolate email-signup-banner__box--no-image content-container color-background-1 gradient content-container--full-width-mobile"><h2 class="email-signup-banner__heading h1">
              Your dog deserves better than basic.
            </h2><div class="newsletter__subheading rte body">
              <p>We’re The Whole Pack — a pet accessories brand designing elevated essentials for dogs with personality. Luxe looks, made for everyday. Coming soon. 💌&nbsp;</p><p><br></p><p><strong>Join The Whole Pack!</strong></p><p>Be the first to know when we launch. Stylish dogs (and their humans) get early access, sneak peeks, and more.</p>
            </div></div>
  </div>
</div>


</section>
<section id="shopify-section-template--19713028423924__main" class="shopify-section section"><link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-image-banner.css?v=124819179385751388401751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/component-newsletter.css?v=4727253280200485261751015586" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/newsletter-section.css?v=62410470717655853621751015588" rel="stylesheet" type="text/css" media="all">
<link href="//thewholepack.com.au/cdn/shop/t/3/assets/section-email-signup-banner.css?v=77014967447923078771751015588" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">#Banner-template--19713028423924__main::after {
    opacity: 0.0;
  }</style><div id="Banner-template--19713028423924__main" class="email-signup-banner banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom"><div class="banner__content banner__content--middle-center page-width">
    <div class="email-signup-banner__box banner__box newsletter newsletter__wrapper isolate email-signup-banner__box--no-image content-container color-background-1 gradient content-container--full-width-mobile"><h2 class="email-signup-banner__heading h1">
              Your dog deserves better than basic.
            </h2><div class="newsletter__subheading rte body">
              <p>We’re The Whole Pack — a pet accessories brand designing elevated essentials for dogs with personality. Luxe looks, made for everyday. Coming soon. 💌&nbsp;</p><p><br></p><p><strong>Join The Whole Pack!</strong></p><p>Be the first to know when we launch. Stylish dogs (and their humans) get early access, sneak peeks, and more.</p>
            </div></div>
  </div>
</div>


</section>
.email-signup-banner__box {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.email-signup-banner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#Banner-template--19713028423924__main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.password__footer {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
password-modal .password-link {
  color: #FFFFFF !important; /* makes the link text white */
}

password-modal .svg-wrapper svg {
  fill: #FFFFFF !important; /* makes the lock icon white too */
}
/* Footer text and links white */
.password__footer,
.password__footer a,
.password__footer-caption,
.password__footer-text {
  color: #FFFFFF !important;
}

/* Social media icons white */
.password__footer .icon,
.password__footer svg {
  fill: #FFFFFF !important;
}