/** Shopify CDN: Minification failed

Line 925:0 Expected "}" to go with "{"

**/
/* /assets/mix-match.css - Mix & Match PDP Selectors */

.mix-match {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-top: 20px !important;
}

.mix-match .breadcrumbs {
  display: none;
}

/* Hide the standard product title and inventory when mix-match selectors are present.
   The title block is kept enabled so the price block still renders. */
.mix-match ~ .product__title-and-price,
.mix-match ~ .jdgm-widget,
.mix-match ~ [data-store-availability-container],
.shopify-section--product:has([data-mix-match-selectors]) .product__inventory,
.shopify-section--product:has([data-mix-match-selectors]) .variant__countdown {
  display: none !important;
}

/* Reorder within form: make product__selectors a flex column so we can reorder */
.shopify-section--product:has([data-mix-match-selectors]) .product__selectors {
  display: flex !important;
  flex-direction: column !important;
  margin-right: 0 !important;
}

/* Color swatches go first — visually above everything else */
.shopify-section--product:has([data-mix-match-selectors]) .selector-wrapper--swatches {
  order: -1 !important;
  width: 100% !important;
  margin-right: 0 !important;
}

/* Hide show more/less button on mix-match pages */
.shopify-section--product:has([data-mix-match-selectors]) .swatch__more {
  display: none !important;
}

/* Hide original product description on mix-match pages */
.shopify-section--product:has([data-mix-match-selectors]) .product__description {
  display: none !important;
}

/* Review stars badge spacing */
.mm-reviews-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.mix-match .jdgm-preview-badge {
  margin-top: 3px;
}

/* Toggle row (top name, bottom name, color label) */
.mix-match__toggle {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--FONT-STACK-HEADING);
  font-weight: var(--FONT-WEIGHT-HEADING);
  font-size: calc(2.86rem * var(--adjust-heading));
  line-height: 1.05;
  color: var(--text);
}

/* Expanded state — lighter text */
.mix-match__toggle[aria-expanded="true"] {
  opacity: 0.6;
}

/* Collapsed state — solid */
.mix-match__toggle[aria-expanded="false"] {
  opacity: 1;
}

/* Hover only on non-touch devices */
@media (hover: hover) {
  .mix-match__toggle:hover {
    opacity: 0.7;
  }
}

.mix-match__prefix {
  font-family: var(--FONT-STACK-HEADING);
  font-weight: var(--FONT-WEIGHT-HEADING);
}

.mix-match__label {
  font-family: var(--FONT-STACK-HEADING);
  font-weight: var(--FONT-WEIGHT-HEADING);
}

.mix-match__suffix {
  font-family: var(--FONT-STACK-HEADING);
  font-weight: var(--FONT-WEIGHT-HEADING);
  margin-left: 0.2em;
}

/* Arrow indicator */
.mix-match__arrow {
  display: inline-flex;
  align-items: center;
  transition: transform 0.25s ease;
}

.mix-match__toggle[aria-expanded="true"] .mix-match__arrow {
  transform: rotate(180deg);
}

/* Options container (pills / swatches) */
.mix-match__options {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.25s ease, margin 0.3s ease;
  margin-top: 0;
}

.mix-match__options--visible {
  max-height: 300px;
  opacity: 1;
  margin-top: 12px;
}

.mix-match__options--hidden {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
}

/* Pill buttons container */
.mix-match__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Pill button */
.mix-match__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border: 1px solid var(--text);
  border-radius: 50px;
  background: transparent;
  color: var(--text);
  font-family: var(--FONT-STACK-BODY);
  font-size: calc(0.875rem * var(--adjust-body));
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.mix-match__pill:hover {
  background: var(--text);
  color: var(--bg);
}

.mix-match__pill--active {
  background: var(--text);
  color: var(--bg);
}

/* Unavailable pill - diagonal strikethrough */
.mix-match__pill--unavailable {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.mix-match__pill--unavailable::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -5%;
  width: 110%;
  height: 1px;
  background-color: var(--text);
  transform: rotate(-12deg);
  transform-origin: center;
}

/* Row spacing */
.mix-match__row {
  margin-bottom: 0;
}

.mix-match__row:last-child {
  margin-bottom: 0;
}

/* Loading overlay */
.mix-match__loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.5);
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

.mix-match__loading--active {
  display: flex;
}

.mix-match__spinner {
  width: 32px;
  height: 32px;
  border: 2px solid var(--hairline);
  border-top-color: var(--text);
  border-radius: 50%;
  animation: mm-spin 0.7s linear infinite;
}

@keyframes mm-spin {
  to { transform: rotate(360deg); }
}

/* Content transition during product switch */
.mix-match-switching .product-single__gallery,
.mix-match-switching .product__price-and-badge,
.mix-match-switching [data-form-wrapper] {
  opacity: 0.4;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

/* Mobile adjustments */
@media only screen and (max-width: 767px) {
  .mix-match__toggle {
    font-size: calc(2.16rem * var(--adjust-heading));
  }

  .mix-match__pill {
    padding: 6px 14px;
    font-size: calc(0.875rem * var(--adjust-body));
  }
}

/* --- Mix-match gallery: full-width images, tight thumbnails, no top gap --- */

/* Remove section top padding so gallery sits right under header */
.shopify-section--product:has([data-mix-match-selectors]) .section-padding {
  padding-top: 0 !important;
}

/* Full-width main image — pull past wrapper gutters */
@media only screen and (max-width: 1023px) {
  .shopify-section--product:has([data-mix-match-selectors]) .product-single__gallery {
    margin-left: calc(var(--gutter-mobile) * -1) !important;
    margin-right: calc(var(--gutter-mobile) * -1) !important;
  }
}

.shopify-section--product:has([data-mix-match-selectors]) .product-single__media-slider {
  max-width: 100% !important;
}

/* Tighter thumbnail spacing */
.shopify-section--product:has([data-mix-match-selectors]) .product-single__thumbnails {
  margin: 2px 0 !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .product-single__thumbnail {
  padding: 2px !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .product-single__thumbnail:first-child {
  padding-left: 2px !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .product-single__thumbnail:last-child {
  padding-right: 2px !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .product-single__thumbnail-link {
  width: 70px !important;
  height: 70px !important;
}

/* --- Grouped color swatches with inline label --- */

/* Hide the original "Color — Espresso" legend on mix-match pages */
.shopify-section--product:has([data-mix-match-selectors]) .selector-wrapper--swatches .radio__legend {
  display: none !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .selector-wrapper--swatches .radio__fieldset {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Groups container */
.mm-swatch-groups {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* Each group row: label + swatches */
.mm-swatch-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

/* Group label ("Classics" / "New") — inline left of swatches */
.mm-swatch-group-label {
  font-family: var(--FONT-STACK-BODY);
  font-size: calc(0.875rem * var(--adjust-body));
  font-weight: 400;
  color: #7D726D; /* Espresso 70 */
  white-space: nowrap;
  line-height: var(--swatch-size, 32px);
  flex-shrink: 0;
  min-width: 60px;
}

/* Row of swatches within a group */
.mm-swatch-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.mm-swatch-row .swatch__button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Inline color name label — animates in next to selected swatch */
.mm-color-name {
  font-family: var(--FONT-STACK-BODY);
  font-size: calc(0.875rem * var(--adjust-body));
  font-weight: 400;
  color: var(--text); /* Espresso 100 */
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.25s ease, padding 0.3s ease;
  padding: 0;
}

.mm-color-name--visible {
  max-width: 150px;
  opacity: 1;
  padding: 0 4px 0 2px;
}

/* Swatches animate smoothly when label pushes them */
.mm-swatch-row .swatch__button {
  transition: transform 0.3s ease;
}

/* USP block between price and size */
.mm-description {
  padding: 14px 0 24px;
  margin: 0;
  width: 100%;
  font-family: var(--FONT-STACK-BODY);
  font-size: 16px;
  line-height: 1.5;
  color: #7D726D; /* Espresso 70 */
}

.mm-description p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

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

.mm-description + .selector-wrapper--swatches,
.mm-description + .mm-swatch-groups {
  margin-top: 0;
}

/* Hide tick icon on selected swatch, keep the dark outline */
.shopify-section--product:has([data-mix-match-selectors]) .swatch__button .swatch__input:checked ~ .swatch__label .icon {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* --- Joined size toggle (Stretch I / Stretch II) --- */
/* Reset the product__selectors negative margin and selector-wrapper margin */
.shopify-section--product:has([data-mix-match-selectors]) .product__selectors {
  margin-right: 0 !important;
}

.mm-size-selector {
  margin-right: 0 !important;
  width: 100% !important;
  order: 1 !important;
}

.mm-size-selector .radio__fieldset {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mm-size-selector .radio__legend {
  width: 100% !important;
}

.mm-size-selector .radio__buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  border: 1px solid var(--text) !important;
  border-radius: var(--RADIUS, 30px) !important;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.mm-size-selector .radio__button {
  flex: 1;
  margin: 0 !important;
  padding: 0 !important;
}

.mm-size-selector .radio__label {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 28px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent;
  color: var(--text);
  font-family: var(--FONT-STACK-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  font-size: calc(0.875rem * var(--adjust-body));
  line-height: 1.3;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  box-shadow: none !important;
  min-width: 0;
  width: 100%;
  text-align: center;
}

/* Divider between buttons */
.mm-size-selector .radio__button + .radio__button .radio__label {
  border-left: 1px solid var(--text) !important;
}

/* Selected state */
.mm-size-selector .radio__input:checked + .radio__label {
  background: #403633 !important; /* Espresso 100 */
  color: #FFFFFF !important;
}

.mm-size-selector .radio__buttons {
  border-color: #403633 !important; /* Espresso 100 */
}

/* Divider between buttons */
.mm-size-selector .radio__button + .radio__button .radio__label {
  border-left-color: #403633 !important; /* Espresso 100 */
}

/* Size name */
.mm-size-selector .radio__label .option-title {
  display: block;
  font-family: var(--FONT-STACK-HEADING);
  font-weight: var(--FONT-WEIGHT-HEADING-MEDIUM, 500);
  font-size: 16px;
  line-height: 1.3;
}

/* Size subtitle (e.g. "Fits US 2-12") */
.mm-size-selector .radio__label .size-subheading {
  display: block;
  font-family: var(--FONT-STACK-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  font-size: calc(0.75rem * var(--adjust-body));
  color: #7D726D; /* Espresso 70 */
  margin-top: 2px;
}

.mm-size-selector .radio__input:checked + .radio__label .size-subheading {
  opacity: 1;
  color: #FFFFFF !important;
}

/* Price above description */
.shopify-section--product:has([data-mix-match-selectors]) .mm-price {
  margin: 8px 0 0 !important;
  padding-bottom: 0 !important;
}

/* Add spacing above ATC button */
.shopify-section--product:has([data-mix-match-selectors]) .product__submit__holder {
  margin-top: 4px !important;
  padding-top: 0 !important;
}

.shopify-section--product:has([data-mix-match-selectors]) .product__submit__buttons {
  margin-top: 0;
}

/* ATC subheading text */
.atc-subheading {
  display: block;
  font-family: var(--FONT-STACK-BODY);
  font-weight: var(--FONT-WEIGHT-BODY);
  font-size: calc(0.75rem * var(--adjust-body));
  color: #7D726D; /* Espresso 70 */
  margin-top: 4px;
}

/* Hover */
.mm-size-selector .radio__input:not(:checked) + .radio__label:hover {
  background: var(--color-sand-50, #F2EFEB);
}

/* Hide the radio input */
.mm-size-selector .radio__input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* --- Sticky ATC bar (mobile only) --- */
.mm-sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  padding: 8px var(--gutter-mobile, 20px);
  padding-bottom: calc(6px + env(safe-area-inset-bottom));
  background: var(--bg, #fff);
  box-shadow: 0 -2px 12px rgba(64, 54, 51, 0.08);
  transform: translateY(100%);
  transition: transform 0.3s ease;
  display: none;
}

@media only screen and (max-width: 767px) {
  .mm-sticky-atc {
    display: block;
  }
}

.mm-sticky-atc--visible {
  transform: translateY(0);
}

.mm-sticky-atc__btn {
  width: 100%;
}

.mm-sticky-atc .atc-subheading {
  text-align: center;
}

.mm-sticky-atc__btn--sold-out {
  background-color: var(--text-alpha-10, rgba(64,54,51,0.1)) !important;
  color: var(--text-alpha-50, rgba(64,54,51,0.5)) !important;
  cursor: not-allowed;
  pointer-events: none;
}

/* --- Judge.me Reviews Badge --- */
.mm-reviews {
  margin-bottom: 8px;
}

/* --- Model Info Overlay --- */
.mm-model-info {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 8px 14px;
  font-family: var(--font-social--reg, 'ABCSocial-Regular', Helvetica, Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  color: #403633;
  border-radius: 8px;
  z-index: 10;
  max-width: 80%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  line-height: 1.4;
}

.mm-model-info--visible {
  opacity: 1;
}

@media screen and (max-width: 749px) {
  .mm-model-info {
    font-size: 11px;
    padding: 6px 10px;
    bottom: 12px;
    left: 12px;
    max-width: 80%;
    border-radius: 6px;
  }
}

/* --- Custom reviews section & widget --- */
.mm-reviews-section__title {
  font-family: var(--font-oracle, var(--FONT-STACK-HEADING)), sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #403633;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 24px;
}

/* --- Custom Judge.me reviews (for dynamic product switching) --- */
.mm-reviews-widget {
  padding: 20px 0;
}
.mm-reviews-summary {
  text-align: center;
  margin-bottom: 24px;
  font-family: var(--font-social--reg), sans-serif;
}
.mm-reviews-summary__stars {
  color: #403633;
  font-size: 20px;
  letter-spacing: 2px;
}
.mm-reviews-summary__rating {
  font-size: 16px;
  color: #403633;
  font-weight: 700;
}
.mm-reviews-summary__count {
  font-size: 14px;
  color: #7D726D;
}
.mm-reviews-list {
  max-width: 700px;
  margin: 0 auto;
}
.mm-review {
  padding: 20px 0;
  border-bottom: 1px solid #F2EFEB;
}
.mm-review:last-child {
  border-bottom: none;
}
.mm-review__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.mm-review__stars {
  color: #403633;
  font-size: 14px;
  letter-spacing: 2px;
}
.mm-review__date {
  font-size: 12px;
  color: #A29A97;
  font-family: var(--font-social--reg), sans-serif;
}
.mm-review__title {
  font-family: var(--font-oracle, var(--font-social--reg)), sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #403633;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.mm-review__body {
  font-family: var(--font-social--reg), sans-serif;
  font-size: 14px;
  color: #7D726D;
  line-height: 1.5;
  margin-bottom: 8px;
}
.mm-review__body p {
  margin: 0;
}
.mm-review__author {
  font-family: var(--font-social--reg), sans-serif;
  font-size: 13px;
  color: #403633;
  font-weight: 500;
}
.mm-review__images {
  display: flex;
  gap: 8px;
  margin: 8px 0;
}
.mm-review__inline-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 200ms ease;
}
.mm-review__inline-img:hover {
  opacity: 0.8;
}
.mm-review__verified {
  color: #276254;
  font-size: 12px;
  margin-left: 6px;
}
.mm-reviews-load-more {
  text-align: center;
  padding: 20px 0;
}
.mm-reviews-load-more__btn {
  font-family: var(--font-social--reg), sans-serif;
  font-size: 14px;
  color: #403633;
  background: none;
  border: 1px solid #DCD4C9;
  border-radius: 100px;
  padding: 10px 28px;
  cursor: pointer;
  transition: background 200ms ease;
}
.mm-reviews-load-more__btn:hover {
  background: #F2EFEB;
}
.mm-reviews-load-more__btn:disabled {
  opacity: 0.5;
  cursor: default;
}

/* Review photo gallery */
.mm-review-gallery {
  margin: 0 0 24px;
  position: relative;
}
.mm-review-gallery--has-overflow::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.9));
  pointer-events: none;
  z-index: 1;
}
.mm-review-gallery__track {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.mm-review-gallery__track::-webkit-scrollbar {
  display: none;
}
.mm-review-gallery__thumb {
  flex: 0 0 calc((100% - 32px) / 5);
  scroll-snap-align: start;
  aspect-ratio: 1;
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 200ms ease;
}
.mm-review-gallery__thumb:hover {
  opacity: 0.8;
}
.mm-review-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Lightbox */
.mm-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mm-lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.mm-lightbox__content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mm-lightbox__img {
  max-width: 80vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 8px;
}
.mm-lightbox__close {
  position: absolute;
  top: -40px;
  right: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  padding: 8px;
  z-index: 1;
}
.mm-lightbox__prev,
.mm-lightbox__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 8px;
  transition: background 200ms ease;
  z-index: 1;
}
.mm-lightbox__prev:hover,
.mm-lightbox__next:hover {
  background: rgba(255, 255, 255, 0.3);
}
.mm-lightbox__prev {
  left: -60px;
}
.mm-lightbox__next {
  right: -60px;
}
.mm-lightbox__counter {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: var(--font-social--reg), sans-serif;
}
@media only screen and (max-width: 767px) {
  .mm-lightbox__prev { left: 8px; }
  .mm-lightbox__next { right: 8px; }
  .mm-lightbox__img { max-width: 95vw; max-height: 75vh; }

.mm-size-selector .radio__fieldset--sizeguide {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mm-size-selector .radio__buttons {
  display: flex !important;
  width: 100% !important;
   gap: 0 !important;
}
.mm-size-selector .radio__button {
  display: inline-flex !important;
  flex: 1 1 0% !important;
  margin: 0 !important;
  max-width: none !important;
  
}
body .shopify-section--product .mm-size-selector .radio__fieldset,
body .shopify-section--product .mm-size-selector .radio__buttons,
body .shopify-section--product .mm-size-selector .radio__fieldset--sizeguide {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}