/** Shopify CDN: Minification failed

Line 1889:0 All "@import" rules must come first
Line 1890:0 All "@import" rules must come first

**/
.shopify-section--main-product {
  padding-block: 30px;
}
article.product-gallery__item {
  padding: 0 50px;
  background: #ffffff;
}
.product-shell {
  --product-radius-surface: var(--style-border-radius-theme);
  --product-radius-button: var(--style-border-radius-buttons);
  --product-radius-input: var(--style-border-radius-inputs);
  --product-radius-pill: max(var(--style-border-radius-buttons), var(--style-border-radius-inputs));
}

.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;
}

.product-shell {
  display: grid;
  gap: 40px;
}

.product-shell__grid {
  display: grid;
  gap: 32px;
}

.product-shell__gallery-column,
.product-shell__info-column,
.product-shell__lower-zone,
.product-shell__related {
  min-width: 0;
}

.product-shell__info-column--sticky .product-info {
  position: sticky;
  top: 24px;
  z-index: 25;
}

.product-gallery {
  display: grid;
  gap: 6px;
  position: relative;
}

.product-gallery__viewport {
  display: grid;
  gap: 16px;
}

.product-gallery--carousel_left_thumbnails,
.product-gallery--carousel_bottom_thumbnails {
  grid-template-columns: minmax(0, 1fr);
}

.product-gallery--carousel_left_thumbnails .product-gallery__viewport,
.product-gallery--carousel_bottom_thumbnails .product-gallery__viewport {
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.product-gallery--carousel_left_thumbnails .product-gallery__viewport::-webkit-scrollbar,
.product-gallery--carousel_bottom_thumbnails .product-gallery__viewport::-webkit-scrollbar {
  display: none;
}

.product-gallery__item {
  position: relative;
  overflow: hidden;
  border-radius: var(--product-radius-surface);
  background: #ffffff;
  min-height: 440px;
  scroll-snap-align: start;
}

.product-gallery__item img,
.product-gallery__video,
.product-gallery__model,
.product-gallery__fallback {
  width: 100%;
  height: 100%;
  object-fit: var(--product-gallery-media-fit, cover);
}

.product-gallery__zoom {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  padding: 0.6rem 0.9rem;
  border: 1px solid rgba(16, 24, 32, 0.14);
  border-radius: var(--product-radius-button);
  background: rgba(255, 255, 255, 0.86);
  cursor: pointer;
}

.product-gallery--zoom-bottom_right .product-gallery__zoom {
  top: auto;
  bottom: 16px;
}

.product-gallery--zoom-icon .product-gallery__zoom {
  width: 44px;
  height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.product-gallery--zoom-icon .product-gallery__zoom svg {
  width: 20px;
  height: 20px;
}

.product-gallery__controls {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.product-gallery__arrow {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(16, 24, 32, 0.12);
  border-radius: var(--product-radius-button);
  background: transparent;
  cursor: pointer;
}

.product-gallery__thumbs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  justify-content: safe center;
  scrollbar-width: none;
}

.product-gallery__thumbs::-webkit-scrollbar {
  display: none;
}

.product-gallery__thumb {
  width: 74px;
  min-width: 74px;
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 32, 0.1);
  border-radius: var(--product-radius-surface);
  background: transparent;
  cursor: pointer;
}

.product-gallery__thumb.is-active,
.product-gallery__dot.is-active,
.product-info__option-button.is-active,
.product-info__color-swatch.is-active,
.product-info__option-button--variant_image.is-active {
  border-color: rgba(16, 24, 32, 0.7);
}

.product-gallery__thumb-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__dots {
  display: none;
  justify-content: center;
  gap: 10px;
}

.product-gallery__dot {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(16, 24, 32, 0.25);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.product-gallery__dot.is-active {
  background: rgba(16, 24, 32, 0.75);
}

.product-gallery__modal {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  border: 0;
  padding: 0;
  margin: 0;
  inset: 0;
  position: fixed;
  overflow: hidden;
  background: transparent;
}

.product-gallery__modal::backdrop {
  background: rgba(247, 244, 238, 0.9);
}

.product-gallery__modal[open] {
  display: grid;
  align-items: stretch;
  justify-items: stretch;
}

.product-gallery__modal-body {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.92), transparent 38%),
    rgba(247, 244, 238, 0.96);
}

.product-gallery__modal-stage {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 5rem 3rem 2rem;
}

.product-gallery__modal-stage > * {
  max-width: min(1400px, 100%);
}

.product-gallery__modal-stage img,
.product-gallery__modal-stage video,
.product-gallery__modal-stage iframe,
.product-gallery__modal-stage model-viewer {
  width: auto;
  max-width: 100%;
  max-height: calc(100vh - 13rem);
  height: auto;
  object-fit: contain;
}

.product-gallery__modal-stage iframe {
  width: min(100%, 1200px);
  aspect-ratio: 16 / 9;
}

.product-gallery__modal-thumbs {
  display: flex;
  gap: 0.875rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem 1.5rem;
  overflow-x: auto;
  background: linear-gradient(180deg, rgba(247, 244, 238, 0) 0%, rgba(247, 244, 238, 0.92) 26%);
}

.product-gallery__modal-thumb {
  width: 4.75rem;
  min-width: 4.75rem;
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid rgba(16, 24, 32, 0.14);
  border-radius: var(--style-border-radius-theme);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72);
  opacity: 0.72;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}

.product-gallery__modal-thumb.is-active {
  opacity: 1;
  transform: translateY(-2px);
  border-color: rgba(16, 24, 32, 0.72);
  box-shadow: 0 12px 24px rgba(16, 24, 32, 0.08);
}

.product-gallery__modal-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__modal-close {
  position: fixed;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  z-index: 2;
  border: 1px solid rgba(16, 24, 32, 0.12);
  background: rgba(255, 255, 255, 0.92);
  border-radius: var(--product-radius-button);
  padding: 0.6rem 0.9rem;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(16, 24, 32, 0.08);
}

html.product-gallery-modal-open,
body.product-gallery-modal-open {
  overflow: hidden;
}

@media (max-width: 749px) {
  .shopify-section--main-product {
    padding-block: 0 10px;
  }
article.product-gallery__item {
    padding: 0px;
}

  /* Full-bleed product gallery on mobile: cancel the page-margin gutter */
  .product-shell__gallery-column {
    margin-inline: calc(-1 * var(--page-margin));
  }

  .product-gallery__item {
    border-radius: 0;
  }

  .product-gallery__modal-stage {
    padding: 4.5rem 1rem 1rem;
  }

  .product-gallery__modal-stage img,
  .product-gallery__modal-stage video,
  .product-gallery__modal-stage iframe,
  .product-gallery__modal-stage model-viewer {
    max-height: calc(100vh - 11.5rem);
  }

  .product-gallery__modal-thumbs {
    justify-content: flex-start;
    padding: 0.875rem 1rem 1rem;
  }
}

.product-info {
  display: grid;
  gap: 24px;
}

.product-info__form,
.product-info__group {
  display: grid;
  gap: 18px;
}

.product-info__group--basic {
  gap: 10px;
}

.product-info__group--purchase {
  gap: 16px;
}

.product-info__eyebrow,
.product-info__meta,
.product-info__rating-count,
.product-info__share a,
.product-shell__related-price {
  color: rgba(16, 24, 32, 0.68);
}

.product-info__title {
  font-size: clamp(
    var(--product-title-size-mobile, 2rem),
    4vw,
    var(--product-title-size-desktop, 3.25rem)
  );
  line-height: 1.15;
  letter-spacing: normal;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

.product-info__price-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.product-info__price-wrap--compare-first {
  flex-direction: row;
}

.product-info__price {
  font-size: var(--product-price-size, clamp(1.5rem, 2.2vw, 2rem));
  font-weight: 600;
  color: var(--product-price-color, currentColor);
}

.product-info__compare {
  text-decoration: line-through;
  font-size: var(--product-compare-price-size, 1rem);
  color: var(--product-compare-price-color, rgba(16, 24, 32, 0.68));
  font-weight: 700;
}

.product-info__savings-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: var(--product-radius-button);
  background: var(--product-savings-badge-background, rgba(16, 24, 32, 0.06));
  color: var(--product-savings-badge-text, currentColor);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
}

.product-info__badges,
.product-info__share,
.product-info__complementary-grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.product-info__yc-points {
  display: grid;
  gap: 12px;
}

.product-info__yc-point {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-info__yc-point-icon {
  width: var(--yc-point-icon-size, 24px);
  height: var(--yc-point-icon-size, 24px);
}

.product-info__yc-point-image {
  width: var(--yc-point-icon-size, 24px);
  height: var(--yc-point-icon-size, 24px);
  object-fit: contain;
}

.product-info__yc-point-text {
  color: var(--yc-point-text, currentColor);
  line-height: 1.4;
}

.product-info__low-stock {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0 0 16px;
  margin: -6px 0 4px;
  border-radius: 0;
  border-bottom: 1px solid rgba(16, 24, 32, 0.12);
}

.product-info__option-header.size .product-info__option-value {
  display: none;
}

.product-info__low-stock-icon {
  color: var(--low-stock-dot-color, #ea0404);
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.product-info__low-stock-dot {
  position: absolute;
  width: var(--low-stock-dot-size, 10px);
  height: var(--low-stock-dot-size, 10px);
  overflow: visible;
}

.product-info__low-stock-dot--animated {
  animation: product-low-stock-pulse 2s infinite;
}

.product-info__low-stock-copy {
  min-width: 0;
}

.product-info__low-stock-text {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  color: var(--low-stock-text-color, #000);
  line-height: 1.5;
}

.product-info__review-summary {
  margin: 0;
  margin-bottom: -10px;
}

.product-info__review-summary-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--review-summary-text-color, #000);
  text-decoration: none;
}

.product-info__review-summary-stars {
  color: var(--review-summary-stars-color, #e4b529);
  font-size: var(--review-summary-stars-size, 20px);
  margin-bottom: var(--review-summary-stars-spacing, 10px);
  line-height: 1;
}

.product-info__review-summary-text {
  margin: 0;
  font-size: var(--review-summary-text-size, 15px);
}

.product-info__payment-methods {
  display: grid;
  gap: 12px;
  margin-top: -5px;
}
p.product-info__support-heading {
  font-size: 12px;
  text-align: center;
  margin-bottom: -8px;
}
.product-info__payment-method-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--payment-method-gap, 8px);
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-info__payment-method-item {
  display: flex;
}

.product-info__payment-method-badge {
  display: block;
  width: var(--payment-method-badge-width, 56px);
  height: var(--payment-method-badge-height, 32px);
}

.product-info__payment-method-badge--placeholder text {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: Arial, sans-serif;
}

.product-info__people-wearing {
  display: flex;
  align-items: center;
  gap: var(--people-wearing-gap, 10px);
}

.product-info__people-wearing-avatar {
  width: var(--people-wearing-avatar-size, 28px);
  height: var(--people-wearing-avatar-size, 28px);
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.product-info__people-wearing-text {
  margin: 0;
  font-size: var(--people-wearing-text-size, 14px);
  line-height: 1.4;
  color: var(--people-wearing-text-color, #000);
}

.product-info__sale-announcement {
  background-color: var(--sale-announcement-background, #f7f7f7);
  border: var(--sale-announcement-border-width, 1.5px) solid var(--sale-announcement-border-color, #000);
  padding: var(--sale-announcement-padding, 20px);
  text-align: center;
  border-radius: var(--sale-announcement-radius, 4px);
  font-family: Arial, sans-serif;
}

.product-info__sale-announcement-heading {
  margin: 0 0 6px;
  font-size: var(--sale-announcement-heading-size, 18px);
  font-weight: 700;
  color: var(--sale-announcement-heading-color, #c0392b);
  letter-spacing: var(--sale-announcement-heading-spacing, 0.5px);
}

.product-info__sale-announcement-subheading {
  margin: 0 0 10px;
  font-size: var(--sale-announcement-subheading-size, 14px);
  font-weight: 600;
  color: var(--sale-announcement-subheading-color, #000);
}

.product-info__sale-announcement-body {
  margin: 0;
  font-size: var(--sale-announcement-body-size, 13px);
  color: var(--sale-announcement-body-color, #444);
  line-height: 1.4;
}

.product-info__sale-announcement-2 {
  background-color: var(--sale-announcement-2-background, #feecea);
  color: var(--sale-announcement-2-text, #b60000);
  text-align: left;
  margin: 0;
  padding: var(--sale-announcement-2-padding, 20px);
  border-radius: var(--sale-announcement-2-radius, 10px);
}

.product-info__sale-announcement-2-text {
  margin: 0;
  font-size: var(--sale-announcement-2-text-size, 16px);
  line-height: 1.7;
}

.product-info__sale-announcement-2-text strong {
  font-weight: 700;
}

@keyframes product-low-stock-pulse {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(2.4);
    opacity: 0;
  }
}

.product-info__badge {
  display: inline-flex;
  padding: 0.45rem 0.75rem;
  border-radius: var(--product-radius-button);
  background: rgba(16, 24, 32, 0.05);
  font-size: 0.875rem;
}

.product-info__description,
.product-info__support-copy,
.product-info__accordion-content,
.product-info__yc-points {
  line-height: 1.7;
  color: rgba(16, 24, 32, 0.82);
  font-family: 'Nunito Sans', sans-serif;
}

.product-info__description h1,
.product-info__description h2,
.product-info__description h3,
.product-info__description h4,
.product-info__support-copy h1,
.product-info__support-copy h2,
.product-info__support-copy h3,
.product-info__support-copy h4,
.product-info__accordion-content h1,
.product-info__accordion-content h2,
.product-info__accordion-content h3,
.product-info__accordion-content h4,
.product-info__yc-points h1,
.product-info__yc-points h2,
.product-info__yc-points h3,
.product-info__yc-points h4 {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

.product-info__variants {
  display: grid;
  gap: 18px;
}

.product-info__option-group {
  display: grid;
  gap: 12px;
  border: 0;
  padding: 0;
}

.product-info__option-header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.product-info__option-value {
  font-weight: 400;
  color: rgba(16, 24, 32, 0.68);
}

.product-info__option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.product-info__option-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--variant-btn-padding, 0.75rem 1rem);
  font-size: var(--variant-btn-font-size, 15px);
  border: 1px solid rgba(16, 24, 32, 0.14);
  border-radius: var(--product-radius-button);
  background: transparent;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    opacity 0.2s ease,
    background-color 0.2s ease;
}

.product-info__option-button--normal {
  border-radius: var(--product-radius-button);
}

.product-info__color-swatch {
  min-width: var(--swatch-size, 56px);
  min-height: var(--swatch-size, 56px);
  display: inline-block;
  position: relative;
  padding: 0;
  border: 0;
  border-radius: var(--product-radius-surface);
  box-shadow: 0 0 0 1px var(--colorBorder);
  background-clip: padding-box;
  appearance: none;
  cursor: pointer;
}

.product-info__option-button[disabled],
.product-info__color-swatch[disabled],
.product-info__option-button--variant_image[disabled] {
  cursor: not-allowed;
  opacity: 0.38;
}

/* Unavailable: diagonal strikethrough on size/text buttons */
.product-info__option-button.is-unavailable {
  opacity: 0.45;
  position: relative;
  overflow: hidden;
}

.product-info__option-button.is-unavailable::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 0.5px),
    currentColor calc(50% - 0.5px),
    currentColor calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
  opacity: 0.4;
  pointer-events: none;
}

/* Unavailable: reduced opacity + border indicator on swatches */
.product-info__color-swatch.is-unavailable,
.product-info__option-button--variant_image.is-unavailable {
  opacity: 0.42;
  position: relative;
  overflow: hidden;
}

.product-info__color-swatch.is-unavailable::after,
.product-info__option-button--variant_image.is-unavailable::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 0.75px),
    rgba(0,0,0,0.35) calc(50% - 0.75px),
    rgba(0,0,0,0.35) calc(50% + 0.75px),
    transparent calc(50% + 0.75px)
  );
  pointer-events: none;
}

.product-info__color-swatch-label {
  position: absolute;
  inset: auto auto 8px 8px;
  padding: 0.2rem 0.4rem;
  border-radius: var(--product-radius-surface);
  background: rgba(255, 255, 255, 0.72);
  color: #111;
  font-size: 0.72rem;
}

.product-info__color-swatch {
  box-shadow:
    0 0 0 1px var(--colorBorder)
  }

.product-info__option-button--variant_image {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: var(--style-border-radius-theme);
  box-shadow:
  0 0 0 1px var(--colorBorder);
}

.product-info__option-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--swatch-size, 56px) + 8px);
  height: calc(var(--swatch-size, 56px) + 8px);
  overflow: hidden;
  border-radius: var(--product-radius-input);
  padding: 3px;
}

.product-info__option-image-wrap--fallback {
  font-weight: 600;
  color: rgba(16, 24, 32, 0.72);
}

.product-info__option-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--style-border-radius-theme);
}

.product-info__option-button--variant_image .product-info__option-label {
  position: static;
  padding: 0;
  background: transparent;
  color: inherit;
  font-size: 0.9rem;
}

/* Polaroid: variant image with name + price underneath */
.product-info__option-values--polaroid {
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.product-info__option-values--polaroid::-webkit-scrollbar {
  display: none;
}

.product-info__option-button--polaroid {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0;
  width: calc(var(--swatch-size, 56px) + 44px);
  border: 1px solid color-mix(in srgb, var(--color-foreground) 16%, transparent);
  border-radius: var(--product-radius-input);
  background: var(--color-background, #fff);
  box-shadow: none;
  overflow: hidden;
  text-align: left;
}

.product-info__option-button--polaroid .product-info__option-image-wrap {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  padding: 0;
  border-radius: 0;
}

.product-info__option-button--polaroid .product-info__option-image {
  border-radius: 0;
}

.product-info__option-button--polaroid .product-info__option-image-wrap--fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--color-foreground) 6%, transparent);
}

.product-info__polaroid-caption {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 9px 9px;
}

.product-info__polaroid-name {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-foreground);
}

.product-info__polaroid-price {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--color-foreground) 58%, transparent);
}

.product-info__dropdown,
.product-info__quantity input {
  min-height: 48px;
  border: 1px solid rgba(16, 24, 32, 0.12);
  background: transparent;
  border-radius: var(--product-radius-button);
}

.product-info__quantity {
  display: grid;
  gap: 10px;
}

.product-info__dropdown {
  width: 100%;
  padding: 0.8rem 1rem;
}

.product-info__quantity-box {
  display: inline-grid;
  grid-template-columns: 40px 56px 40px;
  align-items: center;
  width: fit-content;
  border: 1px solid rgba(16, 24, 32, 0.12);
  border-radius: var(--product-radius-button);
  overflow: hidden;
}

.product-info__quantity-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.product-info__quantity-button:hover,
.product-info__quantity-button:focus-visible {
  background: rgba(16, 24, 32, 0.04);
}

.product-info__quantity input[data-quantity-input] {
  width: 56px;
  min-width: 0;
  padding: 0;
  text-align: center;
  border: 0;
  border-left: 1px solid rgba(16, 24, 32, 0.08);
  border-right: 1px solid rgba(16, 24, 32, 0.08);
  border-radius: 0;
  appearance: textfield;
}

.product-info__quantity input[data-quantity-input]::-webkit-outer-spin-button,
.product-info__quantity input[data-quantity-input]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-info__buy-buttons,
.product-info__complementary-card,
.product-shell__related-link,
.product-sticky-bar__content {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}

.product-info__add {
  width: 100%;
}
form[action*="/cart/add"] .product-info__add.button--primary,
.product-info .product-info__add.button--primary,
.product-info__add.button--primary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
form[action*="/cart/add"] .product-info__add.button--primary:hover,
form[action*="/cart/add"] .product-info__add.button--primary:focus-visible,
.product-info .product-info__add.button--primary:hover,
.product-info .product-info__add.button--primary:focus-visible {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}

.product-info__add.button--primary span,
.product-info .product-info__add.button--primary span,
.product-info__add.button--primary span {
  background-color: transparent !important;
  color: #ffffff !important;
}

.product-info__add-error {
  margin-top: 10px;
  padding: 10px 14px;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #ab2e2e;
  background: color-mix(in srgb, #e5484d 8%, transparent);
  border: 1px solid color-mix(in srgb, #e5484d 30%, transparent);
  border-radius: var(--style-border-radius-inputs, 6px);
}

.product-info__add-error[hidden] {
  display: none;
}

.product-info__separator {
  border: 0;
  border-top: 1px solid rgba(16, 24, 32, 0.08);
}

.product-info__accordion {
  border-top: 1px solid rgba(16, 24, 32, 0.08);
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
}

.product-info__block:has(.product-info__accordion-wrapper) + .product-info__block:has(.product-info__accordion-wrapper) {
  margin-top: -18px;
}

.product-info__block:has(.product-info__accordion-wrapper) + .product-info__block:has(.product-info__accordion-wrapper) .product-info__accordion-wrapper {
  border-top: 0;
}

.product-info__accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  text-align: left;
}

.product-info__accordion-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease;
}

.product-info__accordion-icon svg {
  width: 12px;
  height: 12px;
}

.product-info__accordion-trigger.is-open .product-info__accordion-icon {
  transform: rotate(180deg);
}

.product-info__accordion-panel {
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease;
}

.product-info__accordion-content {
  padding-top: 12px;
  padding-bottom: 16px;
}

.product-info__editorial-image {
  display: grid;
  gap: 10px;
}

.product-info__editorial-image-tag,
.product-shell__related-media {
  border-radius: var(--product-radius-surface);
}

.product-info__complementary-grid,
.product-shell__related-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.product-info__complementary-card,
.product-shell__related-card {
  color: inherit;
  text-decoration: none;
}

.product-info__complementary-media,
.product-shell__related-media {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: rgba(16, 24, 32, 0.04);
}

.product-info__complementary-media img,
.product-shell__related-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-shell__lower-zone {
  border-top: 1px solid rgba(16, 24, 32, 0.08);
  padding-top: 36px;
}

.product-shell__lower-zone-inner {
  max-width: min(100%, calc(var(--page-width) * 0.62));
}

.product-shell__related {
  display: grid;
  gap: 22px;
  padding-top: 24px;
}

.product-shell__related-title,
.product-sticky-bar__title {
  font-weight: 600;
}

.product-sticky-bar {
  position: fixed;
  inset: auto 16px 16px;
  z-index: 70;
  padding: 14px;
  border: 1px solid rgba(16, 24, 32, 0.08);
  border-radius: var(--product-radius-surface);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 40px rgba(16, 24, 32, 0.08);
}

@media (min-width: 980px) {
  .product-shell__gallery-column--sticky {
    position: sticky;
    top: 24px;
  }

  .product-shell__grid {
    grid-template-columns: minmax(0, var(--product-gallery-fr, 60fr)) minmax(320px, var(--product-info-fr, 40fr));
    align-items: start;
  }

  .product-gallery--carousel_left_thumbnails {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .product-gallery--carousel_left_thumbnails .product-gallery__controls {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: 1fr;
    align-content: start;
  }

  .product-gallery--carousel_left_thumbnails .product-gallery__viewport {
    grid-column: 2;
    grid-row: 1;
  }

  .product-gallery--carousel_left_thumbnails .product-gallery__thumbs {
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 989px) {
  .product-gallery__item {
    min-height: 58vw;
  }

  /* No arrows on mobile; kept modes use floating dots, thumbnails or peek */
  .product-gallery__arrow {
    display: none;
  }

  .product-gallery--mobile-floating_dots .product-gallery__dots,
  .product-gallery--mobile-peek .product-gallery__dots {
    display: flex;
  }

  .product-gallery--mobile-floating_dots .product-gallery__thumbs {
    display: none;
  }

  .product-gallery--mobile-thumbnails .product-gallery__dots {
    display: none;
  }

  .product-gallery--mobile-thumbnails .product-gallery__thumbs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: safe center;
    overflow-x: auto;
  }

  .product-gallery--mobile-floating_dots .product-gallery__controls {
    position: absolute;
    inset: auto 0 18px;
    display: block;
    pointer-events: none;
    z-index: 3;
  }

  .product-gallery--mobile-floating_dots .product-gallery__dots {
    justify-content: center;
    padding: 0 16px;
    pointer-events: auto;
  }

  .product-gallery--mobile-floating_dots .product-gallery__dot {
    width: 11px;
    height: 11px;
    border-color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.28);
    box-shadow: 0 4px 18px rgba(16, 24, 32, 0.2);
  }

  .product-gallery--mobile-floating_dots .product-gallery__dot.is-active {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.92);
  }

  /* Peek: active image ~75% wide with a sliver of the previous/next image */
  .product-gallery--mobile-peek .product-gallery__viewport {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 75%;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .product-gallery--mobile-peek .product-gallery__viewport::-webkit-scrollbar {
    display: none;
  }

  /* A single image fills the width instead of peeking empty space */
  .product-gallery--mobile-peek .product-gallery__viewport:has(.product-gallery__item:only-child) {
    grid-auto-columns: 100%;
  }

  .product-gallery--mobile-peek .product-gallery__item {
    scroll-snap-align: center;
  }

  /* Only the active (centered) slide shows its zoom button */
  .product-gallery--mobile-peek .product-gallery__item:not(.is-active) .product-gallery__zoom {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  /* Center the dots under the peek carousel (override the arrow/thumb grid) */
  .product-gallery--mobile-peek .product-gallery__controls {
    display: flex;
    justify-content: center;
  }

  .product-gallery--mobile-peek .product-gallery__dots {
    display: flex;
    justify-content: center;
  }

  .product-gallery--mobile-peek .product-gallery__thumbs,
  .product-gallery--mobile-peek .product-gallery__arrow {
    display: none;
  }

  .product-shell__lower-zone-inner {
    max-width: 100%;
  }

  .product-info__title {
    font-size: var(--product-title-size-mobile, 2rem);
  }
}
/* =========================================================
   BUY MORE, SAVE MORE
========================================================= */
.buy-more-save-more {
  margin-top: 4px;
  padding: 20px 16px;
  border-radius: 10px;
  background: #F5F5F0;
  border: none;
  text-align: center;
}

.buy-more-save-more__title {
  margin: 0 0 14px;
  color: #111111;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.buy-more-save-more__tiers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.buy-more-save-more__tier {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.buy-more-save-more__note {
  margin: 14px 0 0;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  .buy-more-save-more__tiers {
    gap: 6px;
  }

  .buy-more-save-more__tier {
    font-size: 12px;
    padding: 9px 12px;
  }
}/* =========================================================
   BUY MORE, SAVE MORE
========================================================= */
.buy-more-save-more {
  margin-top: 4px;
  padding: 20px 16px;
  border-radius: 10px;
  background: #F5F5F0;
  border: none;
  text-align: center;

}

.buy-more-save-more__title {
  margin: 0 0 14px;
  color: #111111;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.buy-more-save-more__tiers {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.buy-more-save-more__tier {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  padding: 10px 8px;
  border-radius: 999px;
  background: #000000;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buy-more-save-more__note {
  margin: 14px 0 0;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}

.buy-more-save-more__announcement {
  margin-top: 16px;
  padding: 16px 16px 16px 14px;
  border-left: 4px solid #9E1B32;
  background: #F7F1E8;
  text-align: left;
}

.buy-more-save-more__announcement-heading {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9E1B32;
}

.buy-more-save-more__announcement-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}

.buy-more-save-more__announcement-highlight {
  color: #9E1B32;
}

@media screen and (max-width: 480px) {
  .buy-more-save-more__tiers {
    gap: 5px;
  }

  .buy-more-save-more__tier {
    font-size: 10.5px;
    padding: 9px 4px;
  }
}
/* =========================================================
   SIZE / OPTION BUTTONS — thin black outline when selected
   (matches reference: white bg, black border, no fill)
========================================================= */
.product-info__option-button:not(.product-info__option-button--variant_image) {
  border: 1px solid rgba(16, 24, 32, 0.25) !important;
  color: #111111 !important;
  background-color: #ffffff !important;
  font-weight: 500 !important;
}

.product-info__option-button:not(.product-info__option-button--variant_image):hover,
.product-info__option-button:not(.product-info__option-button--variant_image):focus-visible {
  border: 1px solid #111111 !important;
  color: #111111 !important;
  background-color: #ffffff !important;
}

.product-info__option-button.is-active:not(.product-info__option-button--variant_image) {
  background-color: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  font-weight: 700 !important;
}
/* =========================================================
   COLOUR SWATCHES — black ring when selected (was bordeaux)
========================================================= */
.product-info__option-button--variant_image.is-active,
.product-info__option-button--variant_image:hover,
.product-info__option-button--variant_image:focus-visible {
  background-color: #000000 !important;
}/* =========================================================
   STOCK IS LIMITED TEXT — background match
========================================================= */
.ss-testimonial-28__bottom-text,
[class*="bottom-text"],
[class*="bottom_text"] {
  background-color: #F5F5F0 !important;
}/* =========================================================
   COLOUR SWATCHES — square garment thumbnails (matches
   Aussie Wear / Rebecca & Ruby reference: rounded-square
   photo swatches, not circles)
========================================================= */
.product-info__option-image-wrap {
  border-radius: 0 !important;
}

.product-info__option-image {
  border-radius: 0 !important;
}

.product-info__option-button--variant_image {
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px rgba(16, 24, 32, 0.16) !important;
}

.product-info__option-button--variant_image.is-active {
  box-shadow: 0 0 0 2px #111111 !important;
}.product-gallery__item[data-media-type="image"] { cursor: pointer; }.product-rating-link {
  cursor: pointer;
}

.product-rating-link:hover .se-review-text {
  text-decoration: underline;
}
/* =========================================================
   GALLERY — overlay left/right click arrows on the main
   image so shoppers can tap through, matching reference
   sites. The right arrow always shows; the left arrow only
   appears once the shopper has moved past the first photo.
========================================================= */
.product-gallery__viewport {
  position: relative;
}

.product-gallery__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.14);
  cursor: pointer;
}

.product-gallery__arrow[data-gallery-prev] {
  left: 14px;
}

.product-gallery__arrow[data-gallery-next] {
  right: 14px;
}

.product-gallery__controls {
  position: static;
}

.product-gallery__thumbs,
.product-gallery__dots {
  margin-top: 0;
}

/* Hide the left/prev arrow while the first photo is active */
.product-gallery:has(.product-gallery__viewport .product-gallery__item:first-child.is-active) .product-gallery__arrow[data-gallery-prev] {
  display: none !important;
}

/* Hide the right/next arrow while the last photo is active */
.product-gallery:has(.product-gallery__viewport .product-gallery__item:last-child.is-active) .product-gallery__arrow[data-gallery-next] {
  display: none !important;
}

/* =========================================================
   SALE BADGE ON MAIN PRODUCT PHOTO — top-right, matching
   reference sites. Related/suggested product tiles keep
   their own badge (top-left, set via theme settings).
========================================================= */
.product-gallery__sale-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  background: #e8dcca;
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 6px 14px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.18);
  pointer-events: none;
}

/* =========================================================
   ADD TO CART BUTTON — competitor green (distinct from the
   Trustpilot green used on the Save 50% badge / star rating)
========================================================= */
form[action*="/cart/add"] .product-info__add.button--primary,
.product-info .product-info__add.button--primary,
.product-info__add.button--primary {
  background-color: #3EA36A !important;
  border-color: #3EA36A !important;
  color: #ffffff !important;
}

form[action*="/cart/add"] .product-info__add.button--primary:hover,
form[action*="/cart/add"] .product-info__add.button--primary:focus-visible,
.product-info .product-info__add.button--primary:hover,
.product-info .product-info__add.button--primary:focus-visible {
  background-color: #35895D !important;
  border-color: #35895D !important;
  color: #ffffff !important;
}

/* =========================================================
   COLOUR SWATCHES — remove black frame/border (softer, neutral)
========================================================= */
.product-info__option-button--variant_image {
  box-shadow: 0 0 0 1px rgba(16, 24, 32, 0.14) !important;
}

.product-info__option-button--variant_image.is-active {
  box-shadow: 0 0 0 2px rgba(16, 24, 32, 0.35) !important;
}

.product-info__option-button--variant_image.is-active,
.product-info__option-button--variant_image:hover,
.product-info__option-button--variant_image:focus-visible {
  background-color: transparent !important;
}

/* =========================================================
   ACCORDION — bordered rows, serif uppercase labels, circled chevron
   (matches Rebecca & Ruby / Daily Aussie / Aussie Wear reference layout)
========================================================= */
.product-info__accordion {
  border-top: 0;
  border-bottom: 0;
}

.product-info__block:has(.product-info__accordion-wrapper) {
  border: 0;
}

.product-info__accordion-wrapper {
  border-bottom: 1px solid rgb(232, 232, 225);
}

.product-info__block:has(.product-info__accordion-wrapper) + .product-info__block:has(.product-info__accordion-wrapper) {
  margin-top: 0 !important;
}

.product-info__block:has(.product-info__accordion-wrapper) + .product-info__block:has(.product-info__accordion-wrapper) .product-info__accordion-wrapper {
  border-top: 0;
}

.product-info__accordion-trigger {
  position: relative;
  justify-content: center;
  text-align: center;
  padding: 15px;
  font-family: 'Outfit', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.product-info__accordion-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 1px solid rgb(232, 232, 225);
  border-radius: 50%;
}

.product-info__accordion-trigger.is-open .product-info__accordion-icon {
  transform: translateY(-50%) rotate(180deg);
}

.product-info__accordion-icon svg {
  width: 10px;
  height: 10px;
}

.product-info__accordion-content {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

.product-info__accordion-content strong,
.product-info__accordion-content b {
  font-weight: 700;
}

/* =========================================================
   GALLERY ARROWS — now live inside the viewport itself (see
   product-gallery.liquid) so top:50% always centers on the
   photo, never on the thumbs/dots bar underneath it.
========================================================= */
.product-gallery__controls {
  position: static;
}

.product-gallery--mobile-floating_dots .product-gallery__controls {
  position: static !important;
  inset: auto !important;
  pointer-events: auto !important;
}

/* =========================================================
   GALLERY IMAGE — stop the iOS long-press ghost drag/zoom
   from distorting the layout. Vertical page scroll still
   works; pinch-zoom and the "hold to save image" callout
   on the photo itself are disabled.
========================================================= */
.product-gallery__item,
.product-gallery__image,
.product-gallery__thumb-image {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

.product-gallery__viewport {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
  touch-action: pan-x pan-y;
}

.product-gallery__image {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.product-gallery__zoom,
.product-gallery__arrow,
.product-gallery__thumb,
.product-gallery__dot {
  touch-action: manipulation;
}

/* =========================================================
   MOBILE GALLERY — always fill the full width, like the
   reference sites (Aussie Wear etc). A fixed aspect-ratio
   box + object-fit: cover keeps every product photo
   edge-to-edge instead of letterboxing narrower/portrait
   images.
========================================================= */
@media (max-width: 749px) {
  .product-gallery__item {
    min-height: 0;
    height: auto;
    max-height: none;
    aspect-ratio: 4 / 5;
    background: #ffffff;
  }

  .product-gallery__item img,
  .product-gallery__video,
  .product-gallery__model {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
  }
}

/* =========================================================
   SAVINGS BADGE — pill shape, aligned on the same baseline
   as the price and the compare-at price.
========================================================= */
.product-info__price-wrap {
  align-items: flex-end !important;
}

.product-info__savings-badge {
  border-radius: 999px !important;
  padding: 6px 11.25px !important;
  font-size: 15px !important;
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* =========================================================
   CLEARANCE BADGE — square/rectangular, matches competitor size
========================================================= */
.se-clearance-badge {
  border-radius: 4px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.se-clearance-badge p {
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* =========================================================
   PAYMENT METHOD ICONS — tight under Add to Cart
========================================================= */
.product-info__block--payment_methods {
  margin-top: -6px !important;
}

.product-info__payment-methods {
  margin-top: 0 !important;
}

.product-info__payment-method-list {
  gap: 6px !important;
}

/* =========================================================
   ACCORDION GROUP — tighter rows, no extra whitespace above
   or below the whole block
========================================================= */
.product-info__accordion-trigger {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.product-info__accordion-content {
  padding-top: 0 !important;
  padding-bottom: 12px !important;
}

.product-info__block:not(:has(.product-info__accordion-wrapper)) + .product-info__block:has(.product-info__accordion-wrapper) {
  margin-top: -6px !important;
}

.product-info__block:has(.product-info__accordion-wrapper) + .product-info__block:not(:has(.product-info__accordion-wrapper)) {
  margin-top: -6px !important;
}


/* =========================================================
   FONT IMPORT — Nunito Sans, matching the Aussie Wear
   reference (title, selling points, description/story text)
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap');

/* =========================================================
   GALLERY — arrows removed from the main photo view. Swipe
   (native horizontal touch scroll, see touch-action above)
   replaces them. Arrows + thumbnails now live only in the
   zoomed/lightbox modal that opens when the photo is tapped.
========================================================= */
.product-gallery__viewport > .product-gallery__arrow {
  display: none !important;
}

.product-gallery__modal-stage-wrap {
  position: relative;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.product-gallery__modal-stage-wrap .product-gallery__modal-stage {
  height: 100%;
}

.product-gallery__modal-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(16, 24, 32, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.14);
  cursor: pointer;
}

.product-gallery__modal-arrow--prev {
  left: 14px;
}

.product-gallery__modal-arrow--next {
  right: 14px;
}

@media (max-width: 749px) {
  .product-gallery__modal-arrow {
    width: 36px;
    height: 36px;
  }
}

/* =========================================================
   RELATED PRODUCTS ("We think you'll also love") — matches
   Aussie Wear: badge top-left (announcement-bar colour),
   sale price bold first, old price grey strikethrough,
   "Sale" text in green after it.
========================================================= */
.product-shell__related-media {
  position: relative;
}

.product-shell__related-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  background: #e8dcca;
  color: #000000;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 0;
  pointer-events: none;
}

.product-shell__related-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  font-family: 'Nunito Sans', sans-serif;
}

.product-shell__related-price-current {
  font-weight: 700;
  font-size: 14px;
  color: #000000;
}

.product-shell__related-price-compare {
  font-weight: 400;
  font-size: 14px;
  color: rgba(16, 24, 32, 0.5);
  text-decoration: line-through;
}

.product-shell__related-price-sale-label {
  font-weight: 700;
  font-size: 14px;
  color: #32cc42;
}

/* =========================================================
   USP SECTION ("USPs met giffjes") — bold uppercase titles,
   centered, matching the Aussie Wear reference layout. Icons
   are editable via the theme customizer (image_picker accepts
   animated GIF uploads too).
========================================================= */
.trust-points__item-title {
  font-family: 'Nunito Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.02em;
}

.trust-points__item-text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
   FAQ SECTION — solid black bars with white bold text and a
   visible gap between each bar, matching the Aussie Wear
   reference.
========================================================= */
.faq-section__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faq-item {
  border: 0 !important;
  background: #060606;
  border-radius: 4px;
  overflow: hidden;
  padding: 0 20px;
}

.faq-item__question {
  padding: 14px 0;
  color: #ffffff;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.faq-item__icon {
  color: #e8dcca;
  opacity: 1;
}

.faq-item__answer {
  color: rgba(255, 255, 255, 0.82);
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}

.faq-item__body {
  background: #ffffff;
  margin: 0 -20px;
  padding: 0 20px;
}

.faq-item__answer {
  color: #111111 !important;
  font-weight: 400;
  font-family: 'Nunito Sans', sans-serif;
}

.faq-item__answer strong,
.faq-item__answer b {
  font-weight: 700;
}

.faq-section h2,
.faq-section__inner h2 {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

/* =========================================================
   IMAGE-WITH-TEXT SECTIONS — used for "30-Day Money-Back
   Guarantee" and "About Us": bold Nunito Sans heading, regular
   Nunito Sans body copy (matches reference layout).
========================================================= */
.image-with-text-section__heading {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

.image-with-text-section__text,
.image-with-text-section__text p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}

/* =========================================================
   CLEARANCE BADGE — bold Nunito Sans label (matches reference
   clearance/urgency notice style).
========================================================= */
.se-clearance-badge,
.se-clearance-badge p {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

/* =========================================================
   SIZE CHART APP BUTTON — push further right, away from the
   "Size" label, wherever the Kiwi Sizing widget renders it
========================================================= */
.product-info__option-header:has([class*="kiwi" i]) {
  justify-content: flex-end;
  gap: 24px;
}

[class*="kiwi-sizing" i],
[id*="kiwi_size_chart" i] a,
[id*="kiwi_size_chart" i] button {
  margin-left: auto !important;
}


/* =========================================================
   USER REQUEST BATCH 3 (Aug 27) — 21-item Dutch list
========================================================= */

/* --- #18/#19: per-photo sale badge, correctly inset within
   the actual image (article has 50px horizontal padding on
   desktop, 0 on mobile) so it never overflows the photo, and
   scrolls WITH each photo since it now lives inside each
   article instead of once at the viewport level. --- */
.product-gallery__sale-badge {
  position: absolute;
  top: 16px;
  right: 66px;
  z-index: 5;
  background: #e8dcca;
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 6px 14px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.18);
  pointer-events: none;
}

@media (max-width: 749px) {
  .product-gallery__sale-badge {
    right: 16px;
  }
}

/* --- #11/#26: bring the click-through arrows back on the
   main (non-lightbox) gallery for DESKTOP ONLY. Right arrow
   always visible while more photos remain; left arrow only
   once the shopper has moved past the first photo (handled by
   the :has() rules already defined above). Mobile keeps swipe
   only, no arrows. --- */
@media (min-width: 750px) {
  .product-gallery__viewport > .product-gallery__arrow {
    display: inline-flex !important;
  }
}

/* --- #35: sticky Add to Cart bar — match main button colour,
   product-title font family, and uppercase label --- */
.product-sticky-bar .button--primary,
.product-sticky-bar .product-info__add.button--primary {
  background-color: #3EA36A !important;
  border-color: #3EA36A !important;
  color: #ffffff !important;
  font-family: 'Nunito Sans', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

.product-sticky-bar .button--primary:hover,
.product-sticky-bar .product-info__add.button--primary:hover {
  background-color: #35895D !important;
  border-color: #35895D !important;
}

/* --- #30: related product card — badge moved OFF the photo
   (sits above the image instead of overlaid on it), title
   underline removed --- */
.product-shell__related-badge {
  position: static;
  display: inline-block;
  margin-bottom: 8px;
}

.product-shell__related-title {
  text-decoration: none !important;
}

/* --- #32: FAQ chevron — points down by default, changes
   colour + rotates when the item is open --- */
.faq-item[open] .faq-item__icon,
.faq-item.is-open .faq-item__icon {
  color: #e8dcca;
  transform: rotate(180deg);
}

.faq-item__icon {
  transition: transform 0.2s ease, color 0.2s ease;
}

/* --- #30: "You may also like" — prev/next scroll arrows for the
   related-products row, styled to match the gallery arrows --- */
.product-shell__related-scroller {
  position: relative;
}

.product-shell__related-arrow {
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  color: #111111;
  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.18);
  cursor: pointer;
  font-size: 16px;
}

.product-shell__related-arrow:hover {
  background: #f5f5f5;
}

.product-shell__related-arrow--prev {
  left: -8px;
}

.product-shell__related-arrow--next {
  right: -8px;
}

@media (max-width: 749px) {
  .product-shell__related-arrow {
    display: none;
  }
}

/* =========================================================
   USER REQUEST BATCH 4 (Aug 27) — gallery arrows, review
   stars, size buttons, USP block, sale badge
========================================================= */

/* --- #1/#2: gallery arrows must always sit within the photo
   bounds and stay visible on every photo. The arrows now live
   in .product-gallery__viewport-wrap (a static, non-scrolling
   sibling of .product-gallery__viewport), so they no longer
   scroll away with the carousel content. --- */
.product-gallery__viewport-wrap {
  position: relative;
}

.product-gallery__viewport-wrap > .product-gallery__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}

.product-gallery__viewport-wrap > .product-gallery__arrow[data-gallery-prev] {
  left: 14px;
}

.product-gallery__viewport-wrap > .product-gallery__arrow[data-gallery-next] {
  right: 14px;
}

/* --- #4: review stars styled like aussie-wear's Trustpilot
   widget — individual square tiles with a small white gap
   between each one, instead of one stacked glyph string. The
   JS in product-page.js (styleReviewStars) splits the text
   into one <span> per star; this styles each span as a tile. --- */
.product-info__review-summary-stars {
  display: inline-flex !important;
  align-items: center;
  gap: 3px;
  font-size: 0;
  line-height: 0;
  background: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.product-info__review-summary-link {
  align-items: center !important;
}

.product-info__review-summary-text {
  margin: 0 !important;
  line-height: 1.2;
}

.product-info__review-summary-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--review-summary-stars-size, 20px);
  height: var(--review-summary-stars-size, 20px);
  background-color: var(--review-summary-stars-color, #e4b529);
  color: #ffffff;
  font-size: calc(var(--review-summary-stars-size, 20px) * 0.68);
  line-height: 1;
}

.product-info__review-summary-star--half {
  background: linear-gradient(90deg, var(--review-summary-stars-color, #e4b529) 50%, #d6d6d6 50%);
}

.product-info__review-summary-star--empty {
  background-color: #d6d6d6;
}

.product-info__review-summary-text {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

/* --- #5: Size option buttons styled exactly like aussie-wear
   — solid black fill with white text when selected, instead of
   a white background with a black outline. --- */
.product-info__option-button.is-active:not(.product-info__option-button--variant_image) {
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  font-weight: 500 !important;
}

/* --- #7: main-photo sale badge — square corners, lighter
   weight, matching the "You may also like" related-product
   badge style (and the % text is not bold). --- */
.product-gallery__sale-badge {
  border-radius: 0 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  font-size: 12px !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  padding: 6px 12px !important;
}

/* --- #6: bottom 4-USP section (sales points + low-stock notice)
   — reverted back to a single stacked column on mobile (one row
   per line: Free Shipping, 30-Day Money-Back, Pay Securely), per
   user follow-up request. --- */
@media (max-width: 749px) {
  .product-info__yc-points {
    grid-template-columns: 1fr;
    column-gap: 14px;
    row-gap: 10px;
  }

  .product-info__yc-point {
    align-items: center;
  }
}


/* =========================================================
   USER REQUEST BATCH 5 (Aug 27, follow-up) — related products
   centering/underline/arrows/view-all, USP mobile hardening,
   review star widget refinements
========================================================= */

/* --- "You may also like" heading centered, matching Aussie Wear --- */
.product-shell__related-header {
  text-align: center;
}

/* --- kill any inherited underline on the whole related card link
   (title text specifically was still showing underlined) --- */
.product-shell__related-link {
  text-decoration: none !important;
}

/* --- related product image placeholder background: white, not
   the grey placeholder tint (was showing as a grey bar next to
   the "% off" badge, which is fine as-is) --- */
.product-shell__related-media {
  background: #ffffff !important;
}

/* --- "View all" link under the related-products row --- */
.product-shell__related-viewall {
  display: block;
  width: fit-content;
  margin: 4px auto 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #111111;
}

/* --- mobile 4-USP block: keep icon a fixed size so long text
   doesn't push rows out of alignment, and trim text size so two
   columns line up neatly --- */
@media (max-width: 749px) {
  .product-info__yc-point-icon,
  .product-info__yc-point-image {
    flex-shrink: 0;
  }

  .product-info__yc-point-text {
    font-size: 12.5px;
    line-height: 1.35;
  }

  /* "Almost Sold Out" must match the same font/size as the 3
     USP lines above it — it was staying at 16px on mobile while
     the USP lines shrank to 12.5px, reading as a different font. */
  .product-info__low-stock-text {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
  }
}

/* =========================================================
   USER REQUEST — Colour/Size labels: match aussie-wear.com's
   font (Nunito Sans, not the theme's default Montserrat) while
   staying bold, and match aussie-wear's value/size-chart text
   color (solid black instead of the muted grey).
   Reference: aussie-wear.com/products/sports-bra
========================================================= */
.product-info__option-header {
  font-family: 'Nunito Sans', sans-serif !important;
}

.product-info__option-value {
  font-family: 'Nunito Sans', sans-serif !important;
  color: #000000 !important;
}

[class*="kiwi-sizing" i],
[id*="kiwi_size_chart" i] a,
[id*="kiwi_size_chart" i] button {
  color: #000000 !important;
  font-family: 'Nunito Sans', sans-serif !important;
}

/* =========================================================
   USER REQUEST — "Buy More, Pay Less" editorial image: rounded
   corners matching the clearance-sale-update box above it, plus
   a divider line underneath (matches Rebecca & Ruby reference).
========================================================= */
.product-info__editorial-image-tag {
  border-radius: 10px !important;
}

.product-info__block--image {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(16, 24, 32, 0.08);
}

/* =========================================================
   USER REQUEST — "Track Your Order" page (ParcelPanel app):
   Track button uppercase, black background, white text.
========================================================= */
.pp_tracking_button .pp-button-enter {
  text-transform: uppercase !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.pp_tracking_button .pp-button-enter:hover,
.pp_tracking_button .pp-button-enter:focus-visible {
  background-color: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}