/** Shopify CDN: Minification failed

Line 316:10 Expected identifier but found whitespace
Line 316:11 Unexpected "1000"

**/
/* Paragon Web — mobile compact draft, 11 Nov 2026.
   Unpublished theme copy only. Desktop (min-width: 750px / 1024px) is unchanged.
   Do not copy these rules into the live theme until Nelson approves. */

/* -------------------------------------------------------------------------- */
/* Slim the countdown bar + header so they take ~10% of the phone screen      */
/* 390x844 target: <=84px. 375x667 aim: as close as possible without shrinking
   menu/search/cart below a 44px tap target.                                  */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 749px) {
  .section-bf-countdown .bf-cd__inner {
    padding: 0.35rem 1rem !important;
    gap: 0.2rem 0.8rem !important;
    min-height: 0 !important;
  }
  .section-bf-countdown .bf-cd__msg,
  .section-bf-countdown .bf-cd__cta {
    font-size: 1.15rem !important;
    line-height: 1.2 !important;
  }

  sticky-header.header-wrapper .header,
  .header-wrapper .header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 4.4rem;
    align-items: center;
  }

  sticky-header.header-wrapper,
  .header-wrapper {
    min-height: 0;
  }

  .header__heading,
  .header__heading-link {
    margin: 0 !important;
    line-height: 0 !important;
  }

  .header__heading-logo-wrapper,
  .header__heading-logo-wrapper .header__heading-logo,
  .header__heading-logo {
    max-height: 36px !important;
    width: auto !important;
    height: 36px !important;
  }

  .header__icon,
  .header__icon .svg-wrapper {
    width: 4.4rem;
    height: 4.4rem;
  }
  .header__icon .svg-wrapper svg,
  .header__icon .icon {
    width: 2.2rem;
    height: 2.2rem;
  }
  /* Cart SVGs use a padded 40x40 viewBox. Dawn sizes
     .header__icon--cart .icon to 4.4rem so the bag matches search
     (search/menu viewBoxes are tight 18x19 / 18x16). The previous
     rule above overrode that and shrank the cart glyph. */
  .header__icon.header__icon--cart .svg-wrapper,
  .header__icon.header__icon--cart .svg-wrapper svg,
  .header__icon.header__icon--cart .icon {
    width: 4.4rem;
    height: 4.4rem;
  }
  /* Keep the count bubble readable on the restored 44px cart glyph
     (Dawn default position: bottom 0.8rem, left 2.2rem). */
  .header__icon--cart .cart-count-bubble {
    height: 1.7rem;
    width: 1.7rem;
    font-size: 0.9rem;
    bottom: 0.8rem;
    left: 2.2rem;
  }

  /* Predictive search / menu remain tappable and not covered by the header itself */
  .section-header {
    z-index: 40;
  }
}

/* Product gallery is left at the theme's original full-width / full-size
   mobile layout. The sticky Add to cart bar covers first-screen ATC when
   the real button is below the fold. */

/* -------------------------------------------------------------------------- */
/* Sticky Add to cart bar — shown by JS whenever the real button is off-screen,
   including on first load. Hidden when the real button is in view or the cart
   drawer is open. Sits above the Mailchimp teaser; the popup overlay is clipped
   above this bar so they do not cover each other. */
/* -------------------------------------------------------------------------- */
#pg-sticky-atc {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  box-sizing: border-box;
  /* Target ~67px: 11px padding + 44px control row + 1px top border. */
  padding: 11px 12px;
  min-height: 66px;
  max-height: 70px;
  background: #fff;
  border-top: 1px solid rgba(34, 31, 26, 0.12);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  align-items: center;
  gap: 0.8rem;
  font-family: var(--font-body-family, inherit);
}

@media screen and (max-width: 749px) {
  #pg-sticky-atc.is-visible {
    display: flex;
  }
}

@media screen and (min-width: 750px) {
  #pg-sticky-atc {
    display: none !important;
  }
}

body.pg-cart-open #pg-sticky-atc,
body.pg-mc-popup-open:not(.pg-is-product) #pg-sticky-atc {
  display: none !important;
}

#pg-sticky-atc .pg-sticky-atc__info {
  flex: 0 0 auto;
  max-width: 38%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

#pg-sticky-atc .pg-sticky-atc__bags {
  font-size: 1.1rem;
  font-weight: 700;
  color: #b3261e;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#pg-sticky-atc .pg-sticky-atc__price {
  font-size: 1.3rem;
  color: #221f1a;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#pg-sticky-atc .pg-sticky-atc__bags {
  display: none !important;
}
#pg-sticky-atc .pg-sticky-atc__price {
  font-size: 1.5rem;
  font-weight: 600;
}
#pg-sticky-atc .pg-sticky-atc__btn {
  flex: 1 1 auto;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  min-width: 0;
  padding: 0 1.2rem;
  border: 0;
  border-radius: 0;
  background: #221f1a;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

#pg-sticky-atc .pg-sticky-atc__btn:focus-visible {
  outline: 2px solid #221f1a;
  outline-offset: 2px;
}

/* Rocky's-style quantity stepper in the sticky bar. Mobile only.
   Price stays visible in the product info above the bar. Desktop unchanged. */
@media screen and (max-width: 749px) {
  #pg-sticky-atc .pg-sticky-atc__info {
    display: none;
  }
  #pg-sticky-atc .pg-sticky-atc__qty {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    border: 1px solid rgba(34, 31, 26, 0.45);
    background: #fff;
    box-sizing: border-box;
  }
  #pg-sticky-atc .pg-sticky-atc__qty-btn {
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #221f1a;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
  }
  #pg-sticky-atc .pg-sticky-atc__qty-btn:disabled {
    opacity: 0.35;
    cursor: default;
  }
  #pg-sticky-atc .pg-sticky-atc__qty-btn:focus-visible,
  #pg-sticky-atc .pg-sticky-atc__qty-value:focus-visible {
    outline: 2px solid #221f1a;
    outline-offset: -2px;
  }
  #pg-sticky-atc .pg-sticky-atc__qty-value {
    box-sizing: border-box;
    width: 3.2rem;
    min-width: 3.2rem;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid rgba(34, 31, 26, 0.18);
    border-right: 1px solid rgba(34, 31, 26, 0.18);
    background: #fff;
    color: #221f1a;
    font-family: var(--font-body-family, inherit);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  #pg-sticky-atc .pg-sticky-atc__qty-value::-webkit-outer-spin-button,
  #pg-sticky-atc .pg-sticky-atc__qty-value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}

/* When the sticky bar or Mailchimp teaser is up, keep page content scrollable
   past them so collection cards and footer links are not covered. */
@media screen and (max-width: 749px) {
  body.pg-sticky-atc-open #MainContent {
    padding-bottom: 7.2rem;
  }
  /* Homepage teaser sits at the bottom; product teaser hangs under the header. */
  body.pg-mc-teaser-open:not(.pg-is-product) #MainContent {
    padding-bottom: 7.2rem;
  }
  body.pg-sticky-atc-open.pg-mc-teaser-open:not(.pg-is-product) #MainContent {
    padding-bottom: 13rem;
  }

  /* Lift the homepage Shop the Sale button above the teaser / bottom sheet. */
  body.pg-mc-teaser-open .banner__content--bottom-center,
  body.pg-mc-teaser-open .slideshow__text-wrapper {
    padding-bottom: 7.2rem !important;
  }
  body.pg-mc-popup-open .slideshow__text-wrapper,
  body.pg-mc-popup-open .banner__content--bottom-center {
    justify-content: flex-end !important;
    align-items: center !important;
    padding-bottom: calc(var(--pg-sheet-h, 42vh) + 16px) !important;
    box-sizing: border-box !important;
  }
  body.pg-mc-popup-open .slideshow__text,
  body.pg-mc-popup-open .banner__box {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100svh - var(--pg-header-stack, 86px) - var(--pg-sheet-h, 42vh) - 24px) !important;
    overflow: hidden !important;
    justify-content: flex-end !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
  }
}

/* Hide the Mailchimp host while the cart drawer is open so the teaser/popup
   (z-index ~700000501) cannot cover CHECK OUT, quantity, or the close control. */
body.pg-cart-open .mcforms-wrapper,
body.pg-cart-open [id^="mcforms-"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Menu drawer and cart should stay above our sticky bar. */
.menu-drawer,
header-drawer,
cart-drawer,
#CartDrawer {}
  z-index: 1000;
}

/* -------------------------------------------------------------------------- */
/* Product page (mobile): Rocky's-style roomy layout.                         */
/* Inset 1:1 photo with 16px side margins (no box/border), 16px text gutters, */
/* clearer vertical rhythm, quieter deal line, outlined size buttons.         */
/* All rules in this file that change layout stay inside max-width: 749px.    */
/* Desktop (min-width: 750px) is unchanged.                                   */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 749px) {
  /* Keep the first product section flush under the header; the 16px
     photo inset is applied on the media wrapper itself. */
  .template-product #MainContent > .shopify-section:first-child,
  .template-product #MainContent > .shopify-section:first-child product-info,
  .template-product #MainContent > .shopify-section:first-child [class$="-padding"],
  .template-product .section-main-product,
  body.pg-is-product #MainContent > .shopify-section:first-child,
  body.pg-is-product #MainContent > .shopify-section:first-child product-info,
  body.pg-is-product #MainContent > .shopify-section:first-child [class$="-padding"] {
    padding-top: 0 !important;
  }

  /* 16px side gutters for the photo and the text. Not edge-to-edge.
     Dawn puts the padding on product-info > .page-width, not on .product. */
  .template-product #MainContent > .shopify-section:first-child .page-width,
  body.pg-is-product #MainContent > .shopify-section:first-child .page-width,
  .template-product product-info > .page-width,
  body.pg-is-product product-info > .page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100%;
  }
  .template-product .product__info-wrapper,
  body.pg-is-product .product__info-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 1.2rem !important;
  }

  /* Inset gallery: cancel the previous 100vw full-bleed trick.
     8px under the header so the photo is not jammed against it,
     16px sides come from .page-width, yielding ~358px on a 390px screen. */
  .template-product .product__media-wrapper,
  body.pg-is-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.8rem 0 0 0 !important;
  }
  .template-product .product__media-wrapper slider-component,
  .template-product .product__media-wrapper .slider-mobile-gutter,
  body.pg-is-product .product__media-wrapper slider-component,
  body.pg-is-product .product__media-wrapper .slider-mobile-gutter {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .template-product .slider.product__media-list,
  .template-product .product__media-list,
  body.pg-is-product .slider.product__media-list,
  body.pg-is-product .product__media-list {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    scroll-padding-left: 0 !important;
    padding: 0 !important;
  }
  .template-product .slider.product__media-list::after,
  body.pg-is-product .slider.product__media-list::after {
    content: none !important;
    display: none !important;
    padding: 0 !important;
    width: 0 !important;
  }
  .template-product .product__media-list .product__media-item,
  .template-product .slider.slider--mobile .product__media-item.slider__slide,
  body.pg-is-product .product__media-list .product__media-item,
  body.pg-is-product .slider.slider--mobile .product__media-item.slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1:1 crop, no box, no border. object-position center keeps the pouch in frame. */
  .template-product .product-media-container,
  .template-product .product-media-container.constrain-height,
  .template-product .product-media-container.constrain-height.media-fit-contain,
  body.pg-is-product .product-media-container,
  body.pg-is-product .product-media-container.constrain-height,
  body.pg-is-product .product-media-container.constrain-height.media-fit-contain {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    --aspect-ratio: 1 !important;
    --ratio-percent: 100% !important;
    --constrained-height: 100% !important;
  }
  .template-product .product-media-container .media,
  .template-product .product-media-container.constrain-height .media,
  .template-product .product-media-container.constrain-height.media-fit-contain .media,
  body.pg-is-product .product-media-container .media,
  body.pg-is-product .product-media-container.constrain-height .media,
  body.pg-is-product .product-media-container.constrain-height.media-fit-contain .media {
    padding-top: 100% !important;
  }
  .template-product .product__media img,
  .template-product .product-media-container img,
  .template-product .product-media-container .media img,
  .template-product .deferred-media__poster img,
  body.pg-is-product .product__media img,
  body.pg-is-product .product-media-container img,
  body.pg-is-product .product-media-container .media img,
  body.pg-is-product .deferred-media__poster img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
  }
  .template-product .product__media-item .global-media-settings,
  .template-product .product__media,
  .template-product .product-media-container,
  .template-product .product-media-container .media,
  .template-product .product__media img,
  .template-product .product-media-container img,
  body.pg-is-product .product__media-item .global-media-settings,
  body.pg-is-product .product__media,
  body.pg-is-product .product-media-container,
  body.pg-is-product .product-media-container .media,
  body.pg-is-product .product__media img,
  body.pg-is-product .product-media-container img {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Hide the boxed 1/4 < > counter; show a thumbnail strip with room to breathe. */
  .template-product .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-buttons,
  .template-product .product__media-list + .slider-buttons,
  body.pg-is-product .product__media-wrapper slider-component:not(.thumbnail-slider) .slider-buttons,
  body.pg-is-product .product__media-list + .slider-buttons {
    display: none !important;
  }
  .template-product .product__media-wrapper .thumbnail-slider,
  .template-product .product__media-wrapper .thumbnail-slider.small-hide,
  body.pg-is-product .product__media-wrapper .thumbnail-slider,
  body.pg-is-product .product__media-wrapper .thumbnail-slider.small-hide {
    display: block !important;
    width: 100% !important;
    margin: 1.2rem 0 0 0 !important;
    padding: 0 !important;
  }
  .template-product .thumbnail-slider .slider-button,
  body.pg-is-product .thumbnail-slider .slider-button {
    display: none !important;
  }
  .template-product .thumbnail-slider .thumbnail-list,
  .template-product .thumbnail-slider .thumbnail-list.slider.slider--mobile,
  body.pg-is-product .thumbnail-slider .thumbnail-list,
  body.pg-is-product .thumbnail-slider .thumbnail-list.slider.slider--mobile {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 0.8rem;
    margin: 0 !important;
    padding: 0 !important;
    scroll-padding-left: 0 !important;
    overflow-x: auto;
  }
  .template-product .thumbnail-slider .thumbnail-list::after,
  body.pg-is-product .thumbnail-slider .thumbnail-list::after {
    content: none !important;
    display: none !important;
  }
  .template-product .thumbnail-list__item,
  .template-product .thumbnail-list .slider__slide,
  body.pg-is-product .thumbnail-list__item,
  body.pg-is-product .thumbnail-list .slider__slide {
    width: 5.6rem !important;
    max-width: 5.6rem !important;
    flex: 0 0 5.6rem !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .template-product .thumbnail-list .thumbnail,
  body.pg-is-product .thumbnail-list .thumbnail {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 2px;
    overflow: hidden;
  }
  .template-product .thumbnail-list .thumbnail[aria-current='true'],
  .template-product .thumbnail-list .thumbnail.is-active,
  body.pg-is-product .thumbnail-list .thumbnail[aria-current='true'],
  body.pg-is-product .thumbnail-list .thumbnail.is-active {
    box-shadow: 0 0 0 2px #221f1a;
  }

  /* Title: slightly smaller, 1.3 line-height, Taviraj unchanged. */
  .template-product .product__title,
  body.pg-is-product .product__title {
    margin: 0 0 1.2rem 0 !important;
  }
  .template-product .product__title > a,
  body.pg-is-product .product__title > a {
    display: none !important;
  }
  .template-product .product__title > *,
  .template-product .product__title h1,
  body.pg-is-product .product__title > *,
  body.pg-is-product .product__title h1 {
    font-family: var(--font-heading-family), Taviraj, serif !important;
    font-size: 2.1rem !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 !important;
  }

  /* Distinct 12–16px gaps between title, price, deal line, and size. */
  .template-product .product__info-container > * + *,
  body.pg-is-product .product__info-container > * + * {
    margin-top: 1.2rem !important;
  }
  .template-product .product__info-container .product-form,
  body.pg-is-product .product__info-container .product-form,
  .template-product .product__info-container variant-selects,
  body.pg-is-product .product__info-container variant-selects {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .template-product .product__info-container .price,
  body.pg-is-product .product__info-container .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1.2rem;
    margin: 0 !important;
  }
  .template-product .price .price__container,
  .template-product .price dl,
  body.pg-is-product .price .price__container,
  body.pg-is-product .price dl {
    margin: 0 !important;
  }
  .template-product .price .price-item--sale,
  .template-product .price .price-item--last,
  .template-product .price:not(.price--on-sale) .price-item--regular,
  body.pg-is-product .price .price-item--sale,
  body.pg-is-product .price .price-item--last,
  body.pg-is-product .price:not(.price--on-sale) .price-item--regular {
    font-size: 1.8rem !important;
    font-weight: 600;
    line-height: 1.3;
  }
  .template-product .price--on-sale s.price-item--regular,
  .template-product .price__sale s.price-item--regular,
  body.pg-is-product .price--on-sale s.price-item--regular,
  body.pg-is-product .price__sale s.price-item--regular {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(34, 31, 26, 0.55);
    text-decoration: line-through;
  }

  /* Our Place-style chip, kept beside the price; wraps cleanly if needed. */
  .template-product .price.pg-has-pdp-badge .badge.price__badge-sale,
  body.pg-is-product .price.pg-has-pdp-badge .badge.price__badge-sale {
    display: none !important;
  }
  .pg-pdp-badge {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0.35rem 0.75rem;
    border-radius: 2px;
    background: #221f1a;
    color: #fff;
    font-family: var(--font-body-family), Sora, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
  }

  /* Quieter deal line: same red, smaller type, regular-medium weight, 1.5 line-height. */
  .template-product .bf-deal,
  .template-product .bf-deal-line,
  body.pg-is-product .bf-deal,
  body.pg-is-product .bf-deal-line {
    display: block !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0 !important;
    color: #b3261e !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
  }

  /* Rocky's-style size buttons: outlined, 44px tap target, not filled pills. */
  .template-product .product-form__input,
  body.pg-is-product .product-form__input {
    margin: 0 0 1.2rem 0 !important;
  }
  .template-product .product-form__input .form__label,
  .template-product .product-form__input--pill .form__label,
  body.pg-is-product .product-form__input .form__label,
  body.pg-is-product .product-form__input--pill .form__label {
    margin: 0 0 0.8rem 0 !important;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5;
  }
  .template-product .product-form__input--pill input[type='radio'] + label,
  body.pg-is-product .product-form__input--pill input[type='radio'] + label {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 4.4rem !important;
    min-width: 6.8rem;
    margin: 0 0.8rem 0.8rem 0 !important;
    padding: 1rem 1.6rem !important;
    border: 1px solid rgba(34, 31, 26, 0.45) !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #221f1a !important;
    font-size: 1.4rem !important;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.2;
  }
  .template-product .product-form__input--pill input[type='radio'] + label:before,
  body.pg-is-product .product-form__input--pill input[type='radio'] + label:before {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .template-product .product-form__input--pill input[type='radio']:checked + label,
  body.pg-is-product .product-form__input--pill input[type='radio']:checked + label {
    background-color: #fff !important;
    color: #221f1a !important;
    border: 2px solid #221f1a !important;
    font-weight: 600;
  }
  .template-product .product-form__input--pill input[type='radio']:hover + label,
  body.pg-is-product .product-form__input--pill input[type='radio']:hover + label {
    border-color: #221f1a !important;
  }
}

/* Tighter vertical rhythm on short phones (e.g. 375×667) so the in-page
   price stays above the 67px sticky bar. 390×844 keeps the roomier gaps. */
@media screen and (max-width: 749px) and (max-height: 700px) {
  .template-product .product__media-wrapper,
  body.pg-is-product .product__media-wrapper {
    padding-top: 0 !important;
  }
  .template-product .product__media-wrapper .thumbnail-slider,
  .template-product .product__media-wrapper .thumbnail-slider.small-hide,
  body.pg-is-product .product__media-wrapper .thumbnail-slider,
  body.pg-is-product .product__media-wrapper .thumbnail-slider.small-hide {
    margin-top: 0.8rem !important;
  }
  .template-product .product__info-wrapper,
  body.pg-is-product .product__info-wrapper {
    padding-top: 0.8rem !important;
  }
  .template-product .product__title,
  body.pg-is-product .product__title {
    margin-bottom: 0.8rem !important;
  }
}

@media screen and (max-width: 749px) {
  /* The sticky bar holds the usable stepper. Hide the in-page quantity
     label/box so it does not peek under the bar; it returns when the real
     Add to cart comes into view and the sticky hides. */
  body.pg-sticky-atc-open .product-form__quantity {
    visibility: hidden;
  }
}