/* moonboot.com swatch__button--circle (sibling__link) */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__dot, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__dot {
  position: relative;
  display: inline-block;
  padding: 3px;
  border: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__fill, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__fill {
  position: relative;
  display: block;
  width: 31.5px;
  height: 31.5px;
  border: 1px solid #d1d0ce;
  border-radius: 50%;
  background-size: cover;
}

/* Selected: 13.5px white center dot */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__dot--selected, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__dot--selected {
  cursor: default;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__dot--selected .mb-pdp-swatches__fill::after, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__dot--selected .mb-pdp-swatches__fill::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13.5px;
  height: 13.5px;
  border: 1px solid #d1d0ce;
  border-radius: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}

/* Out of stock: diagonal strike */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__dot--oos .mb-pdp-swatches__fill::before, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__dot--oos .mb-pdp-swatches__fill::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #000000;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 750px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pdp-swatches__fill, .cc_h7fu2cqv_OyeDaXWUBo .mb-pdp-swatches__fill {
    width: 27px;
    height: 27px;
  }
}

/* moonboot.com product block (index-products), measured @390/@1440 —
   shared by the home ProductSlider and the PDP related/recently grids:
   50px top padding (30px bottom on phones, 50 ≥750), 16/30/50px side
   gutters; title 32px (40px ≥750) with the pill stacked under it on
   phones, beside it ≥750; 24px to a 2/4-column card grid, 8px gaps. */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider {
  box-sizing: border-box;
  width: 100%;
  padding: 50px 16px 30px;
  font-family: var(--mb-font-cond);
  font-size: 18px;
  line-height: 18px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider *, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider *, .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider *::before, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider *::before, .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider *::after, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider *::after {
  box-sizing: border-box;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__head, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__head {
  position: relative;
  margin-bottom: 24px;
  overflow-wrap: break-word;
}

/* Spacing on the wrapper: the storefront resets h1–h6 margins */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__heading-text, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__heading-text {
  margin-bottom: 18px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__heading-text:last-child, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__heading-text:last-child {
  margin-bottom: 0;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__title, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__title {
  margin: 0;
  font-family: var(--mb-font-cond-bold);
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

/* Black pill: 54px tall, 15/30px padding, 16px uppercase */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__btn, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 15px 30px;
  border: 1px solid #000000;
  border-radius: 100px;
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--mb-font-cond);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.32px;
  white-space: nowrap;
  transition:
    color 0.25s ease-out,
    background 0.25s ease-out,
    border 0.25s ease-out;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__btn:hover, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__btn:hover {
  background: #ffffff;
  color: #000000;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__grid, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__cell, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__cell {
  min-width: 0;
}

@media (min-width: 750px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider {
    padding: 50px 30px;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__head, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__heading-text, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__heading-text {
    flex: 0 1 60%;
    margin-bottom: 0;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__actions, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__actions {
    flex-shrink: 0;
    max-width: 50%;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__title, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__title {
    font-size: 40px;
    line-height: 40px;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__grid, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* 4-up cards set the name at 22/30.8 (the PLP card uses 24.75) */
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider .mb-ptile--plp .mb-ptile__name, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider .mb-ptile--plp .mb-ptile__name {
    font-size: 22px;
    line-height: 30.8px;
  }
}

@media (min-width: 990px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* ---- layout="slider": moonboot.com index-tab-collections ("New In") ----
   Measured @1440/@1000/@390. The block is a size container so cards can
   be sized off its inner width (the reference: (100vw − 2 × outer) ×
   .28 ≥990, × .38 ≥750; phones 100% − 50px of the row after its 16px
   left pad). The row spans the full width (negative gutter margins) and
   snaps each card to the gutter. */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider--slider, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider--slider {
  container-type: inline-size;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__viewport, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__viewport {
  --mb-ps-gutter: 16px;
  --mb-ps-item: calc(100cqw + var(--mb-ps-gutter) - 50px);
  position: relative;
  margin: 0 calc(var(--mb-ps-gutter) * -1);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__track, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__track {
  display: flex;
  flex-flow: row nowrap;
  overflow: auto hidden;
  padding: 0 var(--mb-ps-gutter);
  scroll-snap-type: x mandatory;
  scroll-padding: var(--mb-ps-gutter);
  scrollbar-width: none;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__track::-webkit-scrollbar, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__track::-webkit-scrollbar {
  display: none;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__track .mb-pslider__cell, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__track .mb-pslider__cell {
  flex: 0 0 var(--mb-ps-item);
  max-width: var(--mb-ps-item);
  margin-right: 8px;
  scroll-snap-align: start;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__track .mb-pslider__cell:last-child, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__track .mb-pslider__cell:last-child {
  margin-right: 0;
}

/* 40px round arrows centred on the card images, one gutter in from the
   edges;
   hidden until the row is hovered, gone at either end */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow {
  position: absolute;
  top: calc(var(--mb-ps-item) * 0.65);
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
  color: #000000;
  border: 0;
  border-radius: 100px;
  box-shadow:
    rgba(0, 0, 0, 0.04) 0 2px 6px,
    rgba(0, 0, 0, 0.02) 0 2px 2px;
  cursor: pointer;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow svg, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow svg {
  width: 28px;
  height: 28px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow--prev, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow--prev {
  left: var(--mb-ps-gutter);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow--next, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow--next {
  right: var(--mb-ps-gutter);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow--off, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow--off {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (min-width: 750px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__viewport, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__viewport {
    --mb-ps-gutter: 30px;
    --mb-ps-item: calc(100cqw * 0.38);
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow {
    display: flex;
  }
}

@media (min-width: 750px) and (hover: hover) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow {
    opacity: 0;
    transition:
      opacity 0.2s ease-in-out,
      transform 0.2s ease-in-out,
      visibility 0.2s;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow--prev, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow--prev {
    transform: translate(-100%);
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow--next, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow--next {
    transform: translate(100%);
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__viewport:hover .mb-pslider__arrow:not(.mb-pslider__arrow--off), .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__viewport:hover .mb-pslider__arrow:not(.mb-pslider__arrow--off), .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__arrow:focus-visible, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__arrow:focus-visible {
    opacity: 1;
    transform: translateZ(0);
  }
}

@media (min-width: 990px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-pslider__viewport, .cc_h7fu2cqv_OyeDaXWUBo .mb-pslider__viewport {
    --mb-ps-gutter: 50px;
    --mb-ps-item: calc(100cqw * 0.28);
  }
}

/* moonboot.com quick add (dialog.product-quick-add), measured @1440/@390.
   ≥750: 380px right panel over a 40% black veil; <750: bottom sheet. */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa {
  position: fixed;
  inset: 0;
  z-index: var(--mb-z-overlay);
  color: #000000;
  font-family: var(--mb-font);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__veil, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__veil {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa--open .mb-qa__veil, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa--open .mb-qa__veil {
  opacity: 1;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__panel, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 380px;
  overflow: hidden auto;
  background: #ffffff;
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition:
    transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.4s ease;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa--open .mb-qa__panel, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa--open .mb-qa__panel {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 36px black ✕ pinned to the panel's top-right corner */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__close-row, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__close-row {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex: none;
  justify-content: flex-end;
  height: 36px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__close, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 9px;
  background: #000000;
  color: #ffffff;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__close svg, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__close svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__layout, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__layout {
  display: grid;
  grid-template-rows: 50vh 1fr;
  flex: 1 0 auto;
  min-height: 100%;
}

/* ---- Image slider: 50vh, crossfade 0.3s, hover reveals arrows ---- */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__images, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__images {
  position: relative;
  overflow: hidden;
  height: 50vh;
  background: #ffffff;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__slide, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0s linear 0.3s;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__slide--active, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__slide--active {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.3s,
    visibility 0s;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__slide img, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__arrow, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding: 0;
  background: #ffffff;
  color: #000000;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  opacity: 0;
  transition:
    opacity 0.3s,
    transform 0.3s;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__arrow svg, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__arrow svg {
  width: 18px;
  height: 18px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__arrow--prev, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__arrow--prev {
  left: 0;
  transform: translateX(-40px);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__arrow--next, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__arrow--next {
  right: 0;
  transform: translateX(40px);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__images:hover .mb-qa__arrow, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__images:hover .mb-qa__arrow, .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__arrow:focus-visible, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__arrow:focus-visible {
  opacity: 1;
  transform: translateX(0);
}

/* ---- Form: 20px padding; label / name / price / colour / sizes ---- */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__form, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__form {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__form-inner, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__form-inner {
  display: flex;
  flex-direction: column;
  flex: 0 1 550px;
  min-width: 0;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__label, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__label {
  margin: 0 0 6px;
  font-family: var(--mb-font-cond);
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__title, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__title {
  margin: 0 0 2px;
  font-family: var(--mb-font-cond-bold);
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__price, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__price {
  min-height: 43px;
  margin: 0;
  padding-top: 4px;
  font-size: 18px;
  line-height: 23px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__block, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__block {
  border-bottom: 1px solid #f1f1f1;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__block--color, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__block--color {
  margin-bottom: 16px;
  padding: 16px 0;
  border-top: 1px solid #f1f1f1;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__block--size, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__block--size {
  margin-bottom: 16px;
  padding: 0 0 16px;
}

/* Legend column (name over value) beside the options, 2rem apart */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__fieldset, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__fieldset {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__legend, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__legend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__legend-name, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__legend-name {
  font-family: var(--mb-font-cond-bold);
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  text-transform: capitalize;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__legend-value, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__legend-value {
  font-size: 14.625px;
  line-height: 14.625px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__sizes, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__sizes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__size, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__size {
  height: 42px;
  padding: 0;
  background: transparent;
  color: #000000;
  border: 1px solid rgb(191, 196, 203);
  border-radius: 4.5px;
  font-family: var(--mb-font);
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__size--oos, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__size--oos {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.35);
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__size--selected, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__size--selected {
  background: #ffffff;
  border-color: #000000;
}

/* Sticky light band holding the black "ADD TO CART • price" pill */
.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__buttons, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__buttons {
  position: sticky;
  bottom: 0;
  z-index: 3;
  margin: auto 0 -20px;
  padding: 36px 0 20px;
  background: #f1f1f1;
  box-shadow: 0 0 10px 10px #f1f1f1;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__atc, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__atc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  padding: 15px 30px;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  border-radius: 100px;
  font-family: var(--mb-font);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__atc:disabled, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__atc:disabled {
  cursor: default;
  opacity: 0.5;
}

.cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__atc-price::before, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__atc-price::before {
  content: "\2022";
  margin: 0 5px;
}

/* ---- Phones: bottom sheet, no images ---- */
@media (max-width: 749px) {
  .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__panel, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__panel {
    top: auto;
    left: 0;
    right: auto;
    max-width: 100%;
    max-height: 95%;
    border-radius: 10px 10px 0 0;
    opacity: 1;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.5s ease;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__layout, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__layout {
    display: block;
    min-height: 0;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__images, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__images {
    display: none;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__title, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__title {
    padding-right: 40px;
    font-size: 24px;
    line-height: 26.5px;
  }

  .cc_h7fu2cqv_Z9wSPps8Pg .mb-qa__buttons, .cc_h7fu2cqv_OyeDaXWUBo .mb-qa__buttons {
    margin-top: 0;
  }
}