#storefrontPreview.ls-clothing {

.mz-sheet {
  position: fixed;
  inset: 0;
  z-index: 10050;
  visibility: hidden;
  pointer-events: none;
}

.mz-sheet.is-open {
  visibility: visible;
  pointer-events: auto;
}

.mz-sheet__scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .38);
  opacity: 0;
  transition: opacity .28s ease;
}

.mz-sheet.is-open .mz-sheet__scrim { opacity: 1; }

.mz-sheet__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px 14px 0 0;
  padding: 10px 20px calc(22px + env(safe-area-inset-bottom));
  transform: translateY(100%);
  transition: transform .34s cubic-bezier(.16, .84, .44, 1);
  max-height: 84vh;
}

.mz-sheet.is-open .mz-sheet__panel { transform: translateY(0); }

.mz-sheet__grab {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: #dcdcdc;
  margin: 0 auto 16px;
  flex: none;
}

.mz-sheet__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  flex: none;
}

.mz-sheet__thumb-wrap {
  width: 52px;
  height: 62px;
  background: #f4f4f4;
  flex: none;
  overflow: hidden;
}

.mz-sheet__thumb {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.mz-sheet__meta { flex: 1; min-width: 0; }

.mz-sheet__title {
  font-family: "New York", "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.2;
  color: #111;
  margin-bottom: 5px;
}

.mz-sheet__price {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #777;
  letter-spacing: .06em;
}

.mz-sheet__x {
  border: 0;
  background: none;
  font-size: 26px;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0 2px;
  flex: none;
}

.mz-sheet__label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 10px;
  flex: none;
}

.mz-sheet__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
  flex: none;
}

.mz-sheet__label-row .mz-sheet__label { margin: 0; }

.mz-sheet__guide-link {
  padding: 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: #111;
  font: 10px/1.2 Helvetica, Arial, sans-serif;
  letter-spacing: .18em;
  cursor: pointer;
}

.mz-guide { position: fixed; inset: 0; z-index: 10070; visibility: hidden; pointer-events: none; overscroll-behavior: none; background: #fff; touch-action: manipulation; }
.mz-guide button { touch-action: manipulation; }
.mz-guide.is-open { visibility: visible; pointer-events: auto; }
.mz-guide__scrim { position: absolute; inset: 0; background: rgba(0,0,0,.42); opacity: 0; transition: opacity .24s ease; }
.mz-guide.is-open .mz-guide__scrim { opacity: 1; }
.mz-guide__panel { position: absolute; inset: 0; height: 100vh; height: 100svh; box-sizing: border-box; display: flex; flex-direction: column; background: #fff; transform: translateY(12px); opacity: 0; transition: transform .26s ease, opacity .26s ease; padding: env(safe-area-inset-top) 20px max(12px, env(safe-area-inset-bottom)); overflow: hidden; overscroll-behavior: none; }
.mz-guide.is-open .mz-guide__panel { transform: translateY(0); opacity: 1; }
.mz-guide__header { min-height: 40px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e8e8e8; flex: none; }
.mz-guide__header h2, .mz-guide__header button { margin: 0; font: 10px/1.2 Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; color: #111; }
.mz-guide__header h2 { font-weight: 400; }
.mz-guide__header button { border: 0; background: transparent; cursor: pointer; padding: 8px 0 8px 12px; }
.mz-guide__header button span { font-size: 14px; vertical-align: -1px; margin-left: 4px; }
.mz-guide__body { flex: 1; min-height: 0; width: 100%; max-width: 520px; box-sizing: border-box; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; padding: 20px 2px 0; }
.mz-guide__diagram { width: min(100%, 520px); flex: 0 1 auto; aspect-ratio: 8 / 7; margin: 0 auto 18px; min-height: 0; }
.mz-guide__diagram img { width: 100%; height: 100%; object-fit: contain; object-position: center top; }
.mz-guide__outline { display: none; }
.mz-guide__outline.is-active { display: block; }
.mz-guide[data-garment="viper-hoodie"] .mz-guide__standard-measurement-guides { display: none; }
.mz-guide__measure-tools { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: none; margin: 18px 0 0; }
.mz-guide__measure-note { margin: 0; color: #777; font: 8px/1.3 Helvetica, Arial, sans-serif; letter-spacing: .06em; }
.mz-guide__units { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(2, 1fr); width: 60px; height: 24px; box-sizing: border-box; padding: 2px; border: 1px solid #d5d5d5; border-radius: 999px; background: #fff; }
.mz-guide__units::before { content: ''; position: absolute; top: 2px; bottom: 2px; left: 2px; width: calc((100% - 4px) / 2); border-radius: 999px; background: #111; transform: translateX(0); transition: transform .24s cubic-bezier(.22, .61, .36, 1); pointer-events: none; }
.mz-guide__units[data-unit='in']::before { transform: translateX(100%); }
.mz-guide__units button { position: relative; z-index: 1; min-width: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: #777; font: 8px Helvetica, Arial, sans-serif; cursor: pointer; transition: color .24s ease; }
.mz-guide__units button[aria-pressed='true'] { color: #fff; }
.mz-guide__units button:focus-visible, .mz-guide__size:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.mz-guide__product { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 16px 0; font: 12px/1.3 Helvetica, Arial, sans-serif; flex: none; }
.mz-guide__product [data-mz-guide-product] { flex: 1; min-width: 0; font-family: 'Times New Roman', Times, serif; font-weight: 400; color: #111; }
.mz-guide__product [data-mz-guide-price] { flex: none; white-space: nowrap; text-align: right; color: #111; font-weight: 400; }
.mz-guide__product [data-mz-guide-product], .mz-guide__product [data-mz-guide-price] { font: 400 12px/1.3 'Times New Roman', Times, serif; }
.mz-guide__product [data-mz-guide-product] { font-size: 14px; }
.mz-guide__size-tabs { display: grid; grid-template-columns: repeat(var(--mz-size-count, 5), minmax(0, 1fr)); gap: 6px; width: 100%; box-sizing: border-box; margin: 32px 0 10px; border: 0; flex: none; }
.mz-guide__size { min-width: 0; height: 32px; border: 1px solid #d5d5d5; border-radius: 8px; background: #fff; color: #111; font: 9px Helvetica, Arial, sans-serif; cursor: pointer; }
.mz-guide__size:disabled { color: #b8b8b8; cursor: not-allowed; text-decoration: line-through; }
.mz-guide__size:last-child { border-right: 1px solid #d5d5d5; }
.mz-guide__size.is-selected { background: #111; color: #fff; }
.mz-guide__measurements { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; font: 9px/1.2 Helvetica, Arial, sans-serif; flex: none; }
.mz-guide__measurements[hidden] { display: none; }
.mz-guide__measurement { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; min-height: 36px; box-sizing: border-box; padding: 11px 0; border-bottom: 1px solid #e5e5e5; }
.mz-guide__measurement:nth-child(odd) { padding-right: 14px; border-right: 1px solid #e5e5e5; }
.mz-guide__measurement:nth-child(even) { padding-left: 14px; }
.mz-guide__measurement span { padding: 0; border: 0; }
.mz-guide__measurement span:last-child { flex: none; white-space: nowrap; text-align: right; }
.mz-guide__add { position: relative; box-sizing: border-box; width: 100%; height: 43px; min-height: 38px; padding: 8px 18px; margin-top: 14px; border: 0; border-radius: 8px; background: #000; color: #fff; font: 11px Helvetica, Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; flex: none; }
.mz-guide__add:disabled:not([aria-busy='true']) { background: #d9d9d9; color: #888; cursor: not-allowed; }
.mz-guide__add[aria-busy='true'] { background: #000; color: #fff; opacity: 1; cursor: wait; }
.mz-guide__add .mz-sheet__added .checkmark-burst { width: 26px; height:26px; }
.mz-guide__add[data-added='true'] { color: transparent; }
.mz-guide__add[data-added='true'] .mz-sheet__added { opacity: 1; }
.mz-guide__add[data-added='true'] .check { opacity: 1; scale: 1; filter: blur(0); }
@media (max-height: 700px) {
  .mz-guide__header { min-height: 36px; }
  .mz-guide__body { padding-top: 18px; }
  .mz-guide__diagram { width: min(100%, 460px); margin-bottom: 12px; }
  .mz-guide__measure-tools { margin-top: 12px; margin-bottom: 0; }
  .mz-guide__product { padding: 13px 0; }
  .mz-guide__measurements { margin-top: 12px; }
  .mz-guide__measurement { min-height: 34px; padding-top: 9px; padding-bottom: 9px; }
  .mz-guide__size-tabs { margin: 24px 0 7px; }
  .mz-guide__size { height: 30px; }
  .mz-guide__add { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .mz-guide__scrim, .mz-guide__panel, .mz-guide__units::before, .mz-guide__units button { transition: none; } }

/* the size list is the part that scrolls when there are a lot of options */
.mz-sheet__sizes {
  display: grid;
  grid-template-columns: repeat(var(--mz-size-count, 5), minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 22px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  flex: 1 1 auto;
}

.mz-sheet__size {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 4px;
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 8px;
  font: 9px/1 Helvetica, Arial, sans-serif;
  color: #111;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.mz-sheet__size:hover { border-color: #999; }

.mz-sheet__size.is-selected {
  border-color: #111;
  background: #111;
  color: #fff;
}

.mz-sheet__size.is-soldout {
  color: #c4c4c4;
  cursor: not-allowed;
  text-decoration: line-through;
  background: #fafafa;
}

.mz-sheet__add {
  position: relative;
  overflow: hidden;
  flex: none;
  width: 100%;
  border: 0;
  border-radius: 8px;
  padding: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: #d9d9d9;
  color: #8d8d8d;
  cursor: not-allowed;
  transition: background .2s ease, color .2s ease;
}

.mz-sheet__add:not([disabled]) {
  background: #000;
  color: #fff;
  cursor: pointer;
}

.mz-sheet__add[data-added='true'] { color: transparent; }

.mz-sheet__added {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
  color: #fff;
}

.mz-sheet__added .checkmark-burst {
  display: block;
  width: 26px;
  height: 26px;
  opacity: 1;
  overflow: visible;
}

.mz-sheet__added .check {
  opacity: .15;
  scale: .78;
  filter: blur(2px);
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity .22s ease, scale .26s cubic-bezier(.16, .84, .44, 1), filter .22s ease;
}

.mz-sheet__add[data-added='true'] .mz-sheet__added { opacity: 1; }

.mz-sheet__add[data-added='true'] .check {
  opacity: 1;
  scale: 1;
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  .mz-sheet__panel { transition: none; }
  .mz-sheet__added .check { transition: opacity .16s ease; scale: 1; filter: none; }
}

}

/* Phone-scoped adaptation: preserve the original artwork's exact preview scale. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website){position:relative;isolation:isolate}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-art{height:350px!important;position:relative}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-gallery{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-gallery::-webkit-scrollbar{display:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-slide{flex:0 0 100%;min-width:0;height:100%;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-slide>img{display:block;width:72%;height:84%;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination{position:absolute;bottom:12px;left:18px;right:18px;display:flex;gap:0;z-index:1}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination button{flex:1;min-width:0;padding:7px 0;border:0;background:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination i{display:block;width:100%;height:1px;background:#d9d9d9}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination button[aria-pressed=true] i{background:#111}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-trigger{width:100%;height:32px;min-height:32px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 11px;margin-top:25px;box-sizing:border-box}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left{display:flex;align-items:center;gap:9px;height:100%;min-width:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left strong,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left em{font:500 9px/1 'Times New Roman',serif;letter-spacing:.02em;margin:0;padding:0;color:#111;font-style:normal}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left strong{text-transform:uppercase}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-divider{display:block;width:1px;height:14px;background:#d9d9d9}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-ruler-icon{display:grid;place-items:center;width:22px;height:18px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-ruler-icon svg{width:20px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-main-add{position:relative;margin-top:17px;min-height:32px;border-radius:6px;overflow:hidden}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-main-add[data-added=true]{color:transparent}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-main-add[data-added=true] .mz-sheet__added{opacity:1}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-main-add[data-added=true] .check{opacity:1;scale:1;filter:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-product-details{margin-top:28px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-icon-button[data-study-action=bag]{position:relative}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-count{position:absolute;right:-5px;top:0;min-width:11px;height:11px;border-radius:50%;background:#111;color:white;display:grid;place-items:center;font:6px Arial,sans-serif}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-count[hidden]{display:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide{position:absolute!important;z-index:7;inset:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide{z-index:8}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__panel{max-height:84%;padding:8px 15px 17px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__head{gap:9px;margin-bottom:17px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__thumb-wrap{width:39px;height:47px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__title{font:11px/1.2 'Times New Roman',serif}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__price{font-size:9px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__label,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__guide-link{font-size:8px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__guide-link{border-bottom:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__size,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__size{border-radius:6px;height:26px;font-size:8px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__add{border-radius:6px;padding:12px;font-size:8px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__panel{height:100%!important;max-height:100%;padding:0 14px 12px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__body{padding:12px 0 0;max-width:none;gap:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__diagram{flex:1 1 auto;aspect-ratio:auto;height:0;min-height:60px;width:100%;margin:0 0 10px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__product{min-height:28px;padding:10px 0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__product [data-mz-guide-product]{font-size:11px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__product [data-mz-guide-price]{font-size:9px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__size-tabs{margin:18px 0 7px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__add{border-radius:6px;height:32px;min-height:32px;font-size:8px;margin-top:9px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__measurement{min-height:28px;padding-top:8px;padding-bottom:8px;font-size:7px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__measure-tools{margin-top:12px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__measure-note{font-size:6px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__units{width:48px;height:20px;border-radius:999px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__units button{font-size:6px;border-radius:999px}
/* Overlay focus must never scroll the phone's clipped product canvas. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website){overflow:clip!important}

/* Compact matching controls; enlarge only the images within the existing box. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left strong,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left em{font-size:7px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-info>.luxury-size-trigger,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-info>.ls-monteli-main-add{height:28px;min-height:28px;width:100%;padding-top:0;padding-bottom:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-info>.ls-monteli-main-add{margin-top:8px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-slide>img{width:90%;height:100%}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination{position:relative;bottom:auto;left:auto;right:auto;flex:none;height:14px;min-height:14px;margin:0 18px;align-items:center}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-pagination button{padding:6px 0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-info{padding-top:7px}

/* Clothing preview only: black ruler and compact drawer heading. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-ruler-icon{color:#000}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-ruler-icon svg{stroke:#000}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__head{display:grid;grid-template-columns:39px minmax(0,1fr) 14px;grid-template-rows:14px auto;column-gap:9px;row-gap:4px;align-items:start}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__thumb-wrap{grid-column:1;grid-row:1 / span 2}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__meta{display:contents}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__title{grid-column:2;grid-row:1;font-size:10px;line-height:14px;margin:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__price{grid-column:2;grid-row:2;font-size:6px;line-height:1.3;letter-spacing:.03em}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__x{grid-column:3;grid-row:1;display:grid;place-items:center;width:14px;height:14px;padding:0;margin:0;border:0;background:transparent;color:#111}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__x svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__guide-link:disabled{color:#111;opacity:1;cursor:default;pointer-events:none}

/* Keep the three product-information rows as display-only labels. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-detail-static{padding:11px 0;letter-spacing:.025em;cursor:default;user-select:text}
/* Center the title and readable price beside the image in the size sheet. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__head{grid-template-rows:1fr 14px 12px 1fr;row-gap:2px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__thumb-wrap{grid-row:1 / span 4}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__title{grid-row:2}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__price{grid-row:3;font-size:8px;line-height:12px;transform:translateY(2px)}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__x{grid-row:2}
/* Increase the product photos within the same 350px stage. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-monteli-slide>img{width:96%;height:100%}

/* Website view uses the same MONTELI gallery and size interaction in its two-column composition. */
#storefrontPreview.ls-website.ls-clothing{position:relative;isolation:isolate;overflow:clip}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-layout{display:grid;grid-template-columns:57% 43%;grid-template-rows:690px 24px;min-height:714px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-art{grid-column:1;grid-row:1;height:690px!important;min-height:0}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination{grid-column:1;grid-row:2;margin:0 25px;height:24px;min-height:24px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:0;padding:34px 32px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info h3{font:16px/1.3 'Times New Roman',serif}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{font-size:11px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:28px}
#storefrontPreview.ls-website.ls-clothing .ls-detail-static{font-size:8px}
#storefrontPreview.ls-website.ls-clothing .mz-sheet__panel{left:auto;right:0;width:43%;box-sizing:border-box;max-height:84%;border-radius:10px 0 0 0}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-layout{grid-template-columns:52% 48%;grid-template-rows:530px 20px;min-height:550px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-art{height:530px!important}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info{padding:20px 13px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info h3{font-size:10px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{font-size:8px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination{height:20px;min-height:20px;margin:0 10px}
 #storefrontPreview.ls-website.ls-clothing .mz-sheet__panel{width:48%}
}

/* Give the desktop gallery image a definite height inside its fixed stage. */
#storefrontPreview.ls-website.ls-clothing .ls-monteli-slide>img{height:475px!important}
@media(max-width:640px){#storefrontPreview.ls-website.ls-clothing .ls-monteli-slide>img{height:350px!important}}

/* Clothing purchase layout: shared edges, shallow controls and a quiet lower recommendation. */
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info{align-self:stretch;display:flex;flex-direction:column;box-sizing:border-box;padding:104px 32px 24px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info h3{font-size:18px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{margin-top:3px}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-trigger,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-trigger *{text-decoration:none!important;box-shadow:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left strong,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left em{border:0;background:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-trigger::after,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .luxury-size-left strong::after{content:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .ls-fashion-info>.ls-monteli-main-add{font-size:6px;letter-spacing:.14em;border-radius:0}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger,
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-monteli-main-add{width:100%;height:20px;min-height:20px;padding-top:0;padding-bottom:0;box-sizing:border-box;border-radius:0;flex:none}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:42px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-monteli-main-add{margin-top:6px;padding:0}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:36px;width:100%}
#storefrontPreview.ls-website.ls-clothing .ls-detail-static{margin-top:0;padding:7px 0;line-height:13px}
#storefrontPreview.ls-clothing .ls-monteli-related{margin-top:auto;padding-top:28px;width:100%}
#storefrontPreview.ls-clothing .ls-monteli-related h4{font:400 12px/1.3 'Times New Roman',serif;margin:0 0 12px}
#storefrontPreview.ls-clothing .ls-monteli-related figure{display:block;margin:0;width:100%}
#storefrontPreview.ls-clothing .ls-monteli-related-art{display:grid;place-items:center;width:100%;height:150px;background:#eee}
#storefrontPreview.ls-clothing .ls-monteli-related img{width:40%;height:70%;object-fit:contain;background:transparent}
#storefrontPreview.ls-clothing .ls-monteli-related figcaption{display:flex;flex-direction:column;gap:4px;padding-top:9px;text-align:left;font:400 10px/1.4 'Times New Roman',serif;color:#111}
#storefrontPreview.ls-clothing .ls-monteli-related-price{font:400 8px/1.4 Helvetica,Arial,sans-serif;color:#666}

/* One reading order in both slide-up drawers: product, size selection, then action. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__panel{left:0;right:0;bottom:0;width:100%;height:auto;min-height:0;max-height:85%;padding:10px 24px 20px;display:flex;flex-direction:column;gap:0;border-radius:0;box-sizing:border-box;overflow-y:auto;box-shadow:0 -8px 30px #00000008}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__grab{width:28px;height:2px;margin:0 auto 16px;background:#ccc}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__head{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;grid-template-rows:auto;gap:12px;align-items:center;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid #eee}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__thumb-wrap{grid-column:1;grid-row:auto;width:44px;height:52px;background:#f4f4f4}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__meta{display:flex;flex-direction:column;gap:5px;grid-column:2;min-width:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__title{font:400 12px/1.3 'Times New Roman',serif;margin:0}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__price{font:400 8px/1.4 Helvetica,Arial,sans-serif;letter-spacing:0;transform:none;color:#777}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__x{grid-column:3;grid-row:auto;align-self:start;width:22px;height:22px;border:0;box-shadow:none;background:none;justify-self:end}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__label-row{width:100%;margin:0 0 9px;align-items:center}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__label,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__guide-link{font:400 7px/1.4 Helvetica,Arial,sans-serif;letter-spacing:.12em;text-decoration:none;border:0;background:none}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__sizes{width:100%;flex:none;gap:5px;margin:0 0 13px;overflow:visible}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__size{height:24px;min-height:24px;padding:0;border-radius:0;font-size:8px;border-color:#ddd}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__size.is-selected{border-color:#111}
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__add,
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-guide__add{width:100%;height:26px;min-height:26px;padding:0;border-radius:0;font-size:6px;letter-spacing:.14em}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info{padding:54px 13px 16px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info h3{font-size:11px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{margin-top:2px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger,
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-monteli-main-add{height:18px;min-height:18px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-monteli-main-add{font-size:5px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:30px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:28px}
 #storefrontPreview.ls-website.ls-clothing .ls-detail-static{font-size:6px;line-height:10px;padding:5px 0}
 #storefrontPreview.ls-clothing .ls-monteli-related{padding-top:22px}
 #storefrontPreview.ls-clothing .ls-monteli-related h4{font-size:9px;margin-bottom:9px}
 #storefrontPreview.ls-clothing .ls-monteli-related-art{height:110px}
 #storefrontPreview.ls-clothing .ls-monteli-related figcaption{font-size:8px;padding-top:7px}
 #storefrontPreview.ls-clothing .ls-monteli-related-price{font-size:7px}
 #storefrontPreview.ls-clothing .ls-monteli-related figure{gap:7px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__panel{padding:8px 18px 14px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__grab{margin-bottom:12px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__head{margin-bottom:12px;padding-bottom:12px;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__thumb-wrap{width:36px;height:42px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__title{font-size:10px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__price{font-size:7px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__size{height:22px;min-height:22px;font-size:7px}
 #storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__add{height:24px;min-height:24px}
}

/* Website clothing: image progress bar and compact recommendation rail. */
#showcaseStage:has(#storefrontPreview.ls-website.ls-clothing){height:auto!important;min-height:0!important}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination{position:absolute;left:24px;right:24px;bottom:16px;top:auto;margin:0;height:18px;min-height:18px;z-index:2;gap:4px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination button{height:18px;padding:7px 0;background:transparent}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination i{height:1px;background:#ccc}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination button[aria-pressed=true] i{background:#111}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track{display:flex;gap:8px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track::-webkit-scrollbar{display:none}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track figure{flex:0 0 calc((100% - 16px)/2.25);width:auto;min-width:0;scroll-snap-align:start}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-art{height:auto;aspect-ratio:1/1}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related img{width:66%;height:78%;object-fit:contain}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{font-size:9px;line-height:1.4}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-pagination{left:10px;right:10px;bottom:12px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track{gap:5px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track figure{flex-basis:calc((100% - 10px)/2.25)}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-art{height:auto;aspect-ratio:1/1}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{font-size:6px;gap:3px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-price{font-size:6px}
}

/* Clothing website: two recommendations within the original right column. */
#storefrontPreview.ls-website.ls-clothing .luxury-size-left strong,
#storefrontPreview.ls-website.ls-clothing .luxury-size-left em{font-size:6px}
#storefrontPreview.ls-website.ls-clothing .luxury-ruler-icon{width:16px;height:14px}
#storefrontPreview.ls-website.ls-clothing .luxury-ruler-icon svg{width:14px;height:12px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:56px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related{width:100%;box-sizing:border-box;margin-top:auto;padding:0;background:#fff}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related h4{font:400 13px/1.25 'Times New Roman',serif;margin:0 0 11px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track{display:flex;gap:8px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track figure{flex:0 0 calc((100% - 8px)/2);width:calc((100% - 8px)/2);min-width:0}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-art{width:100%;height:auto;aspect-ratio:4/5;background:#f7f7f7}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related img{width:100%;height:100%;object-fit:contain}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{display:flex;flex-direction:column;gap:3px;padding:8px 0 0;font:400 10px/1.2 'Times New Roman',serif;text-align:left}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-price{font:400 8px/1.3 Helvetica,Arial,sans-serif;color:#777}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:40px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related{padding:0}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related h4{font-size:9px;margin-bottom:7px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track{gap:5px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track figure{flex-basis:calc((100% - 5px)/2);width:calc((100% - 5px)/2)}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{font-size:7px;padding-top:5px;gap:2px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-price{font-size:6px}
}


/* Clothing fits the shared Bags-sized website viewport. */
#storefrontPreview.ls-website.ls-clothing .ls-fashion-layout{grid-template-rows:481px 24px;min-height:505px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-art{height:481px!important}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info{align-self:stretch;padding:34px 32px 16px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{font-size:10px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:16px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:26px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related h4{font-size:12px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related img{width:calc(100% - 2px);height:calc(100% - 2px)}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{font-size:9px}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-layout{grid-template-rows:365px 20px;min-height:385px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-art{height:365px!important}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info{padding:14px 13px 6px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.ls-price{font-size:7px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:8px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:12px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related h4{font-size:8px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related figcaption{font-size:6px}
}


/* Lower the purchase and information groups without changing the website frame. */
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info{padding-top:38px}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{
 margin-top:28px;padding-right:3px
}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:42px}
/* Trim empty vertical image margins; retain the garments' displayed scale. */
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-track figure{container-type:inline-size}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related-art{
 position:relative;display:block;height:calc(125cqw - 24px);aspect-ratio:auto;overflow:hidden
}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related img{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:calc(100% - 2px);height:calc(125cqw - 2px);max-height:none
}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info{padding-top:17px}
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:14px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:21px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related-art{height:calc(125cqw - 12px)}
}


/* Place purchase controls and information lower within the fixed website viewport. */
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info{
 min-height:0;overflow-y:auto;overflow-x:hidden;
 scrollbar-width:thin;scrollbar-color:#d6d6d3 transparent;
 overscroll-behavior-y:contain
}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>*{flex-shrink:0}
#storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:64px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:96px}
#storefrontPreview.ls-website.ls-clothing .ls-monteli-related{margin-top:18px}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-fashion-info>.luxury-size-trigger{margin-top:34px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:61px}
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-related{margin-top:14px}
}


/* A small, centered clothing cart confirmation in both preview views. */
#storefrontPreview.ls-clothing:is(.ls-mobile,.ls-website) .mz-sheet__added>.checkmark-burst{
 width:14px!important;height:14px!important;max-width:14px;max-height:14px
}
/* Raise the website information rows slightly from their lower placement. */
#storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:80px}
@media(max-width:640px){
 #storefrontPreview.ls-website.ls-clothing .ls-monteli-product-details{margin-top:51px}
}

/* Slightly larger cart confirmation for the clothing mobile preview only. */
#storefrontPreview.ls-clothing.ls-mobile .mz-sheet__added>.checkmark-burst{
 width:15px!important;height:15px!important;max-width:15px;max-height:15px
}
