/** Shopify CDN: Minification failed

Line 2563:20 Unexpected "{"
Line 2563:29 Expected ":"
Line 2563:36 Unexpected "{"
Line 2568:20 Unexpected "{"
Line 2568:29 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:pj_categoryfilterbar (INDEX:0) */
.pj-cfb {
  width: 100%;
  background: var(--pj-cfb-bg, #faf8f5);
  border-bottom: 1px solid var(--pj-cfb-border, #d6dad0);
  font-family: 'Rubik', system-ui, sans-serif;
  font-family: var(--font-body, 'Rubik', system-ui, sans-serif);
}

.pj-cfb--sticky {
  position: sticky;
  top: var(--pj-cfb-sticky-offset, 65px);
  z-index: var(--pj-cfb-z, 5);
}

.pj-cfb__inner {
  margin-inline: auto;
  max-width: var(--pj-cfb-max-width, 1480px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-inline: clamp(16px, 4vw, 56px);
  padding-block: var(--pj-cfb-padding-y, 20px);
}

.pj-cfb__prefix {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pj-cfb-prefix, #2d4a3e);
  margin-right: 8px;
}

.pj-cfb__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  border-radius: var(--pj-cfb-btn-radius, 8px);
  border: 1px solid var(--pj-cfb-btn-idle-border, #c7d1c5);
  background: var(--pj-cfb-btn-idle-bg, #ffffff);
  color: var(--pj-cfb-btn-idle-text, #2d4a3e);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.pj-cfb__btn-label {
  font-weight: 500;
}

.pj-cfb__btn-count {
  font-size: 11px;
  font-weight: 400;
  color: var(--pj-cfb-btn-idle-count, #717182);
}

@media (hover: hover) {
  .pj-cfb__btn:not(.is-active):hover {
    background: var(--pj-cfb-btn-idle-hover-bg, #f0ede5);
  }
}

.pj-cfb__btn:focus-visible {
  outline: 2px solid var(--pj-cfb-btn-active-bg, #2d4a3e);
  outline-offset: 2px;
}

.pj-cfb__btn.is-active {
  background: var(--pj-cfb-btn-active-bg, #2d4a3e);
  color: var(--pj-cfb-btn-active-text, #ffffff);
  border-color: var(--pj-cfb-btn-active-bg, #2d4a3e);
}

.pj-cfb__btn.is-active .pj-cfb__btn-count {
  color: var(--pj-cfb-btn-active-count, #c7d1c5);
}

@media (max-width: 639px) {
  .pj-cfb__inner {
    gap: 8px;
    padding-block: 14px;
  }

  .pj-cfb__btn {
    padding: 7px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pj-cfb__btn { transition: none; }
}

section.shopify-section.shopify-section--pj-category-filters {
  margin-top: 0;
  padding-top: 0;
}
/* END_SECTION:pj_categoryfilterbar */

/* START_SECTION:pj_condensedpromobanner (INDEX:1) */
.gw-promo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--gw-promo-outer-py-mobile, 16px) var(--gw-promo-outer-px-mobile, 16px);
  background: var(--gw-promo-outer-bg, #f0f0ec);
  font-family: var(--font-body, 'Rubik', system-ui, sans-serif);
  box-sizing: border-box;
  transition: background-color 900ms cubic-bezier(0.45, 0, 0.55, 1);
}

@media (min-width: 768px) {
  .gw-promo {
    padding: var(--gw-promo-outer-py-desktop, 32px) var(--gw-promo-outer-px-desktop, 32px);
  }
}

.gw-promo__empty {
  width: 100%;
  max-width: var(--gw-promo-max-width, 1400px);
  padding: 32px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gw-promo-outer-bg, #f0f0ec), black 60%);
  border: 1px dashed currentColor;
  border-radius: var(--gw-promo-radius, 12px);
  margin: 0;
}

.gw-promo__rotator {
  position: relative;
  display: block;
  width: 100%;
  max-width: var(--gw-promo-max-width, 1400px);
}

.gw-promo__slides {
  position: relative;
  display: grid;
  grid-template-areas: "stack";
}

.gw-promo__slide {
  grid-area: stack;
  position: relative;
  display: block;
  background: var(--gw-promo-banner-bg, #a3b278);
  color: var(--gw-promo-text, #fcfbf7);
  border-radius: var(--gw-promo-radius, 12px);
  overflow: hidden;
  isolation: isolate;
  text-decoration: none;
  opacity: 1;
  transition: opacity 900ms cubic-bezier(0.45, 0, 0.55, 1);
}

.gw-promo__rotator--multi .gw-promo__slide {
  opacity: 0;
  pointer-events: none;
}

.gw-promo__rotator--multi .gw-promo__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .gw-promo,
  .gw-promo__slide,
  .gw-promo__cta,
  .gw-promo__cta-arrow,
  .gw-promo__urgency {
    animation: none;
    transition: none;
  }
}

.gw-promo__slide[href]:focus-visible {
  outline: 2px solid var(--gw-promo-text, #fcfbf7);
  outline-offset: 4px;
}

.gw-promo__slide[href] { cursor: pointer; }
.gw-promo__slide:not([href]) { cursor: default; }

.gw-promo__slide-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  text-decoration: none;
  color: transparent;
  cursor: pointer;
}

.gw-promo__slide-overlay:focus-visible {
  outline: 2px solid var(--gw-promo-text, #fcfbf7);
  outline-offset: -4px;
  border-radius: inherit;
}

.gw-promo__visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.gw-promo__hairline {
  position: absolute;
  left: 24px;
  right: 24px;
  height: 1px;
  background: currentColor;
  opacity: 0.4;
  pointer-events: none;
}

.gw-promo__hairline--top { top: 8px; }
.gw-promo__hairline--bottom { bottom: 8px; }

.gw-promo__leaf {
  position: absolute;
  top: 50%;
  width: 28px !important;
  height: 28px !important;
  transform: translateY(-50%);
  opacity: 0.3;
  pointer-events: none;
  display: none;
}

.gw-promo__leaf--left { left: 24px; }
.gw-promo__leaf--right { right: 24px; transform: translateY(-50%) scaleX(-1); }

@media (min-width: 768px) {
  .gw-promo__leaf { display: block; }
}

.gw-promo__layout--mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  padding: var(--gw-promo-inner-py-mobile, 40px) var(--gw-promo-inner-px-mobile, 24px);
  min-height: var(--gw-promo-min-height-mobile, 0px);
  box-sizing: border-box;
}

.gw-promo__layout--desktop {
  display: none;
}

@media (min-width: 768px) {
  .gw-promo__layout--mobile { display: none; }
  .gw-promo .gw-promo__layout--desktop {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding: var(--gw-promo-inner-py-desktop, 32px) var(--gw-promo-inner-px-desktop, 48px);
    min-height: var(--gw-promo-min-height-desktop, 0px);
    box-sizing: border-box;
  }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col {
    flex: 1 1 0;
    min-width: 0;
  }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col--with-divider {
    position: relative;
    padding-left: 28px;
  }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col--with-divider::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 64px;
    background: currentColor;
    opacity: 0.4;
    pointer-events: none;
  }
  .gw-promo .gw-promo__layout--simple-desktop > .gw-promo__col--start {
    flex: 1.3 1 0;
  }
  .gw-promo .gw-promo__layout--tiered-desktop > .gw-promo__col--start {
    flex: 1.4 1 0;
  }
  .gw-promo .gw-promo__layout--tiered-desktop > .gw-promo__col--center {
    flex: 1.1 1 0;
  }
  .gw-promo .gw-promo__layout--clearance-desktop > .gw-promo__col--start {
    flex: 1.3 1 0;
  }
  .gw-promo .gw-promo__layout--clearance-desktop > .gw-promo__col--center {
    flex: 1.2 1 0;
  }
}

@media (min-width: 1024px) {
  .gw-promo .gw-promo__layout--desktop { gap: 36px; }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col--with-divider { padding-left: 36px; }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col--with-divider::before { height: 80px; }
}

@media (min-width: 1280px) {
  .gw-promo .gw-promo__layout--desktop { gap: 48px; }
  .gw-promo .gw-promo__layout--desktop > .gw-promo__col--with-divider { padding-left: 48px; }
}

.gw-promo__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.gw-promo__col--start { align-items: flex-start; }
.gw-promo__col--center { align-items: flex-start; }
.gw-promo__col--end { align-items: flex-end; gap: 12px; }

.gw-promo__eyebrow {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  opacity: 0.9;
  margin: 0 0 8px;
}

@media (min-width: 1024px) {
  .gw-promo__eyebrow { font-size: 11px; }
}

.gw-promo__eyebrow--wide {
  letter-spacing: 0.32em;
  margin-bottom: 0;
}

.gw-promo__headline {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0;
  text-transform: uppercase;
}

.gw-promo__headline--stacked {
  font-size: clamp(2.5rem, 11vw, 4rem);
  line-height: 0.95;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gw-promo__headline--inline {
  font-size: clamp(1.75rem, 3.6vw, 3rem);
  line-height: 0.95;
  overflow-wrap: break-word;
  word-break: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.25em;
  row-gap: 0.05em;
}

.gw-promo__headline-italic {
  font-style: italic;
  font-weight: 300;
  text-transform: none;
}

.gw-promo__headline--inline .gw-promo__headline-main {
  margin-right: 0;
}

.gw-promo__divider { background: currentColor; }

.gw-promo__divider--horizontal {
  height: 1px;
  width: 48px;
  opacity: 0.6;
}

.gw-promo__divider--vertical {
  width: 1px;
  height: 64px;
  opacity: 0.4;
  align-self: center;
}

@media (min-width: 1024px) {
  .gw-promo__divider--vertical { height: 80px; }
}

.gw-promo__details-main {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.15;
  margin: 0 0 6px;
}

.gw-promo__details-main--mobile {
  font-family: var(--font-body, 'Rubik', system-ui, sans-serif);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.36em;
  text-transform: uppercase;
}

.gw-promo__details-sub {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  opacity: 0.9;
  margin: 0;
}

@media (min-width: 1024px) {
  .gw-promo__details-sub { font-size: 11px; }
}

.gw-promo__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: var(--gw-promo-cta-bg, #fcfbf7);
  color: var(--gw-promo-cta-fg, #2a332a);
  border-radius: var(--gw-promo-radius, 12px);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  text-decoration: none;
  transition: gap 300ms ease, background-color 300ms ease, color 300ms ease;
}

.gw-promo__cta--lg {
  padding: 14px 28px;
  letter-spacing: 0.32em;
}

@media (min-width: 1024px) {
  .gw-promo__cta--lg { padding: 16px 36px; }
}

.gw-promo__cta-arrow {
  width: 14px !important;
  height: 14px !important;
  transition: transform 300ms ease;
  flex-shrink: 0;
  display: inline-block;
}

@media (hover: hover) {
  .gw-promo__slide[href]:hover .gw-promo__cta { gap: 16px; }
  .gw-promo__slide[href]:hover .gw-promo__cta-arrow { transform: translateX(4px); }
}

.gw-promo__slide[href]:focus-visible .gw-promo__cta { gap: 16px; }
.gw-promo__slide[href]:focus-visible .gw-promo__cta-arrow { transform: translateX(4px); }

.gw-promo__layout--tiered-mobile {
  padding: var(--gw-promo-inner-py-mobile, 32px) var(--gw-promo-inner-px-mobile, 24px);
}

.gw-promo__tiered-eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  opacity: 0.85;
  margin: 0 0 8px;
}

.gw-promo__tiered-heading {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: clamp(1.5rem, 2.8vw, 2.25rem);
  font-style: italic;
  font-weight: 300;
  line-height: 1.05;
  margin: 0;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.gw-promo__eyebrow-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}

.gw-promo__eyebrow-line {
  display: inline-block;
  width: 32px;
  height: 1px;
  background: currentColor;
  opacity: 0.9;
  flex-shrink: 0;
}

.gw-promo__clearance-eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  opacity: 0.9;
  line-height: 1;
}

.gw-promo__layout--clearance-mobile .gw-promo__eyebrow-row {
  justify-content: center;
  margin: 0;
}

.gw-promo__layout--clearance-mobile .gw-promo__eyebrow-line {
  width: 24px;
  opacity: 0.6;
}

.gw-promo__layout--clearance-mobile .gw-promo__clearance-eyebrow {
  letter-spacing: 0.32em;
  opacity: 0.85;
}

.gw-promo__clearance-heading {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: clamp(2rem, 4.2vw, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.gw-promo__clearance-sublabel {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  opacity: 0.7;
  margin: 4px 0 0;
}

.gw-promo__clearance-subheading {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: clamp(1.25rem, 1.9vw, 1.625rem);
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 4px;
}

.gw-promo__layout--clearance-mobile .gw-promo__clearance-subheading {
  text-align: center;
  margin: 0;
}

.gw-promo__cta--clearance {
  border-radius: 0;
  letter-spacing: 0.32em;
  font-weight: 700;
}

.gw-promo__tiers {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.gw-promo__tiers--desktop {
  align-items: flex-start;
  gap: 12px;
}

.gw-promo__tier-line {
  margin: 0;
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: clamp(1.05rem, 1.6vw, 1.5rem);
  font-weight: 400;
  line-height: 1.15;
  white-space: nowrap;
}

.gw-promo__tier-line--mobile {
  font-family: var(--font-body, 'Rubik', system-ui, sans-serif);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: normal;
}

.gw-promo__tier-amount {
  font-weight: 500;
}

.gw-promo__tier-line .gw-promo__tier-amount {
  font-size: 1.15em;
}

.gw-promo__tier-line--mobile .gw-promo__tier-amount {
  font-size: 1em;
  font-weight: 700;
}

.gw-promo__tier-label {
  font-size: 0.7em;
  opacity: 0.7;
  margin-left: 0.3em;
}

.gw-promo__tier-line--mobile .gw-promo__tier-label {
  font-size: 1em;
  opacity: 0.75;
}

.gw-promo__tier-rule {
  display: block;
  width: 40px;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}

.gw-promo__code {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
  white-space: nowrap;
  box-sizing: border-box;
}

.gw-promo__code--copyable {
  position: relative;
  z-index: 2;
  background: transparent !important;
  color: inherit;
  font: inherit;
  text-align: inherit;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer;
  transition: background-color 200ms ease, border-color 200ms ease, transform 150ms ease;
  line-height: 1.2;
}

@media (hover: hover) {
  .gw-promo__code--copyable:hover {
    background: color-mix(in srgb, currentColor 8%, transparent);
    border-color: color-mix(in srgb, currentColor 70%, transparent);
  }
}

.gw-promo__code--copyable:active {
  transform: scale(0.98);
}

.gw-promo__code--copyable:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.gw-promo__code--copyable.is-copied {
  background: color-mix(in srgb, currentColor 12%, transparent);
  border-color: currentColor;
}

.gw-promo__code-feedback {
  position: absolute !important;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: inherit;
  background: var(--gw-promo-text, #fcfbf7);
  color: var(--gw-promo-banner-bg, #3a4031);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  visibility: visible;
  transition: opacity 200ms ease;
  pointer-events: none;
  box-sizing: border-box;
}

.gw-promo__code-feedback-icon {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0;
  display: inline-block;
}

.gw-promo__code--copyable.is-copied .gw-promo__code-feedback {
  opacity: 1 !important;
}

.gw-promo__code--copyable.is-copied .gw-promo__code-icon,
.gw-promo__code--copyable.is-copied .gw-promo__code-line,
.gw-promo__code--copyable.is-copied .gw-promo__code-block {
  visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
  .gw-promo__code--copyable,
  .gw-promo__code-feedback { transition: none; }
}

.gw-promo__code-icon {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.7;
  flex-shrink: 0;
  display: inline-block;
}

.gw-promo__code-line {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.gw-promo__code-line .gw-promo__code-value {
  letter-spacing: 0.3em;
}

.gw-promo__code--desktop {
  align-self: flex-end;
}

.gw-promo__code--desktop .gw-promo__code-block {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.gw-promo__code--desktop .gw-promo__code-label {
  font-size: 9px;
  letter-spacing: 0.3em;
  opacity: 0.7;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
}

.gw-promo__code--desktop .gw-promo__code-value {
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1;
}

.gw-promo__urgency {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 8px 14px;
  background: var(--gw-promo-accent-bg, #c35330);
  color: var(--gw-promo-accent-fg, #fcfbf7);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 1.2;
}

.gw-promo__urgency-icon {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0;
  display: inline-block;
}

.gw-promo__controls {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: color 600ms cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 3;
}

.gw-promo__controls--inside {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  color: var(--gw-promo-controls-color, var(--gw-promo-text, #fcfbf7));
  opacity: 0.72;
}

@media (hover: hover) {
  .gw-promo__controls--inside:hover { opacity: 1; }
}

.gw-promo__controls--inside:focus-within {
  opacity: 1;
}

.gw-promo__controls--below {
  position: relative;
  margin-top: 16px;
  align-self: center;
  color: color-mix(in srgb, var(--gw-promo-outer-bg, #f0f0ec), black 75%);
}

.gw-promo__rotator--controls-inside .gw-promo__layout--mobile {
  padding-bottom: calc(var(--gw-promo-inner-py-mobile, 40px) + 28px);
}

.gw-promo .gw-promo__rotator--controls-inside .gw-promo__layout--desktop {
  padding-bottom: calc(var(--gw-promo-inner-py-desktop, 32px) + 28px);
}

.gw-promo__nav {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  padding: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  transition: opacity 200ms ease, transform 150ms ease;
}

@media (hover: hover) {
  .gw-promo__nav:hover { opacity: 1; }
}

.gw-promo__nav:active { transform: scale(0.92); }

.gw-promo__nav:focus-visible {
  outline: 1.5px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

.gw-promo__nav-icon {
  width: 12px !important;
  height: 12px !important;
  display: block;
}

.gw-promo__dots {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.gw-promo__dot {
  appearance: none;
  background: currentColor;
  border: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  padding: 0;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 250ms ease, width 300ms cubic-bezier(0.45, 0, 0.55, 1);
}

@media (hover: hover) {
  .gw-promo__dot:hover { opacity: 0.75; }
}

.gw-promo__dot.is-active {
  opacity: 1;
  width: 22px;
}

.gw-promo__dot:focus-visible {
  outline: 1.5px solid currentColor;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .gw-promo__dot,
  .gw-promo__nav,
  .gw-promo__controls { transition: none; }
  .gw-promo__nav:active { transform: none; }
}
/* END_SECTION:pj_condensedpromobanner */

/* START_SECTION:pj_herobanner_fullbleedimagetextoverlay (INDEX:2) */
.sgh {
  position: relative;
  width: 100%;
  height: 88vh;
  height: var(--sgh-height-vh, 88vh);
  min-height: 580px;
  min-height: var(--sgh-min-height, 580px);
  max-height: 1100px;
  overflow: clip;
  background: #2d4a3e;
  background: var(--sgh-fallback-bg, #2d4a3e);
  font-family: 'Rubik', system-ui, sans-serif;
  font-family: var(--font-body, 'Rubik', system-ui, sans-serif);
  color: #ffffff;
  color: var(--sgh-text, #ffffff);
  display: block;
}

.sgh__rotator {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.sgh__slides {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sgh__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.sgh__slide.is-active,
.sgh__slide.is-exiting {
  visibility: visible;
}

.sgh__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.sgh__slide.is-exiting {
  opacity: 0;
  transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.sgh__empty {
  padding: 4rem 2rem;
  text-align: center;
  color: var(--sgh-text-muted, #ffffff);
}

.sgh__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sgh__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.sgh__image--placeholder {
  background-color: #2d4a3e;
  background-image: linear-gradient(135deg, #2d4a3e 0%, #486c5a 100%);
}

.sgh__image--mobile {
  display: none;
}

@media (max-width: 767px) {
  .sgh__slide--has-mobile .sgh__image--desktop {
    display: none;
  }
  .sgh__slide--has-mobile .sgh__image--mobile {
    display: block;
  }
}

.sgh__scrim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.sgh__scrim--bottom {
  background: linear-gradient(
    to top,
    #10140e 0%,
    rgba(16, 20, 14, 0.62) 38%,
    rgba(16, 20, 14, 0.18) 65%,
    rgba(16, 20, 14, 0) 100%
  );
  background: linear-gradient(
    to top,
    var(--sgh-scrim-color, #10140e) 0%,
    rgba(16, 20, 14, 0.62) 38%,
    rgba(16, 20, 14, 0.18) 65%,
    rgba(16, 20, 14, 0) 100%
  );
  opacity: 0.92;
  opacity: var(--sgh-bottom-gradient-opacity, 0.92);
}

.sgh__scrim--left {
  background: linear-gradient(
    to right,
    #10140e 0%,
    rgba(16, 20, 14, 0) 55%
  );
  background: linear-gradient(
    to right,
    var(--sgh-scrim-color, #10140e) 0%,
    rgba(16, 20, 14, 0) 55%
  );
  opacity: 0.55;
  opacity: var(--sgh-left-vignette-opacity, 0.55);
}

.sgh__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 56px;
  padding: var(--sgh-pad-y, 80px) var(--sgh-pad-x, 56px);
  pointer-events: none;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .sgh__content {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.sgh--align-bottom .sgh__content { align-items: flex-end; }
.sgh--align-center .sgh__content { align-items: center; }
.sgh--align-top .sgh__content { align-items: flex-start; }

.sgh--text-left .sgh__content { justify-content: flex-start; }
.sgh--text-center .sgh__content { justify-content: center; }

.sgh__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 520px;
  max-width: var(--sgh-content-max-width, 520px);
  pointer-events: auto;
}

.sgh--text-center .sgh__inner {
  align-items: center;
  text-align: center;
}

.sgh__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  color: var(--sgh-eyebrow, rgba(255, 255, 255, 0.6));
  margin: 0 0 20px 0;
}

.sgh__eyebrow-hairline {
  display: inline-block;
  width: 24px;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
}

.sgh__heading {
  font-family: 'EB Garamond', serif;
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-weight: 400;
  font-size: 4rem;
  font-size: clamp(2.5rem, 6vw, 4.25rem);
  line-height: 1.05;
  color: #ffffff;
  color: var(--sgh-text, #ffffff);
  margin: 0 0 20px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.sgh__heading-line {
  display: block;
}

.sgh__divider {
  display: block;
  width: 40px;
  height: 1px;
  background: #c35330;
  background: var(--sgh-accent, #c35330);
  margin: 0 0 24px 0;
}

.sgh--text-center .sgh__divider {
  margin-left: auto;
  margin-right: auto;
}

.sgh__body {
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.78);
  color: var(--sgh-text-muted, rgba(255, 255, 255, 0.78));
  margin: 0 0 36px 0;
  max-width: 24em;
}

.sgh--text-center .sgh__body {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .sgh__body {
    font-size: 1.0625rem;
  }
}

.sgh__body p {
  margin: 0 0 0.75em 0;
}

.sgh__body p:last-child {
  margin-bottom: 0;
}

.sgh__cta-row {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

@media (min-width: 600px) {
  .sgh__cta-row {
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
  }
}

.sgh--text-center .sgh__cta-row {
  justify-content: center;
}

.sgh__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 250ms ease, color 250ms ease, border-color 250ms ease;
}

.sgh__cta:focus-visible {
  outline: 2px solid #c35330;
  outline: 2px solid var(--sgh-accent, #c35330);
  outline-offset: 3px;
}

.sgh__cta--primary {
  background: #c35330;
  background: var(--sgh-primary-bg, #c35330);
  color: #ffffff;
  color: var(--sgh-primary-fg, #ffffff);
  border-color: #c35330;
  border-color: var(--sgh-primary-bg, #c35330);
}

.sgh__cta--primary:focus-visible {
  background: #a8421e;
  background: var(--sgh-primary-bg-hover, #a8421e);
  border-color: #a8421e;
  border-color: var(--sgh-primary-bg-hover, #a8421e);
  color: #ffffff;
  color: var(--sgh-primary-fg-hover, #ffffff);
}

@media (hover: hover) {
  .sgh__cta--primary:hover {
    background: #a8421e;
    background: var(--sgh-primary-bg-hover, #a8421e);
    border-color: #a8421e;
    border-color: var(--sgh-primary-bg-hover, #a8421e);
    color: #ffffff;
    color: var(--sgh-primary-fg-hover, #ffffff);
  }
}

.sgh__cta--secondary {
  background: transparent;
  color: #ffffff;
  color: var(--sgh-secondary-fg, #ffffff);
  border-color: rgba(255, 255, 255, 0.5);
  border-color: var(--sgh-secondary-border, rgba(255, 255, 255, 0.5));
}

.sgh__cta--secondary:focus-visible {
  background: #ffffff;
  background: var(--sgh-secondary-bg-hover, #ffffff);
  color: #2c2c2c;
  color: var(--sgh-secondary-fg-hover, #2c2c2c);
  border-color: #ffffff;
  border-color: var(--sgh-secondary-bg-hover, #ffffff);
}

@media (hover: hover) {
  .sgh__cta--secondary:hover {
    background: #ffffff;
    background: var(--sgh-secondary-bg-hover, #ffffff);
    color: #2c2c2c;
    color: var(--sgh-secondary-fg-hover, #2c2c2c);
    border-color: #ffffff;
    border-color: var(--sgh-secondary-bg-hover, #ffffff);
  }
}

.sgh__cta-arrow {
  flex-shrink: 0;
  transition: transform 250ms ease;
}

.sgh__cta:focus-visible .sgh__cta-arrow {
  transform: translateX(4px);
}

@media (hover: hover) {
  .sgh__cta:hover .sgh__cta-arrow {
    transform: translateX(4px);
  }
}

.sgh__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(16, 20, 14, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  opacity: 0;
  transition: opacity 220ms ease, background-color 220ms ease, border-color 220ms ease;
}

.sgh__nav svg { display: block; }

.sgh__nav--prev { left: 16px; }
.sgh__nav--next { right: 16px; }

@media (min-width: 768px) {
  .sgh__nav--prev { left: 28px; }
  .sgh__nav--next { right: 28px; }
}

@media (hover: hover) {
  .sgh:hover .sgh__nav,
  .sgh:focus-within .sgh__nav {
    opacity: 1;
  }
  .sgh__nav:hover {
    background: rgba(16, 20, 14, 0.62);
    border-color: rgba(255, 255, 255, 0.6);
  }
}

@media (hover: none) {
  .sgh__nav { opacity: 0.85; }
}

.sgh__nav:focus-visible {
  opacity: 1;
  outline: 2px solid var(--sgh-accent, #c35330);
  outline-offset: 3px;
}

.sgh__dots {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background: rgba(16, 20, 14, 0.32);
  border-radius: 999px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.sgh__dot {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
}

.sgh__dot-inner {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transition: background-color 220ms ease, transform 220ms ease;
}

.sgh__dot.is-active .sgh__dot-inner {
  background: #ffffff;
  transform: scale(1.35);
}

.sgh__dot:focus-visible {
  outline: 2px solid var(--sgh-accent, #c35330);
  outline-offset: 3px;
}

@media (hover: hover) {
  .sgh__dot:hover .sgh__dot-inner {
    background: rgba(255, 255, 255, 0.85);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sgh__slide,
  .sgh__cta,
  .sgh__cta-arrow,
  .sgh__nav,
  .sgh__dot-inner {
    transition: none;
  }
  .sgh__cta:focus-visible .sgh__cta-arrow,
  .sgh__cta:hover .sgh__cta-arrow {
    transform: none;
  }
}

@media (max-width: 599px) {
  .sgh__cta {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

section.shopify-section.shopify-section--pj-hero-full-bleed {
  margin-top: 0;
  padding-top: 0;
}
/* END_SECTION:pj_herobanner_fullbleedimagetextoverlay */

/* START_SECTION:pj_limitedtimehero (INDEX:3) */
.pj-lth {
  display: block;
  width: 100%;
  background-color: var(--pj-lth-bg, #F5F3EE);
  border-top: var(--pj-lth-border-width, 8px) solid var(--pj-lth-border, #3c4b3c);
  border-bottom: var(--pj-lth-border-width, 8px) solid var(--pj-lth-border, #3c4b3c);
  position: relative;
  min-height: var(--pj-lth-min-height, 500px);
  font-family: var(--font-body, 'Rubik', sans-serif);
}

.pj-lth__container {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 4rem);
  padding-block: var(--pj-lth-padding-y-mobile, 40px);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 768px) {
  .pj-lth__container {
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
    min-height: var(--pj-lth-min-height, 500px);
    padding-block: var(--pj-lth-padding-y-desktop, 64px);
  }
}

.pj-lth__col {
  flex: 1 1 50%;
  min-width: 0;
  position: relative;
}

.pj-lth__col--text {
  z-index: 2;
}

.pj-lth__col--image {
  align-self: stretch;
  min-height: 280px;
}

@media (min-width: 768px) {
  .pj-lth__col--image {
    align-self: center;
    min-height: 0;
  }
}

/*
 * Per-element font family — switched via data-font attribute set from
 * each element's `*_font` select setting (values: "body" or "heading").
 * Generic selector so it applies to eyebrow, headline, offer, subheading
 * uniformly without repeating the rule four times.
 */
.pj-lth [data-font="body"]    { font-family: var(--font-body, 'Rubik', sans-serif); }
.pj-lth [data-font="heading"] { font-family: var(--font-heading, 'EB Garamond', serif); }

.pj-lth__eyebrow {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: var(--pj-lth-eyebrow-size-mobile, 12px);
  font-weight: var(--pj-lth-eyebrow-weight, 600);
  letter-spacing: var(--pj-lth-eyebrow-tracking, 0.18em);
  text-transform: uppercase;
  color: var(--pj-lth-eyebrow, #6b6b6b);
  margin: 0 0 0.25rem;
}

.pj-lth__eyebrow--pill {
  display: inline-block;
  background-color: var(--pj-lth-eyebrow-pill-bg, #1e2a21);
  padding: var(--pj-lth-eyebrow-pill-pady, 8px) var(--pj-lth-eyebrow-pill-padx, 18px);
  border-radius: var(--pj-lth-eyebrow-pill-radius, 50px);
  margin-bottom: 0.75rem;
}

.pj-lth__headline {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: var(--pj-lth-headline-size-mobile, 24px);
  font-weight: var(--pj-lth-headline-weight, 700);
  letter-spacing: var(--pj-lth-headline-tracking, 0.05em);
  text-transform: var(--pj-lth-headline-transform, uppercase);
  line-height: 1.05;
  color: var(--pj-lth-headline, #2a3c2a);
  margin: 0 0 0.75rem;
}

.pj-lth__offer {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: var(--pj-lth-offer-size-mobile, 56px);
  font-weight: var(--pj-lth-offer-weight, 800);
  line-height: 0.9;
  letter-spacing: var(--pj-lth-offer-tracking, -0.04em);
  color: var(--pj-lth-offer, #8c8270);
  margin: 0.25rem 0 0.5rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.pj-lth__subheading {
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-size: var(--pj-lth-subheading-size-mobile, 20px);
  font-weight: var(--pj-lth-subheading-weight, 500);
  letter-spacing: var(--pj-lth-subheading-tracking, 0);
  color: var(--pj-lth-sub, #5a5a5a);
  margin: 0 0 1rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .pj-lth__eyebrow    { font-size: var(--pj-lth-eyebrow-size-desktop, 14px); }
  .pj-lth__headline   { font-size: var(--pj-lth-headline-size-desktop, 36px); }
  .pj-lth__offer      { font-size: var(--pj-lth-offer-size-desktop, 128px); }
  .pj-lth__subheading { font-size: var(--pj-lth-subheading-size-desktop, 28px); }
}

/*
 * Center-all-text-on-mobile toggle. Centers inline content (text in headings/p),
 * inline-block elements (eyebrow pill), and inline-flex elements (the CTA anchor)
 * because text-align centers any in-flow inline-axis content.
 */
@media (max-width: 767px) {
  .pj-lth[data-center-mobile="true"] .pj-lth__col--text {
    text-align: center;
  }
}

.pj-lth__body {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: clamp(0.9rem, 0.4vw + 0.8rem, 1rem);
  line-height: 1.55;
  color: var(--pj-lth-body, #4a4a4a);
  max-width: 36rem;
  margin: 0 0 1.25rem;
}

.pj-lth__body p {
  margin: 0 0 0.75rem;
}
.pj-lth__body p:last-child { margin-bottom: 0; }

.pj-lth__urgency {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: clamp(0.95rem, 0.4vw + 0.85rem, 1.125rem);
  font-weight: 600;
  color: var(--pj-lth-urgency, #1a1a1a);
  margin: 0 0 1.5rem;
}

.pj-lth__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pj-lth-cta-bg, #1e2a21);
  color: var(--pj-lth-cta-fg, #ffffff);
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-weight: var(--pj-lth-cta-weight, 700);
  font-size: 0.95rem;
  letter-spacing: var(--pj-lth-cta-tracking, 0.18em);
  text-transform: uppercase;
  padding: 1rem 2.5rem;
  border: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: background-color 0.25s ease, transform 0.15s ease;
}

@media (hover: hover) {
  .pj-lth__cta:hover {
    background-color: var(--pj-lth-cta-bg-hover, #2a3c2a);
  }
}

.pj-lth__cta:active {
  transform: translateY(1px);
}

.pj-lth__cta:focus-visible {
  outline: 2px solid var(--pj-lth-cta-bg, #1e2a21);
  outline-offset: 3px;
}

.pj-lth__cluster {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .pj-lth__cluster {
    min-height: 420px;
    gap: 1rem;
  }
}

/*
 * Count-aware cluster layout — when there are fewer saw blocks, give each
 * one more room and a larger max image height so the cluster doesn't feel
 * sparse. Defaults match the 4-saw layout; explicit rules override for 1/2/3.
 */
.pj-lth__cluster[data-count="1"] {
  justify-content: center;
  gap: 0;
}
.pj-lth__cluster[data-count="1"] .pj-lth__saw {
  align-self: center;
  width: 100%;
}
.pj-lth__cluster[data-count="2"] {
  gap: 1.5rem;
  justify-content: space-around;
}
.pj-lth__cluster[data-count="3"] {
  gap: 1.25rem;
  justify-content: space-around;
}

/* Image sizing per count — bigger for fewer saws */
@media (max-width: 767px) {
  .pj-lth__cluster[data-count="1"] .pj-lth__saw-img { max-height: 180px; }
  .pj-lth__cluster[data-count="2"] .pj-lth__saw-img { max-height: 110px; }
  .pj-lth__cluster[data-count="3"] .pj-lth__saw-img { max-height: 90px; }
}
@media (min-width: 768px) {
  .pj-lth__cluster[data-count="1"] .pj-lth__saw-img { max-height: 240px; }
  .pj-lth__cluster[data-count="2"] .pj-lth__saw-img { max-height: 150px; }
  .pj-lth__cluster[data-count="3"] .pj-lth__saw-img { max-height: 120px; }
}
@media (min-width: 1024px) {
  .pj-lth__cluster[data-count="1"] .pj-lth__saw-img { max-height: 280px; }
  .pj-lth__cluster[data-count="2"] .pj-lth__saw-img { max-height: 160px; }
  .pj-lth__cluster[data-count="3"] .pj-lth__saw-img { max-height: 130px; }
}

.pj-lth__saw {
  position: relative;
  display: flex;
  align-items: center;
  width: var(--pj-lth-saw-width, 80%);
  transform: translate(var(--pj-lth-saw-offset-x, 0%), var(--pj-lth-saw-offset-y, 0%));
  transform-origin: center;
  align-self: flex-end;
}

/*
 * Saw label positioning — driven by data-label-desktop / data-label-mobile
 * data attributes set from the block's `label_position_desktop` / `_mobile`
 * select fields. Each rule sets the saw's flex direction + alignment so
 * "outside-*" positions sit in flow; "overlay-*" positions make the label
 * absolutely positioned over the image.
 */

/* Mobile (< 768px) */
@media (max-width: 767px) {
  .pj-lth__saw[data-label-mobile="outside-left"]   { flex-direction: row-reverse;    align-self: flex-start; align-items: center; }
  .pj-lth__saw[data-label-mobile="outside-right"]  { flex-direction: row;            align-self: flex-end;   align-items: center; }
  .pj-lth__saw[data-label-mobile="outside-top"]    { flex-direction: column-reverse; align-items: center;    align-self: center; }
  .pj-lth__saw[data-label-mobile="outside-bottom"] { flex-direction: column;         align-items: center;    align-self: center; }
  .pj-lth__saw[data-label-mobile^="overlay-"]      { flex-direction: row;            align-self: flex-end;   align-items: center; }

  .pj-lth__saw[data-label-mobile^="overlay-"] .pj-lth__saw-label {
    position: absolute;
    margin: 0;
    z-index: 2;
  }
  .pj-lth__saw[data-label-mobile="overlay-top-left"]     .pj-lth__saw-label { top: 4px;  left: 4px; }
  .pj-lth__saw[data-label-mobile="overlay-top-right"]    .pj-lth__saw-label { top: 4px;  right: 4px; }
  .pj-lth__saw[data-label-mobile="overlay-bottom-left"]  .pj-lth__saw-label { bottom: 4px; left: 4px; }
  .pj-lth__saw[data-label-mobile="overlay-bottom-right"] .pj-lth__saw-label { bottom: 4px; right: 4px; }
  .pj-lth__saw[data-label-mobile="overlay-center"]       .pj-lth__saw-label {
    top: 50%; left: 50%;
    transform: translate(var(--pj-lth-label-nudge-x-mobile, 0px), var(--pj-lth-label-nudge-y-mobile, 0px)) translate(-50%, -50%) rotate(var(--pj-lth-label-rotation-mobile, 0deg));
  }

  .pj-lth__saw[data-label-mobile="outside-top"]    .pj-lth__saw-label,
  .pj-lth__saw[data-label-mobile="outside-bottom"] .pj-lth__saw-label {
    margin-inline: 0;
    margin-block: 0.35rem;
  }
}

/* Desktop (≥ 768px) */
@media (min-width: 768px) {
  .pj-lth__saw[data-label-desktop="outside-left"]   { flex-direction: row-reverse;    align-self: flex-start; align-items: center; }
  .pj-lth__saw[data-label-desktop="outside-right"]  { flex-direction: row;            align-self: flex-end;   align-items: center; }
  .pj-lth__saw[data-label-desktop="outside-top"]    { flex-direction: column-reverse; align-items: center;    align-self: center; }
  .pj-lth__saw[data-label-desktop="outside-bottom"] { flex-direction: column;         align-items: center;    align-self: center; }
  .pj-lth__saw[data-label-desktop^="overlay-"]      { flex-direction: row;            align-self: flex-end;   align-items: center; }

  .pj-lth__saw[data-label-desktop^="overlay-"] .pj-lth__saw-label {
    position: absolute;
    margin: 0;
    z-index: 2;
  }
  .pj-lth__saw[data-label-desktop="overlay-top-left"]     .pj-lth__saw-label { top: 4px;  left: 4px; }
  .pj-lth__saw[data-label-desktop="overlay-top-right"]    .pj-lth__saw-label { top: 4px;  right: 4px; }
  .pj-lth__saw[data-label-desktop="overlay-bottom-left"]  .pj-lth__saw-label { bottom: 4px; left: 4px; }
  .pj-lth__saw[data-label-desktop="overlay-bottom-right"] .pj-lth__saw-label { bottom: 4px; right: 4px; }
  .pj-lth__saw[data-label-desktop="overlay-center"]       .pj-lth__saw-label {
    top: 50%; left: 50%;
    transform: translate(var(--pj-lth-label-nudge-x-desktop, 0px), var(--pj-lth-label-nudge-y-desktop, 0px)) translate(-50%, -50%) rotate(var(--pj-lth-label-rotation-desktop, 0deg));
  }

  .pj-lth__saw[data-label-desktop="outside-top"]    .pj-lth__saw-label,
  .pj-lth__saw[data-label-desktop="outside-bottom"] .pj-lth__saw-label {
    margin-inline: 0;
    margin-block: 0.35rem;
  }
}

.pj-lth__saw-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 90px;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.18));
  /*
   * Image rotates independently of the saw container so labels can be
   * rotated separately (or not at all). Container handles offset_x / offset_y.
   */
  transform: rotate(var(--pj-lth-saw-rotation, 0deg));
  transform-origin: center;
}

@media (min-width: 1024px) {
  .pj-lth__saw-img {
    max-height: 100px;
  }
}

.pj-lth__saw-placeholder {
  width: 100%;
  aspect-ratio: 8 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.05);
}

.pj-lth__placeholder-svg { width: 100%; height: 100%; opacity: 0.6; }

.pj-lth__saw-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--font-heading, 'EB Garamond', serif);
  font-style: italic;
  font-size: clamp(0.85rem, 0.5vw + 0.7rem, 1rem);
  color: var(--pj-lth-label-fg, #4a4a4a);
  background-color: var(--pj-lth-label-bg, rgba(245, 243, 238, 0.85));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: var(--pj-lth-label-pady-mobile, 4px) var(--pj-lth-label-padx-mobile, 8px);
  border-radius: 2px;
  white-space: nowrap;
  margin-inline: 0.5rem;
  flex-shrink: 0;
  pointer-events: none;
  /*
   * Default mobile transform — nudge (px) + rotation (deg), composing with
   * any position-specific translates (e.g. translate(-50%, -50%) for center
   * overlays). When the variables aren't set, this is an identity transform.
   */
  transform: translate(var(--pj-lth-label-nudge-x-mobile, 0px), var(--pj-lth-label-nudge-y-mobile, 0px)) rotate(var(--pj-lth-label-rotation-mobile, 0deg));
  transform-origin: center;
}

@media (min-width: 768px) {
  .pj-lth__saw-label {
    padding: var(--pj-lth-label-pady-desktop, 4px) var(--pj-lth-label-padx-desktop, 8px);
    transform: translate(var(--pj-lth-label-nudge-x-desktop, 0px), var(--pj-lth-label-nudge-y-desktop, 0px)) rotate(var(--pj-lth-label-rotation-desktop, 0deg));
  }
}

/*
 * Secondary/tertiary labels — always overlay (absolute) over the image,
 * with their own per-breakpoint position attribute and padding vars.
 * The primary label's positioning is driven by the saw's data-label-*
 * attributes; these additional labels carry their own data-pos-* attrs
 * so each can be placed independently.
 */
.pj-lth__saw-label--extra {
  position: absolute;
  margin: 0;
  z-index: 3;
  padding: var(--extra-pady-m, 4px) var(--extra-padx-m, 8px);
}

@media (min-width: 768px) {
  .pj-lth__saw-label--extra {
    padding: var(--extra-pady-d, 4px) var(--extra-padx-d, 8px);
  }
}

@media (max-width: 767px) {
  .pj-lth__saw-label--extra[data-pos-mobile="overlay-top-left"]     { top: 4px; left: 4px; }
  .pj-lth__saw-label--extra[data-pos-mobile="overlay-top-right"]    { top: 4px; right: 4px; }
  .pj-lth__saw-label--extra[data-pos-mobile="overlay-bottom-left"]  { bottom: 4px; left: 4px; }
  .pj-lth__saw-label--extra[data-pos-mobile="overlay-bottom-right"] { bottom: 4px; right: 4px; }
  .pj-lth__saw-label--extra[data-pos-mobile="overlay-center"] {
    top: 50%; left: 50%;
    transform: translate(var(--pj-lth-label-nudge-x-mobile, 0px), var(--pj-lth-label-nudge-y-mobile, 0px)) translate(-50%, -50%) rotate(var(--pj-lth-label-rotation-mobile, 0deg));
  }
}

@media (min-width: 768px) {
  .pj-lth__saw-label--extra[data-pos-desktop="overlay-top-left"]     { top: 4px; left: 4px; }
  .pj-lth__saw-label--extra[data-pos-desktop="overlay-top-right"]    { top: 4px; right: 4px; }
  .pj-lth__saw-label--extra[data-pos-desktop="overlay-bottom-left"]  { bottom: 4px; left: 4px; }
  .pj-lth__saw-label--extra[data-pos-desktop="overlay-bottom-right"] { bottom: 4px; right: 4px; }
  .pj-lth__saw-label--extra[data-pos-desktop="overlay-center"] {
    top: 50%; left: 50%;
    transform: translate(var(--pj-lth-label-nudge-x-desktop, 0px), var(--pj-lth-label-nudge-y-desktop, 0px)) translate(-50%, -50%) rotate(var(--pj-lth-label-rotation-desktop, 0deg));
  }
}

.pj-lth__saw-arrow {
  font-size: 1em;
  line-height: 1;
}

.pj-lth__placeholder-msg {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: 0.875rem;
  color: var(--pj-lth-body, #4a4a4a);
  opacity: 0.6;
  text-align: center;
  padding: 2rem 1rem;
  border: 1px dashed currentColor;
  border-radius: 4px;
}

.pj-lth__badge {
  position: absolute;
  z-index: 3;
  width: clamp(8rem, 14vw, 11rem);
  height: clamp(8rem, 14vw, 11rem);
  border-radius: 50%;
  background-color: var(--pj-lth-badge-bg, #1e2a21);
  color: var(--pj-lth-badge-fg, #ffffff);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
  border: var(--pj-lth-badge-border-width, 4px) solid var(--pj-lth-badge-border, var(--pj-lth-bg, #F5F3EE));
  padding: 0.75rem;
  line-height: 1.05;
  /*
   * Per-breakpoint nudge translate composed from the merchant's offset_x/y
   * settings. Mobile default applies at the base; desktop overrides under
   * the min-width media query below. Each position rule prepends
   * var(--pj-lth-badge-offset) to its transform.
   */
  --pj-lth-badge-offset: translate(var(--pj-lth-badge-offset-x-mobile, 0%), var(--pj-lth-badge-offset-y-mobile, 0%));
  /* Default position (middle-left) so missing data-position is still sensible */
  top: 50%;
  left: 5%;
  transform: var(--pj-lth-badge-offset) translateY(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
}

@media (min-width: 768px) {
  .pj-lth__badge {
    --pj-lth-badge-offset: translate(var(--pj-lth-badge-offset-x-desktop, 0%), var(--pj-lth-badge-offset-y-desktop, 0%));
  }
}

/*
 * Badge position — per-breakpoint via data-position-desktop / data-position-mobile.
 * Each rule sets top/right/bottom/left + the right transform composition for the
 * rotation plus any centering translates.
 */

/* Mobile (< 768px) */
@media (max-width: 767px) {
  .pj-lth__badge[data-position-mobile="top-left"] {
    top: 5%; left: 5%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="top-center"] {
    top: 5%; left: 50%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateX(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="top-right"] {
    top: 5%; right: 5%; left: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="middle-left"] {
    top: 50%; left: 5%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateY(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="middle-center"] {
    top: 50%; left: 50%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translate(-50%, -50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="middle-right"] {
    top: 50%; right: 5%; left: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateY(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="bottom-left"] {
    bottom: 5%; left: 5%; right: auto; top: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="bottom-center"] {
    bottom: 5%; left: 50%; right: auto; top: auto;
    transform: var(--pj-lth-badge-offset) translateX(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-mobile="bottom-right"] {
    bottom: 5%; right: 5%; left: auto; top: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
}

/* Desktop (≥ 768px) */
@media (min-width: 768px) {
  .pj-lth__badge[data-position-desktop="top-left"] {
    top: 5%; left: 5%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="top-center"] {
    top: 5%; left: 50%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateX(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="top-right"] {
    top: 5%; right: 5%; left: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="middle-left"] {
    top: 50%; left: 5%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateY(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="middle-center"] {
    top: 50%; left: 50%; right: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translate(-50%, -50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="middle-right"] {
    top: 50%; right: 5%; left: auto; bottom: auto;
    transform: var(--pj-lth-badge-offset) translateY(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="bottom-left"] {
    bottom: 5%; left: 5%; right: auto; top: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="bottom-center"] {
    bottom: 5%; left: 50%; right: auto; top: auto;
    transform: var(--pj-lth-badge-offset) translateX(-50%) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
  .pj-lth__badge[data-position-desktop="bottom-right"] {
    bottom: 5%; right: 5%; left: auto; top: auto;
    transform: var(--pj-lth-badge-offset) rotate(var(--pj-lth-badge-rotation, -5deg));
  }
}

.pj-lth__badge-label {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pj-lth__badge-was {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: 1.0625rem;
  font-weight: 500;
  text-decoration: line-through;
  opacity: 0.8;
  margin-bottom: 0.15rem;
}

.pj-lth__badge-now {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: clamp(1.35rem, 1.5vw + 0.75rem, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/*
 * Saws keep their merchant-driven rotation/offset throughout the entrance —
 * only opacity animates. Without this override, the .pj-lth__enter animation
 * ends with transform: translateY(0), which (with animation-fill-mode: forwards)
 * would erase the per-block rotation and horizontal offset once the animation
 * completes.
 */
.pj-lth__saw.pj-lth__enter {
  animation-name: pj-lth-saw-fade;
  transform: translate(var(--pj-lth-saw-offset-x, 0%), var(--pj-lth-saw-offset-y, 0%));
}

@keyframes pj-lth-saw-fade {
  to { opacity: 1; }
}

/* Entrance animation */
.pj-lth__enter {
  opacity: 0;
  transform: translateY(12px);
  animation: pj-lth-fade-up 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
  animation-delay: var(--enter-delay, 0ms);
}

.pj-lth__enter--scale {
  transform: translateY(0) scale(0.96);
  animation-name: pj-lth-fade-scale;
}

@keyframes pj-lth-fade-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pj-lth-fade-scale {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Badge keeps its position-driven transform throughout its entrance — only opacity animates. */
.pj-lth__badge.pj-lth__enter {
  animation-name: pj-lth-badge-fade;
}

@keyframes pj-lth-badge-fade {
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pj-lth__enter,
  .pj-lth__enter--scale {
    animation: none;
    opacity: 1;
    transform: none;
  }
  /* Higher-specificity overrides that set animation-name must also be
     neutralised, otherwise the saw/badge fade keyframes survive. */
  .pj-lth__saw.pj-lth__enter {
    animation: none;
    opacity: 1;
    transform: translate(var(--pj-lth-saw-offset-x, 0%), var(--pj-lth-saw-offset-y, 0%));
  }
  .pj-lth__badge.pj-lth__enter {
    animation: none;
    opacity: 1;
  }
}
/* END_SECTION:pj_limitedtimehero */

/* START_SECTION:announcement-bar (INDEX:7) */
.pj-ab {
  display: block;
  width: 100%;
  background-color: var(--pj-ab-bg, var(--accent, #2c2c2c));
  color: var(--pj-ab-fg, #ffffff);
  padding-block: var(--pj-ab-py, 8px);
  padding-inline: 1rem;
}

.pj-ab[data-template="primary"]    { --pj-ab-bg: var(--accent, #C1694F); --pj-ab-fg: #ffffff; }
.pj-ab[data-template="secondary"]  { --pj-ab-bg: var(--secondary, #F5F1EC); --pj-ab-fg: var(--secondary-foreground, #2C2C2C); }
.pj-ab[data-template="dark"]       { --pj-ab-bg: var(--foreground, #2C2C2C); --pj-ab-fg: var(--background, #FAF8F5); }
.pj-ab[data-template="outline"]    {
  --pj-ab-bg: transparent;
  --pj-ab-fg: var(--foreground, #2C2C2C);
  border-bottom: 1px solid var(--border, rgba(0, 0, 0, 0.1));
}
.pj-ab[data-template="garden"]      { --pj-ab-bg: var(--brand-medium-green, #3e6533); --pj-ab-fg: #ffffff; }
.pj-ab[data-template="warehouse"]   { --pj-ab-bg: var(--brand-yellow, #fddd00); --pj-ab-fg: var(--brand-dark-blue, #263543); }
.pj-ab[data-template="clearance"]   { --pj-ab-bg: var(--brand-dark-red, #b52025); --pj-ab-fg: #ffffff; }
.pj-ab[data-template="memorial"]    { --pj-ab-bg: var(--brand-dark-blue, #263543); --pj-ab-fg: #ffffff; }
.pj-ab[data-template="winter"]      { --pj-ab-bg: var(--brand-light-blue, #4488bc); --pj-ab-fg: var(--brand-dark-blue, #263543); }
.pj-ab[data-template="fathers-day"] { --pj-ab-bg: var(--brand-brown, #502d1e); --pj-ab-fg: #ffffff; }

.pj-ab__container {
  position: relative;
  max-width: var(--pj-ab-max-width, 1280px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.pj-ab__main {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
}

.pj-ab__text,
.pj-ab__slide {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: var(--pj-ab-font-size, 10px);
  letter-spacing: var(--pj-ab-tracking, 0.15em);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.pj-ab__text strong,
.pj-ab__slide strong {
  font-weight: var(--font-weight-medium, 600);
}

.pj-ab__text em,
.pj-ab__slide em {
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.pj-ab__link {
  color: inherit;
  text-decoration: none;
}
.pj-ab__link:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.pj-ab__link:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.pj-ab__row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--pj-ab-gap, 48px);
  width: 100%;
}

.pj-ab__divider {
  display: inline-block;
  flex: 0 0 auto;
  color: inherit;
  opacity: 0.5;
}
.pj-ab__divider--dot {
  width: 4px; height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}
.pj-ab__divider--line {
  width: 1px; height: 12px;
  background-color: currentColor;
  opacity: 0.4;
}
.pj-ab__divider--slash {
  width: 1px; height: 14px;
  background-color: currentColor;
  transform: rotate(20deg);
  opacity: 0.45;
}
.pj-ab__divider--diamond {
  width: 5px; height: 5px;
  background-color: currentColor;
  transform: rotate(45deg);
  opacity: 0.55;
}
.pj-ab__divider--sparkle {
  width: 10px; height: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.65;
  background-color: transparent;
}
.pj-ab__divider--sparkle svg {
  width: 100%; height: 100%;
  display: block;
}

.pj-ab__carousel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  min-height: 15px;
}

.pj-ab__viewport {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.pj-ab__slide {
  padding-inline: 2rem;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pj-ab__slide.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
  inset: auto;
}
.pj-ab__slide.is-exiting {
  opacity: 0;
  transform: translateY(-10px);
}

.pj-ab__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.pj-ab__nav:hover { opacity: 0.7; }
.pj-ab__nav:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}
.pj-ab__nav svg { width: 14px; height: 14px; display: block; }
.pj-ab__nav--prev { left: 0; }
.pj-ab__nav--next { right: 0; }

.pj-ab__placeholder {
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: var(--pj-ab-font-size, 10px);
  letter-spacing: var(--pj-ab-tracking, 0.15em);
  text-transform: uppercase;
  opacity: 0.6;
  padding-block: 0.25rem;
}

.pj-ab__countdown {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-body, 'Rubik', sans-serif);
  font-size: var(--pj-ab-font-size, 10px);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pj-ab__cd-icon { width: 12px; height: 12px; opacity: 0.8; }
.pj-ab__cd-label { opacity: 0.85; font-weight: var(--font-weight-medium, 500); }

.pj-ab__countdown--minimal {
  opacity: 0.75;
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.08em;
}

.pj-ab__countdown--compact {
  font-weight: 600;
  gap: 6px;
}

.pj-ab__countdown--boxed {
  gap: 4px;
  text-transform: none;
  letter-spacing: 0;
  align-items: flex-start;
}

.pj-ab__countdown--boxed .pj-ab__cd-label {
  align-self: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-right: 2px;
}

.pj-ab__cd-group { display: inline-flex; align-items: flex-start; gap: 4px; }

.pj-ab__cd-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.pj-ab__cd-box-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding-inline: 4px;
  border-radius: var(--radius-sm, 4px);
  background-color: rgba(255, 255, 255, 0.18);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.pj-ab__cd-box-label {
  font-size: 7px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.8;
  margin-top: 2px;
}
.pj-ab__cd-sep {
  align-self: center;
  margin-top: -10px;
  font-weight: 600;
  opacity: 0.45;
}

.pj-ab[data-template="warehouse"] .pj-ab__cd-box-value,
.pj-ab[data-template="winter"] .pj-ab__cd-box-value {
  background-color: rgba(0, 0, 0, 0.12);
}

@media (max-width: 767px) {
  .pj-ab__row--desktop { display: none; }

  .pj-ab__slide {
    white-space: normal;
    line-height: 1.35;
    padding-inline: 1.5rem;
    text-overflow: clip;
  }
}
@media (min-width: 768px) {
  .pj-ab__carousel--mobile { display: none; }
  .pj-ab__container {
    flex-direction: row;
    justify-content: center;
  }
  .pj-ab__main {
    flex: 1 1 auto;
  }
  .pj-ab__countdown {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .pj-ab__countdown--boxed {
    transform: translateY(-50%);
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pj-ab__slide { transition: none; }
}
/* END_SECTION:announcement-bar */

/* START_SECTION:email-sign-up (INDEX:20) */
.email-signup-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    min-height: 600px;
    background: var(--color-background-secondary);
  }

  .email-signup-left {
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/cdn/shop/files/harvesting-set-main-86a0910.jpg?v=1765261906");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
  }

  .email-signup-content {
    text-align: left;
    max-width: 100%;
  }

  .email-signup-content .prose {
    color: white;
  }

  .email-signup-content h2 {
    color: white;
  }

  .email-signup-content .subheading {
    color: white;
  }

  .email-signup-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: white;
  }

  .contact-form {
    width: 100%;
    max-width: 500px;
    padding: 0 !important;
    background: transparent !important;
  }

  @media (max-width: 768px) {
    .email-signup-container {
      grid-template-columns: 1fr;
      min-height: auto;
    }

    .email-signup-left {
      min-height: 300px;
    }

    .email-signup-right {
      min-height: 400px;
    }
  }
/* END_SECTION:email-sign-up */

/* START_SECTION:testimonials (INDEX:77) */
.testimonial-card {
    border: 1px solid #d4c5b9;
    border-radius: 12px;
    padding: 30px;
    background-color: white !important;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .testimonial-quote-icon {
    font-size: 48px;
    color: #d4c5b9;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 300;
    flex-shrink: 0;
  }

  .testimonial-card .h-stack {
    flex-shrink: 0;
  }

  .testimonial-card > .v-stack:last-of-type {
    flex-grow: 1;
  }

  .testimonial-list {
    position: relative;
    z-index: 1;
    margin-bottom: -60px;
  }

  .testimonial-list.scroll-area {
    margin-bottom: -20%;
    overflow: visible !important;
  }

  .scrollable-with-controls {
    overflow: visible !important;
    padding-bottom: 80px;
  }

  #shopify-section-{{ section.id }} {
    padding-bottom: 0;
    overflow: visible !important;
  }

  #shopify-section-{{ section.id }} .section-stack {
    overflow: visible !important;
  }
/* END_SECTION:testimonials */