/** Shopify CDN: Minification failed

Line 22:4 Unexpected "{"
Line 22:5 Expected identifier but found "%"
Line 22:82 Expected identifier but found "%"
Line 25:4 Unexpected "{"
Line 25:5 Expected identifier but found "%"
Line 25:69 Expected identifier but found "%"
Line 29:4 Unexpected "{"
Line 29:5 Expected identifier but found "%"
Line 29:64 Expected identifier but found "%"
Line 34:2 Unexpected "{"
... and 2 more hidden warnings

**/
/* START_SECTION:header (INDEX:24) */
shopify-account {
    font-size: inherit;
    --shopify-account-signed-in-avatar-size: 20px;
    --shopify-account-avatar-size: 20px;

    {% comment %} Used when user had a profile picture set in their Shop account {% endcomment %}
    --shop-brand-color: #000000;

    {% comment %} Used when logged in user has no img profile photo {% endcomment %}
    --shopify-account-signed-in-avatar-color-background: var(--text);
    --shopify-account-signed-in-avatar-color-text: var(--bg);

    {% comment %} Heading is just a bold instance of body font {% endcomment %}
    --shopify-account-font-heading: var(--FONT-STACK-HEADING);
    --shopify-account-font-body: var(--FONT-STACK-BODY);
  }

  {% comment %} Reset header account button styles {% endcomment %}
  shopify-account::part(signed-out-avatar) {
    min-width: auto;
    min-height: auto;
    font-size: inherit;
  }
/* END_SECTION:header */
/* START_SECTION:vp-collection-gallery (INDEX:78) */
/* Scoped styling; Pipeline supplies typography, wrapper width and outlined buttons. */
.vp-cg {
  padding-block: var(--vp-cg-top, 48px) var(--vp-cg-bottom, 180px);
}
.vp-cg [hidden] { display: none !important; }
.vp-cg__inner { position: relative; }
.vp-cg__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--vp-cg-column-gap, 26px);
  row-gap: var(--vp-cg-row-gap, 48px);
}
.vp-cg__card { position: relative; min-width: 0; touch-action: pan-y pinch-zoom; color: var(--vp-cg-text, #212121); }
.vp-cg__media {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: var(--vp-cg-ratio, 1 / 1);
  touch-action: pan-y pinch-zoom;
}
.vp-cg__slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.vp-cg__slide[data-active] { opacity: 1; }
.vp-cg__slide picture, .vp-cg__slide img { display: block; width: 100%; height: 100%; }
.vp-cg__slide img { object-fit: cover; object-position: var(--vp-cg-position, 50% 50%); }
.vp-cg__image-link { position: absolute; inset: 0; z-index: 1; }
.vp-cg__content {
  position: absolute;
  z-index: 2;
  left: calc((var(--inner, 0px) + var(--outer, 32px)) / 2);
  right: calc(var(--inner, 0px) + var(--outer, 32px));
  bottom: calc((var(--inner, 0px) + var(--outer, 32px)) / 2);
  pointer-events: none;
}
.vp-cg .vp-cg__title { color: inherit; margin: 0 0 10px; }
.vp-cg .vp-cg__description { color: inherit; margin: 0 0 20px; }
.vp-cg .vp-cg__cta, .vp-cg .vp-cg__product { pointer-events: auto; }
.vp-cg .vp-cg__cta span { margin-inline-start: 5px; }
.vp-cg__product-slot { height: 1.6em; margin-top: 12px; font-size: 13px; line-height: 1.6; }
.vp-cg__product { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* Pagination is a mobile swipe cue. Desktop intentionally has no card controls. */
.vp-cg__dots { display: none; }
.vp-cg__toggle {
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
}
.vp-cg__toggle { position: absolute; right: 0; bottom: 100%; font-size: 13px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.vp-cg a:focus-visible, .vp-cg button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.vp-cg__image-link:focus-visible { outline-offset: -6px !important; }
.vp-cg__empty { padding: 24px; border: 1px dashed currentColor; margin: 0; }
.vp-cg__collection-hint { margin: 14px 0 0; font-size: 14px; }
.vp-cg__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  .vp-cg { padding-block: var(--vp-cg-mobile-top, 48px) var(--vp-cg-mobile-bottom, 180px); }
  .vp-cg__grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--vp-cg-mobile-gap, 26px); }
  .vp-cg__media { aspect-ratio: var(--vp-cg-mobile-ratio, 1 / 1); }
  .vp-cg__slide img { object-position: var(--vp-cg-mobile-position, var(--vp-cg-position, 50% 50%)); }
  .vp-cg__content { left: calc((var(--inner, 0px) + var(--outer, 24px)) / 2); right: calc(var(--inner, 0px) + var(--outer, 24px)); bottom: calc((var(--inner, 0px) + var(--outer, 24px)) / 2); }
  .vp-cg__card[data-vp-multiple] .vp-cg__content { bottom: 36px; }
  /* Match Pipeline's slideshow badge: 3px dots, 23px centres, 91 x 29px for three.
     The 19px button boxes stay inside the badge; no invisible area overlaps the CTA. */
  .vp-cg__dots {
    position: absolute;
    z-index: 3;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 5px 13px;
    border-radius: 20px;
    overflow: hidden;
    color: var(--bg, #fff);
    isolation: isolate;
  }
  .vp-cg__dots::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--text, #212121);
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
  }
  .vp-cg__dot {
    display: grid;
    place-items: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    min-width: 19px;
    min-height: 19px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .vp-cg__dot span {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.25;
  }
  .vp-cg__dot[aria-current="true"] span { opacity: 1; }
  .vp-cg__dot:focus-visible { outline-offset: -3px; }

}
/* END_SECTION:vp-collection-gallery */
