/** Shopify CDN: Minification failed

Line 2162:0 Unexpected "}"

**/
/* ================================================
   SUVENE-STYLE — Custom CSS for Wonder Theme
   ================================================ */

/* -----------------------------------------------
   1. HERO BANNER — Full-width button
   ----------------------------------------------- */
.hero__overlay__content--left .hero__button--gap,
.hero__overlay__content--mobile--left .hero__button--gap {
  width: 100%;
}
.hero__overlay__content--left .hero__button--gap .hero__button,
.hero__overlay__content--mobile--left .hero__button--gap .hero__button {
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

/* -----------------------------------------------
   2. PRODUCT CARD — Suvene inline layout
   ----------------------------------------------- */
.card.card--left,
.card.card--center {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-top: none !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* PRICE — left side */
.card.card--left .card__price,
.card.card--center .card__price {
  order: 1;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: #000 !important;
  white-space: nowrap;
  line-height: 1.4 !important;
}

/* Price internals — flatten everything inline, single line */
.card.card--left .card__price .price,
.card.card--center .card__price .price {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.card.card--left .card__price .price__container,
.card.card--center .card__price .price__container {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Show only the regular price div by default */
.card.card--left .card__price .price__regular,
.card.card--center .card__price .price__regular {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the sale price div by default */
.card.card--left .card__price .price__sale,
.card.card--center .card__price .price__sale {
  display: none !important;
}

/* When on sale, show the sale div and hide regular */
.card.card--left .card__price .price--on-sale .price__regular,
.card.card--center .card__price .price--on-sale .price__regular {
  display: none !important;
}
.card.card--left .card__price .price--on-sale .price__sale,
.card.card--center .card__price .price--on-sale .price__sale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.card.card--left .card__price .price__sale__details-wrapper,
.card.card--center .card__price .price__sale__details-wrapper {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide compare-at / strikethrough price, percentage badge, unit price, sale badge */
.card.card--left .card__price .price-item--regular.variant-item__old-price,
.card.card--center .card__price .price-item--regular.variant-item__old-price,
.card.card--left .card__price .price-item--lower,
.card.card--center .card__price .price-item--lower,
.card.card--left .card__price .price-item--compare,
.card.card--center .card__price .price-item--compare,
.card.card--left .card__price .wt-product__price__compare,
.card.card--center .card__price .wt-product__price__compare,
.card.card--left .card__price .price-item--percent,
.card.card--center .card__price .price-item--percent,
.card.card--left .card__price .price__details,
.card.card--center .card__price .price__details,
.card.card--left .card__price .price__badge-sale,
.card.card--center .card__price .price__badge-sale,
.card.card--left .card__price .price__badge-sold-out,
.card.card--center .card__price .price__badge-sold-out,
.card.card--left .card__price .unit-price,
.card.card--center .card__price .unit-price,
.card.card--left .card__price s,
.card.card--center .card__price s,
.card.card--left .card__price del,
.card.card--center .card__price del,
.card.card--left .card__price .visually-hidden,
.card.card--center .card__price .visually-hidden {
  display: none !important;
}

/* The actual visible price number */
.card.card--left .card__price .price-item,
.card.card--center .card__price .price-item,
.card.card--left .card__price .wt-product__price__final,
.card.card--center .card__price .wt-product__price__final {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-decoration: none !important;
}

/* TITLE — right side */
.card.card--left .card__title,
.card.card--center .card__title {
  order: 2;
  flex: 1;
  margin: 0 !important;
  padding: 0 0 0 16px !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  line-height: 1.4 !important;
  color: #000 !important;
  text-align: right !important;
}
.card.card--left .card__title a,
.card.card--center .card__title a {
  text-decoration: none;
  color: inherit;
}

/* Hide vendor/subtitle completely */
.card.card--left .card__subtitle,
.card.card--center .card__subtitle,
.card__container .card__subtitle {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.card.card--left .wt-rating,
.card.card--center .wt-rating {
  display: none !important;
}


/* -----------------------------------------------
   3. PRODUCT PAGE — Layout
   ----------------------------------------------- */

/* ── Gallery + info: no gap ── */
@media (min-width: 900px) {
  .wt-product {
    align-items: stretch !important;
    gap: 0 !important;
  }
}

/* ── Gallery: grey bg, full height, flush to top ── */
@media (min-width: 900px) {
  .wt-product__gallery {
    background-color: #e8e8e8;
    min-height: 100vh;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: 50% !important;
  }
  .wt-product__gallery .swiper-wrapper,
  .wt-product__gallery .swiper-slide {
    background-color: #e8e8e8;
  }
  .wt-product__wrapper--full,
  [desktop-layout=fashion] {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* Remove ALL top spacing on the product section so gallery is flush with header */
  .shopify-section:has(.wt-product__wrapper) {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .wt-product__wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }
  /* Kill the 80px top margin from fashion layout */
  [desktop-layout=fashion] .wt-product__main {
    margin-top: 0 !important;
  }
}

/* ── Right panel: sticky, vertically centered, 50% wide ── */
@media (min-width: 900px) {
  .wt-product__main {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 40px 48px !important;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    width: 50% !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    margin-top: 0 !important;
  }
  /* Override the 500px max-width cap from fashion layout */
  [desktop-layout=fashion] .wt-product__info,
  .wt-product__info.product__info-container {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .wt-product__main {
    padding: 40px 64px !important;
  }
  .wt-product__gallery {
    width: 50% !important;
  }
}


/* -----------------------------------------------
   3a. TITLE + PRICE — same line via CSS grid
   ----------------------------------------------- */

/* The info container uses CSS grid: first two children (title block + price block) 
   share the same row. All subsequent blocks flow normally below. */
.wt-product__info.product__info-container {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  gap: 0 16px !important;
}

/* All children span full width by default (below the first row) */
.wt-product__info.product__info-container > * {
  grid-column: 1 / -1 !important;
}

/* Title block: first column of first row */
.wt-product__info.product__info-container > *:first-child {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
}

/* Price block: second column of first row, aligned to top-right */
.wt-product__info.product__info-container > .wt-product__price {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  position: static !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  align-self: baseline !important;
}

/* ── Title ── */
.wt-product__name {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  padding-right: 0 !important;
  line-height: 1.3 !important;
}

/* ── Price ── */
.wt-product__price {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.wt-product__price .price__container,
.wt-product__price .price__regular,
.wt-product__price .price--large,
.wt-product__price .price__sale,
.wt-product__price .price__sale__details-wrapper {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}
.wt-product__price .price-item,
.wt-product__price .price-item--regular,
.wt-product__price .wt-product__price__final {
  font-size: 1.15rem !important;
  line-height: 1.3 !important;
  display: inline !important;
  margin: 0 !important;
}

/* Hide sale badges, compare-at, tax notes on PDP */
.wt-product__price .price__badge-sale,
.wt-product__price .price__badge-sold-out,
.product__tax {
  display: none !important;
}

/* Hide brand row if empty */
.wt-product__brand:empty {
  display: none !important;
}

/* Reduce spacing between info blocks */
.wt-product__info.product__info-container > * + * {
  margin-top: 0.8rem !important;
  margin-bottom: 0 !important;
}

/* Desktop sizes */
@media (min-width: 900px) {
  .wt-product__name {
    font-size: 1.4rem !important;
  }
  .wt-product__price,
  .wt-product__price .price-item,
  .wt-product__price .wt-product__price__final {
    font-size: 1.4rem !important;
  }
}

/* Mobile sizes */
@media (max-width: 899px) {
  .wt-product__name {
    font-size: 1.1rem !important;
  }
  .wt-product__price,
  .wt-product__price .price-item,
  .wt-product__price .wt-product__price__final {
    font-size: 1.1rem !important;
  }
}


/* -----------------------------------------------
   3b. VARIANT PICKER — Color swatches + Size buttons
   ----------------------------------------------- */

/* ── Option titles: hide "CHOOSE SIZE:" / "CHOOSE COLOR:" ── */
.wt-product__option__title {
  display: none !important;
}

/* Hide the dynamic value label (the selected option name next to title) */
.wt-product__option__title .value {
  display: none !important;
}

/* Spacing between option groups */
.wt-product__option {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.wt-product__option + .wt-product__option {
  margin-top: 16px !important;
}
.wt-product__options {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ── Color: variant picture thumbnails ── */
.wt-product__option .f-thumb__list {
  gap: 8px !important;
}
.wt-product__option .f-thumb__list__item {
  width: 48px !important;
  height: 48px !important;
  overflow: hidden;
}
.wt-product__option .f-thumb__list__link {
  border: 1px solid #d0d0d0 !important;
  border-radius: 0 !important;
  padding: 2px !important;
  transition: border-color 0.2s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.wt-product__option .f-thumb__list__link:hover {
  border-color: #151515 !important;
}
.wt-product__option .f-thumb__list__item--active .f-thumb__list__link,
.wt-product__option input:checked + .f-thumb__list__link {
  border-color: #151515 !important;
  border-width: 2px !important;
}
.wt-product__option .f-thumb__list__link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ── Color swatches fallback (if color_swatch used) ── */
.wt-product__option .f-swatch__list {
  gap: 8px !important;
}
.wt-product__option .f-swatch__list__item {
  width: 48px !important;
  height: 48px !important;
}
.wt-product__option .f-swatch__list__link {
  border: 1px solid #d0d0d0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.wt-product__option .f-swatch__list__link__content {
  border-radius: 0 !important;
}
.wt-product__option input:checked + .f-swatch__list__link {
  border-color: #151515 !important;
  border-width: 2px !important;
}


/* ── Size buttons: dashed border grid ── */
.wt-product__option .f-button__list {
  gap: 6px !important;
  width: 100%;
  display: flex !important;
  flex-wrap: nowrap !important;
}
.wt-product__option .f-button__list__item {
  flex: 1 1 0 !important;
  min-width: 0;
}
.wt-product__option .f-button__list__link {
  border: 1px dashed #c0c0c0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #151515 !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  height: 42px !important;
  padding: 0 4px !important;
  transition: all 0.15s ease;
  width: 100%;
  box-sizing: border-box;
}

/* Selected size */
.wt-product__option .f-button__list__item--active .f-button__list__link,
.wt-product__option input:checked + .f-button__list__link {
  border: 1px solid #151515 !important;
  border-style: solid !important;
  background: transparent !important;
  color: #151515 !important;
  font-weight: 500 !important;
}

/* Hover */
.wt-product__option .f-button__list__link:hover {
  border-color: #151515 !important;
  border-style: solid !important;
}

/* Disabled / sold out */
.wt-product__option .f-button__list__item input.disabled + .f-button__list__link {
  color: #c0c0c0 !important;
  text-decoration: line-through;
  cursor: default;
}


/* ── Size info row: model text + SIZECHART ── */
.wt-product__option__size-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 0;
}
.wt-product__option__model-info {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #777;
}
.wt-product__option__size-guide {
  margin: 0 !important;
}
.wt-product__option__size-guide .wt-product__content {
  margin: 0 !important;
  padding: 0 !important;
}
.wt-product__option__size-guide .wt-product__link,
.wt-product__option__size-guide .wt-product__button {
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  color: #151515 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  cursor: pointer;
}
.wt-product__option__size-guide .wt-product__icon {
  display: none !important;
}

/* Keep title and size-guide wrapper aligned */
.wt-product__option__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* -----------------------------------------------
   3c. BUY BUTTON — "SELECT SIZE" / "ADD TO CART"
   ----------------------------------------------- */
.wt-product__add-to-cart_form {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}
.wt-product__add-to-cart_form .product-form__submit {
  width: 100% !important;
  background: #151515 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 15px 20px !important;
  min-height: 48px;
  margin-bottom: 0 !important;
}

/* Hide bag icon */
.wt-product__add-to-cart_form .product-form__submit .svg-icon,
.wt-product__add-to-cart_form .product-form__submit svg:not(.loading__spinner) {
  display: none !important;
}


/* -----------------------------------------------
   3d. FEATURE ICONS — Two bordered boxes side by side
   ----------------------------------------------- */
.wt-product__feature-icons {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.wt-product__feature-icons ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Override row-left to be a 2-col grid with small gap between boxes */
.wt-product__feature-icons__list,
.wt-product__feature-icons__list--row-left {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100%;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

/* Each box */
.wt-product__feature-icons__item {
  border: 1px solid #d8d8d8 !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
  width: auto !important;
  box-sizing: border-box;
  font-size: inherit !important;
}

/* Collapse shared border */
.wt-product__feature-icons__item:nth-child(2) {
  border-left: none !important;
}

/* Icon images */
.wt-product__feature-icons__item img {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0;
  object-fit: contain !important;
}
.wt-product__feature-icons__item .svg-icon,
.wt-product__feature-icons__item svg {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0;
}

/* Label text */
.wt-product__feature-icons__label {
  font-size: 0.7rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px;
  margin: 0 !important;
}
.wt-product__feature-icons__label p {
  margin: 0 !important;
  line-height: 1.4 !important;
}
.wt-product__feature-icons__label p strong {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase;
  display: block;
}
/* Subtitle line (e.g. "Dispatched in 1-2 days") */
.wt-product__feature-icons__label p + p {
  font-size: 0.65rem !important;
  color: #888 !important;
  margin-top: 1px !important;
  font-weight: 400 !important;
}


/* -----------------------------------------------
   3e. COLLAPSIBLE TABS — uppercase, plus icon, thin
   ----------------------------------------------- */
.wt-product .wt-collapse__trigger {
  padding: 13px 0 !important;
}
.wt-product .wt-collapse__trigger__title {
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
}

/* Plus/minus icon sizing */
.wt-product .wt-collapse__trigger .wt-icon {
  width: 14px;
  height: 14px;
}
.wt-product .wt-collapse__trigger .wt-icon svg {
  width: 14px !important;
  height: 14px !important;
}

/* Separator lines */
.wt-product .wt-separator__line.wt-product__separator {
  height: 1px !important;
  opacity: 1 !important;
  margin: 0 !important;
}

/* Hide the icon from collapsible trigger text if set to none */
.wt-collapse__trigger__icon:empty {
  display: none !important;
}


/* -----------------------------------------------
   4. REMOVE UNWANTED ELEMENTS
   ----------------------------------------------- */

/* Gallery-fashion wrapper: no spacing */
@media (min-width: 900px) {
  gallery-fashion,
  .gallery-fashion {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.wt-main-breadcrumbs,
.wt-promo,
.wt-payments-badge {
  display: none !important;
}

/* Hide product badges on PDP gallery */
.wt-product__wrapper .card__badges--product {
  display: none !important;
}


/* -----------------------------------------------
   5. MOBILE
   ----------------------------------------------- */
@media (max-width: 899px) {
  .wt-product__info.product__info-container {
    padding: 20px 16px !important;
  }
  .wt-product__name {
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding-right: 80px;
  }
  .wt-product__price {
    font-size: 1.05rem !important;
  }
  .wt-product__option .f-button__list {
    flex-wrap: nowrap !important;
  }
  .wt-product__option__size-info-row {
    flex-wrap: wrap;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  /* Keep two columns on mobile, but add a small gap between them */
  .wt-product__feature-icons__list,
  .wt-product__feature-icons__list--row-left {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .wt-product__feature-icons__item {
    border: 1px solid #d8d8d8 !important;
  }
  .wt-product__feature-icons__item:nth-child(2) {
    border-left: 1px solid #d8d8d8 !important;
    border-top: 1px solid #d8d8d8 !important;
  }
  .wt-product__option .f-button__list {
    flex-wrap: wrap !important;
  }
  .wt-product__option .f-button__list__item {
    flex: 1 1 auto !important;
    min-width: 50px;
  }
}


/* ========================================================== */
/*  PRODUCT PAGE OVERRIDES — consolidated (v9)                */
/* ========================================================== */

/* ── Text visibility: everything solid black ─────────────── */
.template-product .wt-product__brand,
.template-product .wt-product__vendor,
.template-product .wt-product__name,
.template-product .wt-product__title,
.template-product .wt-product__price,
.template-product .wt-product__price *,
.template-product .price-item,
.template-product .price__regular,
.template-product .price__sale,
.template-product .wt-product__option__title,
.template-product .wt-product__option__title .label,
.template-product .wt-product__option__size-info,
.template-product .wt-product__option__size-info-row,
.template-product .wt-product__option__size-info *,
.template-product .wt-product__option__model-info,
.template-product .wt-collapse__trigger,
.template-product .wt-collapse__trigger__text,
.template-product .wt-collapse__trigger__title,
.template-product .wt-collapse__target,
.template-product .wt-collapse__target * {
  color: #000 !important;
  opacity: 1 !important;
}

.template-product .wt-product__name,
.template-product .wt-product__title {
  font-weight: 700 !important;
}

.template-product .wt-product__price,
.template-product .price-item {
  font-weight: 700 !important;
}

.template-product .wt-product__brand,
.template-product .wt-product__vendor {
  font-size: 0.8rem !important;
  opacity: 0.8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* Bigger, more readable text */
.template-product .wt-product__name { font-size: 1.25rem !important; line-height: 1.3 !important; }
.template-product .wt-product__price { font-size: 1.2rem !important; }
.template-product .wt-product__option__title .label { font-size: 0.95rem !important; }
.template-product .wt-product__option__size-info,
.template-product .wt-product__option__model-info { font-size: 0.9rem !important; }
.template-product .wt-product__feature-icons__text p:first-child,
.template-product .wt-product__feature-icons__text strong { font-size: 0.9rem !important; }
.template-product .wt-product__feature-icons__text p:last-child { font-size: 0.82rem !important; color: #555 !important; }
.template-product .wt-collapse__trigger__title { font-size: 0.95rem !important; }
.template-product .wt-collapse__target * { font-size: 0.95rem !important; line-height: 1.5 !important; }

@media (min-width: 900px) {
  .template-product .wt-product__name { font-size: 1.5rem !important; }
  .template-product .wt-product__price { font-size: 1.3rem !important; }
}

/* ── "CHOOSE SIZE/COLOR" label shown + bold ──────────────── */
.template-product .wt-product__option__title {
  display: block !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 6px !important;
}

/* ── Size info row: MODEL + SIZECHART on same line ───────── */
.template-product .wt-product__option__size-info-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 8px !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.template-product .wt-product__option__model-info {
  flex: 1 1 auto !important;
  text-align: left !important;
}

.template-product .wt-product__option__size-guide {
  flex: 0 0 auto !important;
  text-align: right !important;
}

/* ── SIZECHART button: plain underlined text link ────────── */
.template-product .wt-product__information-popup .wt-product__button,
.template-product .wt-product__information-popup .wt-product__link,
.template-product .wt-product__opener .wt-product__button,
.template-product .wt-product__option__size-guide .wt-product__button,
.template-product .wt-product__option__size-guide .wt-product__link {
  background: transparent !important;
  color: #000 !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  min-height: 0 !important;
  height: auto !important;
  text-underline-offset: 2px !important;
}

/* ── Size buttons: BLACK outlines, stretched to fill row ─── */
.template-product .f-button__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
}

.template-product .f-button__list__item {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

.template-product .f-button__list__link {
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #000 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 4px 4px !important;
  font-size: 0.85rem !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.template-product input[type="radio"]:checked + .f-button__list__link {
  border: 2px solid #000 !important;
  font-weight: 700 !important;
}

.template-product input[type="radio"].disabled + .f-button__list__link,
.template-product input[type="radio"][disabled] + .f-button__list__link,
.template-product .f-button__list__item--unavailable .f-button__list__link {
  color: #999 !important;
  border: 1px dashed #bbb !important;
  text-decoration: line-through !important;
  background: #fff !important;
}

/* Mobile size buttons — slimmer */
@media (max-width: 749px) {
  .template-product .f-button__list__link {
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 2px !important;
    font-size: 0.78rem !important;
  }
  .template-product .f-button__list { gap: 5px !important; }
}

@media (max-width: 420px) {
  .template-product .f-button__list__link {
    min-height: 28px !important;
    height: 28px !important;
    font-size: 0.72rem !important;
    padding: 4px 1px !important;
  }
  .template-product .f-button__list { gap: 4px !important; }
}

/* ── Add to Cart / SELECT SIZE — solid black white text ──── */
.template-product .product-form__submit,
.template-product button[name="add"],
.template-product .shopify-payment-button__button,
.template-product [data-product-form-submit] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  font-size: 0.9rem !important;
}

.template-product .product-form__submit *,
.template-product button[name="add"] * { color: #fff !important; }

.template-product .product-form__submit[disabled],
.template-product button[name="add"][disabled],
.template-product button[name="add"]:disabled {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.template-product .product-form__submit[disabled] *,
.template-product button[name="add"][disabled] * { color: #fff !important; }

@media (max-width: 749px) {
  .template-product .product-form__submit,
  .template-product button[name="add"] {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 0.85rem !important;
  }
}

/* ── Feature icons: 2-column grid with gap ───────────────── */
.template-product .wt-product__feature-icons {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.template-product .wt-product__feature-icons__list,
.template-product .wt-product__feature-icons__list--row,
.template-product .wt-product__feature-icons__list--row-left {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  flex: none !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}

.template-product .wt-product__feature-icons__item {
  border: 1px solid #d8d8d8 !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  text-align: left !important;
  width: auto !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.template-product .wt-product__feature-icons__text,
.template-product .wt-product__feature-icons__text p,
.template-product .wt-product__feature-icons__text strong,
.template-product .wt-product__feature-icons__label,
.template-product .wt-product__feature-icons__label * {
  color: #000 !important;
  opacity: 1 !important;
  margin: 0 !important;
}

.template-product .wt-product__feature-icons__text strong,
.template-product .wt-product__feature-icons__text p:first-child,
.template-product .wt-product__feature-icons__text p:first-child strong {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.template-product .wt-product__feature-icons__text p:last-child {
  margin-top: 2px !important;
}

@media (max-width: 480px) {
  .template-product .wt-product__feature-icons__list,
  .template-product .wt-product__feature-icons__list--row,
  .template-product .wt-product__feature-icons__list--row-left {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .template-product .wt-product__feature-icons__item {
    padding: 10px !important;
    gap: 8px !important;
    border: 1px solid #d8d8d8 !important;
  }
}

/* ── Collapsible rows: tight spacing ─────────────────────── */
.template-product .wt-collapse,
.template-product .wt-collapse--always,
.template-product collapsible-section {
  margin: 0 !important;
  padding: 0 !important;
}

.template-product .wt-collapse__trigger {
  padding: 10px 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
}

.template-product .wt-collapse__trigger__text,
.template-product .wt-collapse__trigger__title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.template-product .wt-collapse__trigger__title {
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.template-product .wt-collapse__target {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
}

.template-product .wt-collapse__trigger .wt-icon,
.template-product .wt-collapse__trigger .wt-icon svg {
  color: #000 !important;
  stroke: #000 !important;
  fill: #000 !important;
}

/* ── Hide desktop teaser menu LINKS only (keep hamburger) ── */
@media (min-width: 900px) {
  .wt-header__nav-teaser__list {
    display: none !important;
  }
  .wt-header__nav-teaser {
    display: flex !important;
    align-items: center !important;
  }
  .wt-header__menu-trigger {
    display: flex !important;
  }
}

/* ============================================================
   MENU DRAWER — force full opacity & clickability
   The theme has a rule in critical.css (@media max-width:599px):
     .menu-drawer-overlay-on > * { opacity: 0 }
   That targets ALL direct body children when the menu is open,
   including the <drawer-nav> element. We override that here with
   maximum specificity for the drawer and its contents.
   ============================================================ */

/* Force opacity 1 on the drawer itself (the <drawer-nav> custom element)
   no matter what screen size and no matter what body classes are on. */
body drawer-nav,
body drawer-nav.wt-drawer,
body drawer-nav.wt-drawer--nav,
body drawer-nav.wt-drawer--mobile-nav,
body.menu-drawer-overlay-on > drawer-nav,
body.menu-open > drawer-nav,
body.menu-drawer-overlay-on.mobile-nav > drawer-nav,
html body.menu-drawer-overlay-on > drawer-nav {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2147483647 !important; /* max int — guarantees it's on top */
}

/* Force the inner content panel to full opacity, white, dark text */
body drawer-nav .wt-drawer__content,
body drawer-nav.wt-drawer .wt-drawer__content,
body drawer-nav.wt-drawer--nav .wt-drawer__content,
body drawer-nav.wt-drawer--mobile-nav .wt-drawer__content {
  opacity: 1 !important;
  pointer-events: auto !important;
  background: #ffffff !important;
  color: #111 !important;
}

/* Force all text and link elements inside the drawer to be dark and
   clickable. Include the mega-menu and the title. */
body drawer-nav,
body drawer-nav *,
body drawer-nav a,
body drawer-nav button,
body drawer-nav span,
body drawer-nav li,
body drawer-nav ul,
body drawer-nav nav,
body drawer-nav .wt-drawer__title,
body drawer-nav .wt-drawer__title__text,
body drawer-nav .wt-drawer__close,
body drawer-nav .wt-page-nav-mega__link,
body drawer-nav .wt-page-nav-mega__item {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Text color — crisp dark, no fading */
body drawer-nav,
body drawer-nav a,
body drawer-nav .wt-page-nav-mega__link,
body drawer-nav .wt-drawer__title__text {
  color: #111 !important;
}

/* NUCLEAR OPTION: Completely remove the overlay from the page when
   the menu is open. The overlay was covering the drawer due to
   stacking context issues we can't easily override from CSS alone.
   By setting display:none, the overlay doesn't exist visually OR
   functionally, so clicks land directly on the drawer menu items. */
body .menu-drawer-overlay,
body.menu-drawer-overlay-on .menu-drawer-overlay,
body.mobile-nav .menu-drawer-overlay,
body.menu-drawer-overlay-on.mobile-nav .menu-drawer-overlay,
html body .menu-drawer-overlay {
  display: none !important;
}

/* Also force no blur/filter on the entire body and its children when
   the menu is open - paranoid but cheap. */
body.menu-drawer-overlay-on,
body.menu-open {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

/* Hover states for menu links */
body drawer-nav a:hover,
body drawer-nav .wt-page-nav-mega__link:hover {
  color: #000 !important;
  opacity: 0.7 !important;
}

/* Typography polish on drawer menu items */
body drawer-nav .wt-page-nav-mega__link {
  font-weight: 500;
}

/* ============================================================
   HEADER — mobile: single hamburger on LEFT, no search
   ============================================================ */

/* Remove the search icon completely on all viewports */
.wt-header__search,
.wt-header__search-trigger,
.wt-header__search__button,
.wt-header__search__label {
  display: none !important;
}

/* Mobile (≤899px): single hamburger on the left */
@media (max-width: 899px) {
  /* Hide the nav-teaser hamburger */
  .wt-header__nav-teaser,
  .wt-header__nav-teaser .wt-header__menu-trigger {
    display: none !important;
  }

  /* Aside hamburger → left side of header */
  .wt-header__aside .wt-header__menu-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: calc(var(--gap, 8px) * 2);
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5;
  }

  /* Hide option_1 hamburger (in logo-wrapper) */
  .wt-header__logo-wrapper .wt-header__menu-trigger {
    display: none !important;
  }

  /* Anchor for absolute positioning */
  .wt-header__body {
    position: relative;
  }
}

/* Desktop: only nav-teaser hamburger shows */
@media (min-width: 900px) {
  .wt-header__aside .wt-header__menu-trigger {
    display: none !important;
  }
}

/* Sticky-variant hamburger always hidden */
.wt-header__sticky-menu-trigger {
  display: none !important;
}

/* ========================================================== */
/*  PRODUCT PAGE — 50/50 layout, grey left, white right       */
/* ========================================================== */

/* Transparent header + dark icons */
.template-product .wt-header,
.template-product .page-header,
.template-product [data-section-type="header"] {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

.template-product .wt-header__icon,
.template-product .wt-header__menu-trigger,
.template-product .wt-header__menu-trigger svg,
.template-product .wt-header__icon svg {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}

/* Kill all wrapper padding + max-width + auto-margin so the layout is edge-to-edge */
.template-product .wt-product__wrapper,
.template-product .wt-product__wrapper--full,
.template-product .wt-product__wrapper--fashion {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kill the gap between gallery and info column — no white gap */
.template-product .wt-product {
  gap: 0 !important;
}

/* Gallery: grey bg, exactly 50% on desktop */
.template-product .wt-product__gallery {
  background: #e8e8e8 !important;
}
.template-product .wt-product__gallery .swiper-wrapper,
.template-product .wt-product__gallery .swiper-slide {
  background: transparent !important;
}
/* First slide keeps the grey backdrop visible (transparent-PNG product shot) */
.template-product .wt-product__gallery .swiper-slide:first-child,
.template-product .wt-product__gallery [data-swiper-slide]:first-child {
  background: #e8e8e8 !important;
}

/* On mobile, force the gallery and everything inside to fit their content
   exactly — no padding/margin that could leave grey strips. */
@media (max-width: 899px) {
  html body.template-product .wt-product__gallery,
  html body.template-product .wt-product__gallery .swiper,
  html body.template-product .wt-product__gallery .wt-slider__container,
  html body.template-product .wt-product__gallery [data-gallery],
  html body.template-product .wt-product__gallery .swiper-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }
}

@media (min-width: 900px) {
  .template-product .wt-product__gallery {
    width: 50% !important;
    margin-top: -110px !important;
    padding-top: 110px !important;
  }

  /* Info column: exactly 50%, WHITE */
  .template-product .wt-product__main {
    width: 50% !important;
    background: #fff !important;
  }

  .template-product .wt-product__info,
  .template-product .product__info-container {
    background: #fff !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .template-product .wt-product__gallery {
    width: 50% !important;
  }
  .template-product .wt-product__main {
    width: 50% !important;
  }
}

/* Info panel base: WHITE, z-index above gallery */
.template-product .wt-product__info,
.template-product .wt-product__main,
.template-product .product__info-container {
  background: #fff !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Main + gallery flush to top */
.template-product main,
.template-product #MainContent {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
}

.template-product .wt-product,
.template-product .main-product,
.template-product .gallery-fashion,
.template-product gallery-section,
.template-product gallery-fashion,
.template-product .wt-product__media-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── MOBILE ── */
@media (max-width: 899px) {
  .template-product .wt-product__gallery {
    margin-top: -90px !important;
    padding-top: 90px !important;
    width: 100% !important;
  }

  /* Title + price handled by CSS grid — no absolute positioning needed */
}

/* Header/announcement above gallery */
.template-product .shopify-section-group-header-group,
.template-product [id*="shopify-section"][id*="header"],
.template-product [id*="shopify-section"][id*="announcement"] {
  position: relative;
  z-index: 10;
}

/* ========================================================== */
/*  DESKTOP info column must stay WHITE                       */
/* ========================================================== */

@media (min-width: 900px) {
  /* Explicitly white info column — override any inherited grey */
  .template-product .wt-product__info,
  .template-product .wt-product__main,
  .template-product .product__info-container {
    background: #fff !important;
  }

  /* Only the gallery has grey bg (already set in original CSS line 124) */
  /* The original wt-product__main at line 161+ is sticky 100vh WHITE */
}

/* Title + price on desktop — handled by CSS grid, no absolute needed */

/* ========================================================== */
/*  CARD QUICK-ADD — small "+" icon (homepage featured)       */
/* ========================================================== */

/* The card__container is the card's outer wrapper holding image + info + quick-add */
.card__container {
  position: relative;
}

/* Info row needs room for the + on the left */
.card__container .card.card--left,
.card__container .card.card--center {
  padding-left: 28px !important;
  position: relative !important;
}

/* The quick-add container sits at the LEFT of the title row */
.card__quick-add-container {
  position: absolute;
  bottom: 24px;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}

/* Reset the giant button — make it a small + icon */
.card__quick-add-container quick-add,
.card__quick-add-container product-form,
.card__quick-add-container form {
  width: 28px;
  height: 28px;
  display: flex;
}

.card__quick-add-container button,
.card__quick-add-container .wt-button--full-width,
.card__quick-add-container .hero__button,
.card__quick-add-container .form__send__button {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #000 !important;
  border: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* Hide the button's text ("CHOOSE OPTION" / "ADD TO CART") */
.card__quick-add-container button > span,
.card__quick-add-container .wt-button--full-width > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
}

/* Draw a crisp + sign using pseudo-elements */
.card__quick-add-container button::before,
.card__quick-add-container button::after {
  content: "";
  position: absolute;
  background: #000;
  border-radius: 1px;
}

/* Horizontal line */
.card__quick-add-container button::before {
  width: 14px;
  height: 1.5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Vertical line */
.card__quick-add-container button::after {
  width: 1.5px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card__quick-add-container button:hover::before,
.card__quick-add-container button:hover::after {
  background: #666;
}

/* Disabled state (sold-out) — faded + */
.card__quick-add-container button[disabled]::before,
.card__quick-add-container button[disabled]::after {
  background: #bbb;
}

/* ========================================================== */
/*  FEATURED COLLECTION CARD — SUVENE-style overrides          */
/* ========================================================== */

/* === SUVENE's exact selector pattern for the info row === */
.wt-featured-collection.wt-slider .card__container>.card.card--left:not(a),
.wt-featured-collection.wt-slider .card__container>div.card.card--left {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 10px !important;
  padding-bottom: 6px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  border: none !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
}

@media (max-width: 899px) {
  .wt-featured-collection.wt-slider .card__container>.card.card--left:not(a) {
    display: flex !important;
    width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

@media (max-width: 768px) {
  .wt-featured-collection.wt-slider .card__container>div.card.card--left {
    padding-left: 6px !important;
    padding-right: 12px !important;
  }
}

/* Price: LEFT side, no extra wrappers visible */
.wt-featured-collection.wt-slider .card__price {
  order: 1 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--font-base-size) !important;
  font-weight: 400 !important;
  color: #000 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* Title: RIGHT side, pushed to far right */
.wt-featured-collection.wt-slider .card__title {
  order: 2 !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 0 0 16px !important;
  font-size: var(--font-base-size) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  line-height: 1 !important;
  color: #000 !important;
  text-align: right !important;
}

.wt-featured-collection.wt-slider .card__title a {
  text-decoration: none !important;
  color: inherit !important;
}

/* Hide vendor/subtitle */
.wt-featured-collection.wt-slider .card__subtitle {
  display: none !important;
}

/* Hide ratings */
.wt-featured-collection.wt-slider .wt-rating {
  display: none !important;
}

/* === PRICE: only show ONE price, hide all extras === */

/* Flatten price internals */
.wt-featured-collection.wt-slider .card__price .price {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wt-featured-collection.wt-slider .card__price .price__container {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Default: show regular, hide sale */
.wt-featured-collection.wt-slider .card__price .price__regular {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wt-featured-collection.wt-slider .card__price .price__sale {
  display: none !important;
}

/* On sale: hide regular, show sale */
.wt-featured-collection.wt-slider .card__price .price--on-sale .price__regular {
  display: none !important;
}
.wt-featured-collection.wt-slider .card__price .price--on-sale .price__sale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wt-featured-collection.wt-slider .card__price .price__sale__details-wrapper {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide ALL compare-at, strikethrough, percentage, badges, unit price */
.wt-featured-collection.wt-slider .card__price s,
.wt-featured-collection.wt-slider .card__price del,
.wt-featured-collection.wt-slider .card__price .price-item--regular.variant-item__old-price,
.wt-featured-collection.wt-slider .card__price .price-item--lower,
.wt-featured-collection.wt-slider .card__price .price-item--compare,
.wt-featured-collection.wt-slider .card__price .wt-product__price__compare,
.wt-featured-collection.wt-slider .card__price .price-item--percent,
.wt-featured-collection.wt-slider .card__price .price__details,
.wt-featured-collection.wt-slider .card__price .price__badge-sale,
.wt-featured-collection.wt-slider .card__price .price__badge-sold-out,
.wt-featured-collection.wt-slider .card__price .unit-price,
.wt-featured-collection.wt-slider .card__price .visually-hidden {
  display: none !important;
}

/* The actual price number styling */
.wt-featured-collection.wt-slider .card__price .price-item,
.wt-featured-collection.wt-slider .card__price .wt-product__price__final {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--font-base-size) !important;
  font-weight: 400 !important;
  color: #000 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* Card picture container: light-grey background so empty space shows grey */
.card__picture-container {
  background: #e8e8e8 !important;
}

/* Mobile: tiny + button sizing */
@media (max-width: 749px) {
  .card__container .card.card--left,
  .card__container .card.card--center {
    padding-left: 24px !important;
  }
  .card__quick-add-container button {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    min-width: 24px !important;
  }
  .card__quick-add-container button::before {
    width: 12px;
  }
  .card__quick-add-container button::after {
    height: 12px;
  }
}

/* ========================================================== */
/*  MOBILE PRODUCT PAGE — hide extra labels                   */
/* ========================================================== */

@media (max-width: 899px) {
  /* Hide brand / vendor line */
  .template-product .wt-product__brand,
  .template-product .wt-product__vendor {
    display: none !important;
  }

  /* Hide "CHOOSE SIZE:" and "CHOOSE COLOR:" labels */
  .template-product .wt-product__option__title {
    display: none !important;
  }

  /* Hide "MALE MODEL IS 189 CM WEARING SIZE L" */
  .template-product .wt-product__option__model-info {
    display: none !important;
  }

  /* Size info row still shows SIZECHART link — align right */
  .template-product .wt-product__option__size-info-row {
    justify-content: flex-end !important;
    margin-bottom: 8px !important;
  }

  /* Hide the "1/2" slide counter (swiper fraction pagination) */
  .template-product .swiper-pagination,
  .template-product .swiper-pagination-fraction {
    display: none !important;
  }

  /* Gallery grey extends full viewport width — no white edge */
  .template-product .wt-product__gallery,
  .template-product .gallery-fashion,
  .template-product .wt-product__media-container,
  .template-product .wt-product__gallery .swiper,
  .template-product .wt-product__gallery .swiper-wrapper,
  .template-product .wt-product__gallery .swiper-slide,
  .template-product gallery-section,
  .template-product gallery-fashion {
    background: #e8e8e8 !important;
  }

  /* Force the gallery block to stretch edge-to-edge */
  .template-product .wt-product__gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  /* Kill any parent padding that would prevent edge-to-edge */
  .template-product .wt-product__wrapper,
  .template-product .wt-product__wrapper--full,
  .template-product .wt-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* The inner swiper + slide fill full width */
  .template-product .wt-product__gallery .swiper,
  .template-product .wt-product__gallery .swiper-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .template-product .wt-product__gallery .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Prevent horizontal scrollbar */
  html,
  body.template-product {
    overflow-x: hidden !important;
  }
}

/* Also hide fraction counter across all viewports on product page (optional safety) */
.template-product .swiper-pagination-fraction {
  display: none !important;
}

/* ========================================================== */
/*  PRODUCT PAGE — hide extras on ALL screens (desktop + mob) */
/* ========================================================== */

/* Brand / vendor line above product name */
.template-product .wt-product__brand,
.template-product .wt-product__vendor {
  display: none !important;
}

/* "CHOOSE SIZE:" / "CHOOSE COLOR:" labels */
.template-product .wt-product__option__title {
  display: none !important;
}

/* "MALE MODEL IS 189 CM WEARING SIZE L" */
.template-product .wt-product__option__model-info {
  display: none !important;
}

/* SIZECHART button + size-info row — re-enabled and restyled below */

/* ========================================================== */
/* Old FINAL FIXES removed — image centering now in the consolidated block below */

/* ── Title + price sizing — grid handles alignment, we just set sizes ── */
.template-product .wt-product__name {
  line-height: 1.3 !important;
  margin: 0 !important;
  padding-right: 0 !important;
  display: block !important;
}

.template-product .wt-product__price {
  position: static !important;
  line-height: 1.3 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  align-self: baseline !important;
}

.template-product .wt-product__price *,
.template-product .wt-product__price .price-item,
.template-product .wt-product__price .price__regular,
.template-product .wt-product__price .price__container {
  line-height: 1.3 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}

@media (min-width: 900px) {
  .template-product .wt-product__name {
    font-size: 1.4rem !important;
  }
  .template-product .wt-product__price,
  .template-product .wt-product__price *,
  .template-product .wt-product__price .price-item {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 899px) {
  .template-product .wt-product__name {
    font-size: 1.1rem !important;
  }
  .template-product .wt-product__price,
  .template-product .wt-product__price *,
  .template-product .wt-product__price .price-item {
    font-size: 1.1rem !important;
  }
}

/* ========================================================== */
/*  PRICE CLEANUP — show only ONE price, no badges/duplicates */
/* ========================================================== */

/* Hide "Sale" badge, "Sold out" badge */
.template-product .price__badge-sale,
.template-product .price__badge-sold-out,
.template-product .badge {
  display: none !important;
}

/* Hide the compare-at / old price line */
.template-product .price__sale .price-item--regular,
.template-product .price__sale s,
.template-product .price__sale del,
.template-product .price-item--compare {
  display: none !important;
}

/* Hide the "/ Sale Sold out" text — the sale badge text and separator */
.template-product .price--on-sale .price__badge-sale,
.template-product .price--sold-out .price__badge-sold-out {
  display: none !important;
}

/* Hide visually-hidden sale labels that might still show */
.template-product .price__sale .visually-hidden,
.template-product .price__regular .visually-hidden {
  display: none !important;
}

/* Hide unit price */
.template-product .unit-price {
  display: none !important;
}

/* Show ONLY the final sale price (or the regular price) — one value */
.template-product .price__regular {
  display: block !important;
}

/* When on sale, the sale div has the current price — show just that */
.template-product .price__sale {
  display: block !important;
}

.template-product .price__sale__details-wrapper {
  display: inline !important;
}

/* The actual price number — ensure it displays inline, no duplication */
.template-product .price__sale .wt-product__price__final,
.template-product .price__sale .price-item--sale {
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: #000 !important;
  text-decoration: none !important;
}

/* When NOT on sale, hide the sale div entirely so there's no duplicate */
.template-product .price:not(.price--on-sale) .price__sale {
  display: none !important;
}

/* When ON sale, hide the regular div so there's no duplicate */
.template-product .price.price--on-sale .price__regular,
.template-product .price.price--on-sale .price-item--regular:not(.price-item--sale) {
  display: none !important;
}

/* ── Force title + price same line height ────────────────── */
/* Both use position-based layout: title is in flow, price is absolute top-right.
   They MUST share the same font-size, line-height, and font-weight to align. */

.template-product .wt-product__name,
.template-product .wt-product__price,
.template-product .wt-product__price .price,
.template-product .wt-product__price .price__container,
.template-product .wt-product__price .price__regular,
.template-product .wt-product__price .price__sale,
.template-product .wt-product__price .price__sale__details-wrapper,
.template-product .wt-product__price .price-item,
.template-product .wt-product__price .wt-product__price__final {
  font-size: 1.15rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  vertical-align: top !important;
}

@media (min-width: 900px) {
  .template-product .wt-product__name,
  .template-product .wt-product__price,
  .template-product .wt-product__price .price,
  .template-product .wt-product__price .price__container,
  .template-product .wt-product__price .price__regular,
  .template-product .wt-product__price .price__sale,
  .template-product .wt-product__price .price-item,
  .template-product .wt-product__price .wt-product__price__final {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 899px) {
  .template-product .wt-product__name,
  .template-product .wt-product__price,
  .template-product .wt-product__price .price,
  .template-product .wt-product__price .price__container,
  .template-product .wt-product__price .price__regular,
  .template-product .wt-product__price .price__sale,
  .template-product .wt-product__price .price-item,
  .template-product .wt-product__price .wt-product__price__final {
    font-size: 1.1rem !important;
  }
}

/* Kill any extra top-margin or padding on the price wrapper div */
/* price handled by grid — no absolute overrides needed */

/* ========================================================== */
/*  Product gallery images — centered for transparent PNGs    */
/* ========================================================== */

/* The swiper slide is the direct parent of the <img> */
.template-product .wt-product__gallery .swiper-slide,
.template-product .wt-product__gallery [data-swiper-slide] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* The actual product image — FIRST slide (primary product shot, usually a
   transparent PNG) gets padded & contained inside the grey backdrop.
   SECONDARY slides (lookbook photos) fill the slide edge-to-edge. */

/* Primary/first image — contained with padding (the classic product shot look) */
.template-product .wt-product__gallery [data-swiper-slide]:first-child img,
.template-product .wt-product__gallery .swiper-slide:first-child img,
.template-product .wt-product__gallery .wt-slider__slide:first-child img,
.template-product .wt-product__gallery [data-swiper-slide]:first-child .wt-product__img {
  width: auto !important;
  max-width: 80% !important;
  max-height: 80vh !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: unset !important;
  margin: 0 auto !important;
  display: block !important;
  position: relative !important;
}

/* Secondary images — fill the slide fully, NO grey framing */
.template-product .wt-product__gallery [data-swiper-slide]:not(:first-child),
.template-product .wt-product__gallery .swiper-slide:not(:first-child) {
  background: transparent !important;
}

.template-product .wt-product__gallery [data-swiper-slide]:not(:first-child) img,
.template-product .wt-product__gallery .swiper-slide:not(:first-child) img,
.template-product .wt-product__gallery .wt-slider__slide:not(:first-child) img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  aspect-ratio: unset !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
}

@media (max-width: 899px) {
  /* Primary image tighter on mobile */
  .template-product .wt-product__gallery [data-swiper-slide]:first-child img,
  .template-product .wt-product__gallery .swiper-slide:first-child img {
    max-width: 75% !important;
    max-height: 65vh !important;
    padding: 24px 0 !important;
  }
  /* Secondary images edge-to-edge on mobile */
  .template-product .wt-product__gallery [data-swiper-slide]:not(:first-child) img,
  .template-product .wt-product__gallery .swiper-slide:not(:first-child) img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    padding: 0 !important;
  }

  /* Secondary images fill the slide naturally. The slide's aspect-ratio
     (from --slide-ratio) matches the image's natural aspect-ratio, so
     width:100% + height:auto should fit the slide exactly. */
  html body.template-product .wt-product__gallery [data-swiper-slide]:not(:first-child) img,
  html body.template-product .wt-product__gallery .swiper-slide:not(:first-child) img,
  html body.template-product .wt-product__gallery .wt-slider__slide:not(:first-child) img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* Secondary slide containers — transparent background, no extra layout */
  html body.template-product .wt-product__gallery [data-swiper-slide]:not(:first-child),
  html body.template-product .wt-product__gallery .swiper-slide:not(:first-child),
  html body.template-product .wt-product__gallery .wt-slider__slide:not(:first-child) {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
  }

  /* KILL THE GREY AT EVERY LEVEL OF THE SWIPER on mobile.
     Make EVERY swiper container, wrapper, and slide background
     transparent so even if height mismatches the image, no grey shows. */
  html body.template-product .wt-product__gallery .swiper,
  html body.template-product .wt-product__gallery .wt-slider__container,
  html body.template-product .wt-product__gallery [data-gallery],
  html body.template-product .wt-product__gallery .swiper-wrapper,
  html body.template-product .wt-product__gallery [data-swiper-container],
  html body.template-product .wt-product__gallery .swiper-wrapper--masonry,
  html body.template-product .wt-product__gallery .wt-slider__wrapper {
    background: transparent !important;
    background-color: transparent !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
}

/* Also kill aspect-ratio on the slide container itself */
.template-product .wt-product__gallery .wt-slider__slide,
.template-product .wt-product__gallery [data-swiper-slide] {
  aspect-ratio: unset !important;
}

/* =========================================================
   SIZECHART row — model info left, SIZECHART link right
   Matches the layout from the product page mockup
   ========================================================= */

.template-product .wt-product__option__size-info-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
}

.template-product .wt-product__option__model-info {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #555;
  line-height: 1.2;
  flex: 1 1 auto;
  min-width: 0;
}

.template-product .wt-product__option__size-guide {
  flex: 0 0 auto;
}

/* The popup wrapper / button — re-style to match a plain text link */
.template-product .wt-product__option__size-guide .wt-product__information-popup {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: inline-flex;
  align-items: center;
}

/* Hide the accordion icon next to the link for a cleaner look */
.template-product .wt-product__option__size-guide .wt-product__information-popup .wt-product__icon {
  display: none !important;
}

.template-product .wt-product__option__size-guide .wt-product__opener {
  display: inline-flex;
}

.template-product .wt-product__option__size-guide .wt-product__button.wt-product__link {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  cursor: pointer;
}

.template-product .wt-product__option__size-guide .wt-product__button.wt-product__link:hover {
  opacity: 0.7;
}

/* SIZECHART row sits cleanly between label and tiles.
   We do NOT change .wt-product__option__wrapper layout — that risks
   breaking tile click handling. The size-info-row is a flex row on
   its own, the wrapper inherits the theme's default block layout. */

/* Hide the "CHOOSE SIZE:" label only on the size option's wrapper.
   Targeted via the parent .wt-product__option that contains the
   size-info-row. The original theme's "CHOOSE SIZE:" label is inside
   .wt-product__option__title, which sits above the size-info-row. */
.template-product .wt-product__option:has(.wt-product__option__size-info-row)
  > .wt-product__option__wrapper
  > .wt-product__option__title {
  display: none !important;
}

/* Size chart modal content — make page content (incl. images) render cleanly */
.wt-product__modal--content-info.rte img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 12px auto;
  border-radius: 4px;
}

.wt-product__modal--content-info.rte {
  text-align: left; /* override the theme's default 'justify' which looks odd */
}

.wt-product__modal--content-info.rte .headline__title {
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 16px 0;
  text-align: center;
}

.wt-product__modal--content-info.rte p,
.wt-product__modal--content-info.rte ul,
.wt-product__modal--content-info.rte ol {
  margin: 0 0 12px 0;
  line-height: 1.5;
}

/* When the page is mostly just an image, remove extra padding */
.wt-product__modal--content-info.rte > *:first-child {
  margin-top: 0;
}

.wt-product__modal--content-info.rte > *:last-child {
  margin-bottom: 0;
}

/* ============================================================
   FEATURED COLLECTION — SUVENE style backgrounds
   Section grey, all wrappers transparent, no white strip.
   ============================================================ */

/* Section background: grey */
.wt-featured-collection,
.wt-featured-collection.wt-slider {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
}

/* ALL wrappers transparent — uses SUVENE's .wt-featured-collection.wt-slider prefix */
.wt-featured-collection.wt-slider,
.wt-featured-collection.wt-slider * {
  box-sizing: border-box;
}

.wt-featured-collection.wt-slider .wt-slider__container,
.wt-featured-collection.wt-slider .swiper,
.wt-featured-collection.wt-slider .swiper-wrapper,
.wt-featured-collection.wt-slider .swiper-slide,
.wt-featured-collection.wt-slider .wt-slider__slide,
.wt-featured-collection.wt-slider .card__container,
.wt-featured-collection.wt-slider .card-wrapper,
.wt-featured-collection.wt-slider .card,
.wt-featured-collection.wt-slider .card.card--left,
.wt-featured-collection.wt-slider .card.card--center,
.wt-featured-collection.wt-slider a.card,
.wt-featured-collection.wt-slider [data-swiper-slide] > div,
.wt-featured-collection.wt-slider .wt-slider__card-wrapper,
.wt-featured-collection.wt-slider .scroll-trigger {
  background: transparent !important;
  background-color: transparent !important;
}

/* Picture container: grey with padding */
.wt-featured-collection.wt-slider .card__picture,
.wt-featured-collection.wt-slider .card__picture-container {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  padding: 40px 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Image: contained, centered */
.wt-featured-collection.wt-slider .card__picture .card__img,
.wt-featured-collection.wt-slider .card__picture img {
  background: transparent !important;
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
}

/* Card container: no padding, no gap, transparent */
.wt-featured-collection.wt-slider .card__container {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* Quick-add container */
.wt-featured-collection.wt-slider .card__quick-add-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile: less padding on picture */
@media (max-width: 749px) {
  .wt-featured-collection.wt-slider .card__picture,
  .wt-featured-collection.wt-slider .card__picture-container {
    padding: 20px 15px !important;
  }
}


/* ============================================================
   COLLECTION PAGE — SUVENE style
   ============================================================ */

/* --- Product Grid: edge-to-edge, small gaps, grey bg on images --- */
.template-collection .collection {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.template-collection .collection__body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

.template-collection .collection__grid {
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.template-collection .collection__grid__item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Grey background on product images */
.template-collection .collection__grid__item .card__picture-container,
.template-collection .collection__grid__item .card__picture {
  background: #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  padding: 30px 20px !important;
}

/* Product images: contain, centered */
.template-collection .collection__grid__item .card__img {
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  aspect-ratio: auto !important;
}

/* Card container transparent */
.template-collection .collection__grid__item .card__container {
  background: transparent !important;
}

/* --- Info row: TITLE on top (bold), PRICE below — stacked like SUVENE --- */
.template-collection .collection__grid__item .card.card--left,
.template-collection .collection__grid__item .card.card--center {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 12px 12px 16px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  gap: 2px !important;
}

/* Title: bold, uppercase, on top */
.template-collection .collection__grid__item .card__title {
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  color: #000 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.template-collection .collection__grid__item .card__title a {
  text-decoration: none !important;
  color: inherit !important;
}

/* Price: below title, regular weight */
.template-collection .collection__grid__item .card__price {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #000 !important;
  line-height: 1.3 !important;
}

.template-collection .collection__grid__item .card__price .price-item {
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Hide vendor on collection grid */
.template-collection .collection__grid__item .card__subtitle {
  display: none !important;
}

/* Hide ratings on collection grid */
.template-collection .collection__grid__item .wt-rating {
  display: none !important;
}

/* --- Quick-add + button: bottom-right of grey area --- */
.template-collection .collection__grid__item .card__quick-add-container {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.template-collection .collection__grid__item .card__picture-container {
  position: relative !important;
}

/* --- Price: only show one price, hide compare-at --- */
.template-collection .card__price .price--on-sale .price__regular {
  display: none !important;
}
.template-collection .card__price .price:not(.price--on-sale) .price__sale {
  display: none !important;
}
.template-collection .card__price s,
.template-collection .card__price del,
.template-collection .card__price .price-item--lower,
.template-collection .card__price .price-item--compare,
.template-collection .card__price .price-item--percent,
.template-collection .card__price .price__badge-sale,
.template-collection .card__price .price__badge-sold-out,
.template-collection .card__price .unit-price,
.template-collection .card__price .visually-hidden {
  display: none !important;
}

/* --- Desktop: 4 columns, same stacked layout --- */
@media (min-width: 900px) {
  .template-collection .collection__grid {
    gap: 1px !important;
  }

  .template-collection .collection__grid__item .card__picture-container,
  .template-collection .collection__grid__item .card__picture {
    padding: 40px 30px !important;
  }

  .template-collection .collection__grid__item .card.card--left,
  .template-collection .collection__grid__item .card.card--center {
    padding: 12px 16px 20px !important;
  }
}

/* --- Collection banner: full bleed behind header --- */
.template-collection .collection-banner {
  margin-top: -60px !important;
  padding-top: 0 !important;
}

.template-collection .collection-banner .hero__img {
  width: 100% !important;
  object-fit: cover !important;
}

/* --- Toolbar: clean, minimal --- */
.template-collection .collection__toolbar {
  padding: 12px 16px !important;
}

.template-collection .collection__header__title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
}

/* Full-width section override */
.template-collection .section--full .collection {
  max-width: none !important;
  padding: 0 !important;
}


/* ============================================================
   COLLECTION PAGE — Transparent header (same as homepage)
   ============================================================ */

/* Make header transparent on collection pages */
.template-collection .wt-header--transparent.wt-header--v3:not(.wt-header--always-blurred) {
  --color-header-background: transparent;
  --header-bg-opacity: 0;
  --header-bg-blur: 0;
  border-bottom: 0 !important;
  box-shadow: unset !important;
}

.template-collection .wt-header--transparent.wt-header--v3:not(.wt-header--always-blurred) .wt-flag-icon {
  box-shadow: none;
}

.template-collection .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser--full-menu .wt-page-nav-mega {
  --color-menu-background: transparent;
  --color-menu-text: var(--color-transparent-header);
}

.template-collection .wt-header--transparent.wt-header--v3 .wt-header__icon {
  --color-links: var(--color-transparent-header);
}

.template-collection .wt-header--transparent.wt-header--v3 .wt-page-nav-mega__decorated {
  --clr-underline: var(--color-transparent-header);
}

body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser__item--parent,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser__link,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-header__search__form,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-localization-trigger,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .svg-icon--search,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .svg-icon--bars,
body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-icon {
  --color-input-border: var(--color-transparent-header);
  color: var(--color-transparent-header);
}

body:not(.search-overlay-on).template-collection .wt-header--transparent.wt-header--v3 .wt-header__logo {
  opacity: 1;
}

/* Pull the banner up behind the header */
.template-collection .collection-banner.spaced-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.template-collection .collection-banner.spaced-section--full-width {
  --section-gap-top: 0px !important;
  --section-gap-bottom: 0px !important;
}

/* Banner goes full bleed — pull behind header */
.template-collection .collection-banner .hero__wrapper--full {
  max-width: none !important;
  padding: 0 !important;
}

.template-collection .collection-banner .hero {
  border-radius: 0 !important;
}

.template-collection .collection-banner .hero__img {
  width: 100% !important;
  object-fit: cover !important;
}

/* Pull main content up so banner sits behind header */
.template-collection main#root {
  margin-top: calc(-1 * var(--header-height, 60px)) !important;
  padding-top: 0 !important;
}

/* Make collection banner the full-bleed hero style — no grid layout, just image */
.template-collection .collection-banner .hero--grid {
  display: block !important;
}

.template-collection .collection-banner .hero__overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 40px !important;
}

.template-collection .collection-banner .hero__pic {
  width: 100% !important;
  display: block !important;
}

/* Collection title: bold, left-aligned like SUVENE */
.template-collection .collection-banner .hero__title {
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: clamp(28px, 4vw, 48px) !important;
}


/* ============================================================
   FOOTER — SUVENE style (clean, minimal, 5-column desktop)
   ============================================================ */

/* --- DESKTOP --- */
@media (min-width: 990px) {
  .wt-footer {
    border-top: 1px solid #e0e0e0;
  }

  .wt-footer .wt-footer__body {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 60px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 40px 40px 20px !important;
  }

  /* Newsletter block: narrower */
  .wt-footer .wt-footer__block--newsletter {
    flex: 0 0 280px !important;
    max-width: 280px !important;
  }

  /* Menu blocks: equal width */
  .wt-footer .wt-footer__block--menu {
    flex: 0 0 auto !important;
  }

  /* All footer titles: bold, uppercase, small */
  .wt-footer .wt-footer__title,
  .wt-footer .wt-newsletter__title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }

  /* Footer links: clean, small */
  .wt-footer .wt-footer__list__item {
    margin: 0 0 6px !important;
  }

  .wt-footer .wt-footer__list__item a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  /* Newsletter text smaller */
  .wt-footer .wt-newsletter .wt-footer__text {
    font-size: 11px !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }

  /* Newsletter input: clean underline style */
  .wt-footer .wt-newsletter__field {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
  }

  .wt-footer .wt-newsletter__send {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 8px 0 8px 12px !important;
  }

  .wt-footer .wt-newsletter__fieldset {
    flex-direction: row !important;
    max-width: 280px !important;
  }

  /* Country/language: right side */
  .wt-footer .wt-footer__localization__triggers {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* Aside (bottom bar with copyright + legal) */
  .wt-footer .wt-footer__aside {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 16px 40px !important;
    border-top: 1px solid #e0e0e0 !important;
  }

  /* No borders between blocks */
  .wt-footer .wt-footer__block:not(:first-child) {
    border: none !important;
  }

  /* Remove extra padding from blocks */
  .wt-footer .wt-footer__block {
    padding: 0 !important;
  }

  /* Plus icon hidden on desktop (menus always open) */
  .wt-footer .wt-footer__title__icon {
    display: none !important;
  }
}

/* --- MOBILE --- */
@media (max-width: 989px) {
  .wt-footer {
    border-top: 1px solid #e0e0e0;
  }

  .wt-footer .wt-footer__body {
    padding: 24px 20px !important;
  }

  /* Newsletter: clean, prominent */
  .wt-footer .wt-footer__block--newsletter {
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
    border: none !important;
  }

  .wt-footer .wt-newsletter__title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
  }

  .wt-footer .wt-newsletter .wt-footer__text {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
  }

  .wt-footer .wt-newsletter__field {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
  }

  .wt-footer .wt-newsletter__send {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 8px 0 8px 12px !important;
  }

  .wt-footer .wt-newsletter__fieldset {
    flex-direction: row !important;
  }

  /* Accordion titles */
  .wt-footer .wt-footer__title.wt-collapse__trigger {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
  }

  /* No top border on blocks */
  .wt-footer .wt-footer__block:not(:first-child) {
    border-top: none !important;
  }

  .wt-footer .wt-footer__block {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Links inside accordion */
  .wt-footer .wt-footer__list__item a {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
  }

  /* Plus icon: small and clean */
  .wt-footer .wt-footer__title__icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* Country block on mobile */
  .wt-footer .wt-footer__localization__triggers {
    justify-content: flex-start !important;
    margin-top: 20px !important;
    gap: 12px !important;
  }

  /* Aside bottom */
  .wt-footer .wt-footer__aside {
    padding: 16px 20px !important;
    border-top: 1px solid #e0e0e0 !important;
  }

  .wt-footer .wt-footer__aside__copy {
    text-align: center !important;
    font-size: 11px !important;
  }
}

/* --- GLOBAL footer cleanup --- */
.wt-footer {
  padding-bottom: 0 !important;
  background: #fff !important;
}

.wt-footer .wt-footer__aside__copy {
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}


/* ============================================================
   COLLECTION PAGE — SUVENE exact match (mobile + desktop)
   ============================================================ */

/* --- Hide product count ("2 products") --- */
.template-collection .collection__counter,
.template-collection .collection__counter.mobile {
  display: none !important;
}

/* --- Collection title: bold, left, uppercase, tight --- */
.template-collection .collection__header__title,
.template-collection .main-collection-title .headline__title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  font-size: 22px !important;
  padding: 16px 16px 0 !important;
  margin: 0 !important;
}

/* --- Toolbar: VIEW left, MODELL right --- */
.template-collection .collection__toolbar {
  padding: 8px 16px !important;
  justify-content: space-between !important;
}

/* --- Mobile grid: 2 columns, no outer padding, minimal gap --- */
@media (max-width: 899px) {
  .template-collection .collection__grid {
    --cols: 2 !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 4px !important;
  }

  /* Image area taller on mobile to match SUVENE proportions */
  .template-collection .collection__grid__item .card__picture-container,
  .template-collection .collection__grid__item .card__picture {
    aspect-ratio: 0.75 !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .template-collection .collection__grid__item .card__img {
    max-height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Info row: tighter on mobile */
  .template-collection .collection__grid__item .card.card--left,
  .template-collection .collection__grid__item .card.card--center {
    padding: 10px 10px 14px !important;
  }

  .template-collection .collection__grid__item .card__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  .template-collection .collection__grid__item .card__price {
    font-size: 12px !important;
    margin-top: 2px !important;
  }
}

/* --- Desktop: 4 columns --- */
@media (min-width: 900px) {
  .template-collection .collection__grid {
    --cols: 4 !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .template-collection .collection__grid__item .card__picture-container,
  .template-collection .collection__grid__item .card__picture {
    aspect-ratio: 0.8 !important;
  }
}

/* --- Quick add + button: INSIDE grey area, bottom right --- */
.template-collection .collection__grid__item .card__picture-container {
  position: relative !important;
}

.template-collection .collection__grid__item .card__quick-add-container {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  z-index: 2 !important;
}

/* + button styling: small, grey square */
.template-collection .collection__grid__item .card__quick-add-container button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid #999 !important;
  background: transparent !important;
  color: #666 !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
}

/* Hide the sticky header bar on collection to keep it clean */
.template-collection .collection__sticky-header {
  position: relative !important;
  background: transparent !important;
}


/* ============================================================
   FEATURED COLLECTION — STACKED GRID (homepage, SUVENE style)
   ============================================================ */

/* --- Grid: edge-to-edge, small gaps --- */
.wt-featured-collection .wt-slider__wrapper--stack[data-swiper-container] {
  gap: 4px 4px !important;
  padding: 0 !important;
}

@media (min-width: 900px) {
  .wt-featured-collection .wt-slider__wrapper--stack[data-swiper-container] {
    gap: 1px 1px !important;
  }
}

/* --- Each card in the stack: grey bg, proper proportions --- */
.wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture-container,
.wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture {
  background: #e8e8e8 !important;
  padding: 20px !important;
  aspect-ratio: 0.75 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

@media (min-width: 900px) {
  .wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture-container,
  .wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture {
    padding: 40px 30px !important;
    aspect-ratio: 0.8 !important;
  }
}

/* --- Image: contained --- */
.wt-featured-collection .wt-slider__wrapper--stack .card__img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}

/* --- Info row: title on top bold, price below --- */
.wt-featured-collection .wt-slider__wrapper--stack .card.card--left,
.wt-featured-collection .wt-slider__wrapper--stack .card.card--center {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 10px 10px 14px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  gap: 2px !important;
}

.wt-featured-collection .wt-slider__wrapper--stack .card__title {
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: #000 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  text-align: left !important;
}

.wt-featured-collection .wt-slider__wrapper--stack .card__title a {
  text-decoration: none !important;
  color: inherit !important;
}

.wt-featured-collection .wt-slider__wrapper--stack .card__price {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #000 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Hide vendor */
.wt-featured-collection .wt-slider__wrapper--stack .card__subtitle {
  display: none !important;
}

/* + button inside grey area, bottom right */
.wt-featured-collection .wt-slider__wrapper--stack .card__quick-add-container {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card container transparent */
.wt-featured-collection .wt-slider__wrapper--stack .card__container {
  background: transparent !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Slide width: let grid handle it */
.wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide {
  width: 100% !important;
  max-width: none !important;
}

/* Container padding reset for stacked */
.wt-featured-collection .wt-slider__container:has(.wt-slider__wrapper--stack) {
  padding: 0 !important;
  max-width: none !important;
}


/* ============================================================
   HERO BUTTONS — low opacity (10%) background
   ============================================================ */
.hero__button--gap .hero__button:not(.hero__button--link) {
  background: rgba(0, 0, 0, 0.10) !important;
}

.hero__button--gap .hero__button:not(.hero__button--link):hover {
  background: rgba(0, 0, 0, 0.25) !important;
}


/* ============================================================
   MEGA FIX — All client feedback items
   ============================================================ */

/* -------------------------------------------------------
   1. CART DRAWER — smaller text like Suvene
   ------------------------------------------------------- */
.wt-cart__drawer__header h3,
.wt-cart__drawer__header .wt-cart__title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.wt-cart--empty .wt-cart__title,
.wt-cart__header--empty .wt-cart__title {
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.wt-cart__drawer .wt-cart__item__name {
  font-size: 11px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.wt-cart__drawer .wt-cart__item__amount,
.wt-cart__drawer .wt-cart__item__price,
.wt-cart__drawer .cart-item__price {
  font-size: 11px !important;
}

.wt-cart__drawer .wt-cart__subtotal,
.wt-cart__drawer .wt-cart__subtotal__label .text {
  font-size: 12px !important;
}

.wt-cart__drawer .wt-cart__cta {
  font-size: 11px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* -------------------------------------------------------
   2. PRODUCT GRID — closer together, no side borders
   ------------------------------------------------------- */
/* Collection pages */
.template-collection .collection__grid {
  gap: 1px !important;
}

@media (max-width: 899px) {
  .template-collection .collection__grid {
    gap: 2px !important;
  }
}

/* Featured collection stacked (homepage + collection) */
.wt-featured-collection .wt-slider__wrapper--stack[data-swiper-container] {
  gap: 1px 1px !important;
}

@media (max-width: 899px) {
  .wt-featured-collection .wt-slider__wrapper--stack[data-swiper-container] {
    gap: 2px 2px !important;
  }
}

/* Featured collection slider (homepage) */
.wt-featured-collection.wt-slider .wt-slider__container--featured {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* COMBINE WITH / product recommendations */
.product-recommendations .wt-slider__container--featured {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* -------------------------------------------------------
   3. PRODUCT IMAGES BIGGER on collection pages
   ------------------------------------------------------- */
.template-collection .collection__grid__item .card__picture-container,
.template-collection .collection__grid__item .card__picture {
  padding: 15px !important;
  aspect-ratio: 0.85 !important;
}

@media (min-width: 900px) {
  .template-collection .collection__grid__item .card__picture-container,
  .template-collection .collection__grid__item .card__picture {
    padding: 20px !important;
    aspect-ratio: 0.85 !important;
  }
}

/* Sold out badge: upper left, small */
.template-collection .card__badges {
  top: 8px !important;
  left: 8px !important;
}

.template-collection .card__badges--item {
  font-size: 10px !important;
  padding: 3px 8px !important;
}

/* Prevent black overlay on click/tap */
.template-collection .card__picture a:active,
.template-collection .card__picture a:focus {
  background: transparent !important;
  outline: none !important;
}

.template-collection .card__picture-container::after {
  display: none !important;
}

/* -------------------------------------------------------
   4. TITLE OVER PRICE (stacked) on all collection rows
   ------------------------------------------------------- */
/* Homepage featured collection slider — override the inline layout */
.wt-featured-collection.wt-slider .card__container > .card.card--left:not(a),
.wt-featured-collection.wt-slider .card__container > div.card.card--left {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

.wt-featured-collection.wt-slider .card__title {
  order: 1 !important;
  text-align: left !important;
  padding: 0 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.wt-featured-collection.wt-slider .card__price {
  order: 2 !important;
  text-align: left !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* COMBINE WITH / product recommendations — also stacked */
.product-recommendations .card.card--left,
.product-recommendations .card.card--center {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  padding: 10px 12px !important;
  border: none !important;
}

.product-recommendations .card__title {
  order: 1 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.product-recommendations .card__price {
  order: 2 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.product-recommendations .card__subtitle {
  display: none !important;
}

/* -------------------------------------------------------
   5. PAYMENT ICONS — under SELECT SIZE + "SAFE CHECKOUT"
   ------------------------------------------------------- */
/* Style the payments badge block */
.wt-product__payments-badge {
  margin-top: 8px !important;
  padding: 0 !important;
  text-align: left !important;
}

.wt-product__payments-badge__content {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #999 !important;
  margin-bottom: 6px !important;
}

.wt-product__payments-badge__icons__list {
  justify-content: flex-start !important;
  gap: 6px !important;
}

.wt-product__payments-badge__icons__list li {
  width: 36px !important;
  height: 24px !important;
}

/* -------------------------------------------------------
   6. HIDE HALF-VIEW SECOND IMAGE on desktop product page
   ------------------------------------------------------- */
@media (min-width: 900px) {
  /* Hide the peek of the next slide below on fashion layout */
  .wt-product__gallery .swiper {
    overflow: hidden !important;
  }
  
  /* If using masonry/collage with partial image showing */
  .wt-product__gallery .wt-slider__container {
    overflow: hidden !important;
  }
}

/* -------------------------------------------------------
   7. TRUSTPILOT LINK — add via CSS (positioned in footer aside)
   ------------------------------------------------------- */
/* You'll need to add a Trustpilot widget via theme customizer
   or a custom liquid block. CSS just styles it: */
.trustpilot-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.trustpilot-footer img {
  height: 20px !important;
  width: auto !important;
}

/* -------------------------------------------------------
   8. NEWSLETTER FIELD — clean underline style (no border box)
   ------------------------------------------------------- */
/* All newsletter fields across the site */
.wt-newsletter__field {
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 !important;
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  outline: none !important;
  box-shadow: none !important;
}

.wt-newsletter__field:focus {
  border-bottom: 1px solid #000 !important;
  outline: none !important;
  box-shadow: none !important;
}

.wt-newsletter__field::placeholder {
  color: #999 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* SUBSCRIBE button: clean, no border box */
.wt-newsletter__send {
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 10px 0 10px 16px !important;
  cursor: pointer !important;
}

.wt-newsletter__send:hover {
  background: transparent !important;
  color: #000 !important;
}

.wt-newsletter__fieldset {
  flex-direction: row !important;
  border: none !important;
  background: transparent !important;
}

/* Email signup section on collection/home pages */
.email-signup .wt-newsletter__field,
.section-email-signup .wt-newsletter__field {
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: transparent !important;
}


/* ============================================================
   FEATURED COLLECTION SLIDER — mobile image fix
   ============================================================ */
@media (max-width: 899px) {
  /* Slides: wider on mobile */
  .wt-featured-collection .wt-slider__container--featured .wt-slider__slide {
    width: 48vw !important;
  }

  /* Image area: proper aspect ratio, less padding, centered */
  .wt-featured-collection.wt-slider .card__picture,
  .wt-featured-collection.wt-slider .card__picture-container {
    padding: 16px !important;
    aspect-ratio: 0.85 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Image: fill properly */
  .wt-featured-collection.wt-slider .card__picture .card__img,
  .wt-featured-collection.wt-slider .card__picture img {
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
}


/* ============================================================
   CLIENT FIXES — 12 MAY 2026
   ============================================================ */

/* -------------------------------------------------------
   A. COMBINE WITH — headline on white, centered, flush with slider
   ------------------------------------------------------- */
.wt-featured-collection--recommendation .headline {
  background: #ffffff !important;
  max-width: 100% !important;
  padding: 14px 24px 14px !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Section + slider go full-bleed: no page-width side padding,
   no top margin/padding so grey starts immediately under headline.
   overflow-x: hidden keeps the slider from making the whole page
   scroll sideways. */
.wt-featured-collection--recommendation,
.wt-featured-collection--recommendation .related-products,
.wt-featured-collection--recommendation .page-width {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Make sure the slideshow/swiper container clips horizontally too */
.wt-featured-collection--recommendation slideshow-section,
.wt-featured-collection--recommendation .wt-slider__container--featured {
  overflow-x: hidden !important;
}

.wt-featured-collection--recommendation slideshow-section,
.wt-featured-collection--recommendation .wt-slider__container--featured,
.wt-featured-collection--recommendation .wt-slider__container--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  max-width: 100% !important;
}

.wt-featured-collection--recommendation [data-swiper-container],
.wt-featured-collection--recommendation .swiper-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.wt-featured-collection--recommendation .headline__title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* -------------------------------------------------------
   B. COMBINE WITH — image area grey, info row white
   ------------------------------------------------------- */
/* No background gymnastics — let each card show its own bg:
   image_container = grey, info_row = white. Slides flush together
   (no horizontal gap) so the grey areas read as a continuous strip and
   the white info rows also read as a continuous strip. Thin white
   vertical dividers come from a 2 px gap. */
.wt-featured-collection--recommendation [data-swiper-container],
.wt-featured-collection--recommendation .swiper-wrapper {
  background: transparent !important;
}

.product-recommendations .wt-slider__slide,
.wt-featured-collection--recommendation .wt-slider__slide,
.product-recommendations [data-swiper-slide],
.wt-featured-collection--recommendation [data-swiper-slide],
.product-recommendations .swiper-slide,
.wt-featured-collection--recommendation .swiper-slide {
  height: auto !important;
  background: transparent !important;
}

.product-recommendations .card__container,
.wt-featured-collection--recommendation .card__container {
  --aspect-ratio: 0.8 !important;
  background: transparent !important;
}

/* IMAGE area = grey, big on mobile */
.product-recommendations .card__picture-container,
.product-recommendations .card__picture,
.wt-featured-collection--recommendation .card__picture-container,
.wt-featured-collection--recommendation .card__picture {
  aspect-ratio: 0.78 !important;
  background: #e8e8e8 !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 899px) {
  /* Mobile: tall portrait card, image fills the grey box */
  .product-recommendations .card__picture-container,
  .product-recommendations .card__picture,
  .wt-featured-collection--recommendation .card__picture-container,
  .wt-featured-collection--recommendation .card__picture {
    aspect-ratio: 0.72 !important;
    padding: 8px !important;
  }

  /* Reduce slider side padding so the card extends edge-to-edge */
  .product-recommendations .wt-slider__container--featured,
  .wt-featured-collection--recommendation .wt-slider__container--featured {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  /* Force the slider container to span full viewport */
  .wt-featured-collection--recommendation {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Mobile slide: 90vw wide with small white margin on each side
     (matches the Suvene reference). centeredSlides:true in swiper
     config keeps the active slide perfectly centered in the viewport,
     so every product image lines up with the headline. */
  .product-recommendations [data-swiper-slide],
  .product-recommendations .swiper-slide,
  .wt-featured-collection--recommendation [data-swiper-slide],
  .wt-featured-collection--recommendation .swiper-slide {
    width: 90vw !important;
    max-width: 90vw !important;
    min-width: 90vw !important;
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Force everything inside the slide to expand to 100% width
     so the grey image card stretches edge-to-edge instead of
     shrinking to its content */
  .product-recommendations [data-swiper-slide] > *,
  .product-recommendations [data-swiper-slide] color-swatch,
  .product-recommendations [data-swiper-slide] .card__container,
  .wt-featured-collection--recommendation [data-swiper-slide] > *,
  .wt-featured-collection--recommendation [data-swiper-slide] color-swatch,
  .wt-featured-collection--recommendation [data-swiper-slide] .card__container {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }

  /* Centre the product image inside its card so it sits in the
     middle of the visible slide, not pushed to one edge */
  .product-recommendations .card__picture,
  .product-recommendations .card__picture-container,
  .product-recommendations .card__img,
  .wt-featured-collection--recommendation .card__picture,
  .wt-featured-collection--recommendation .card__picture-container,
  .wt-featured-collection--recommendation .card__img {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* Mobile-only: make the card image dominate the card AND
   guarantee dead-center positioning regardless of sibling
   elements (loader, badges) inside the picture container. */
@media (max-width: 899px) {
  .product-recommendations .card__picture-container,
  .product-recommendations .card__picture,
  .wt-featured-collection--recommendation .card__picture-container,
  .wt-featured-collection--recommendation .card__picture {
    aspect-ratio: 0.85 !important;
    padding: 30px 20px !important;
    min-height: 100vw !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Pull badges/loader out of normal flow so they don't push the
     product image off-center */
  .product-recommendations .card__picture .card__loader,
  .product-recommendations .card__picture .card__badges,
  .wt-featured-collection--recommendation .card__picture .card__loader,
  .wt-featured-collection--recommendation .card__picture .card__badges {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  /* The product image: explicit centering, ignore any sibling flow */
  .product-recommendations .card__picture .card__img,
  .product-recommendations .card__picture img,
  .wt-featured-collection--recommendation .card__picture .card__img,
  .wt-featured-collection--recommendation .card__picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    display: block !important;
    margin: 0 auto !important;
    inset: 0 !important;
    position: relative !important;
  }
}

@media (min-width: 900px) {
  /* Desktop: tall card aspect ratio like reference */
  .product-recommendations .card__picture-container,
  .product-recommendations .card__picture,
  .wt-featured-collection--recommendation .card__picture-container,
  .wt-featured-collection--recommendation .card__picture {
    aspect-ratio: 0.78 !important;
    padding: 14px !important;
  }
}

/* INFO row (title + price): WHITE bar BELOW the grey image — full width.
   Maximum specificity to defeat older flex-direction:column rules. */
.wt-featured-collection.wt-slider.wt-featured-collection--recommendation .card__container > .card.card--left,
.wt-featured-collection.wt-slider.wt-featured-collection--recommendation .card__container > .card.card--center,
.wt-featured-collection--recommendation .card__container > .card.card--left:not(a),
.wt-featured-collection--recommendation .card__container > div.card.card--left,
.product-recommendations .card__container > .card.card--left,
.product-recommendations .card__container > .card.card--center {
  background: #ffffff !important;
  padding: 14px 12px 14px 12px !important;
  margin: 0 !important;
  border: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}

/* Title on the LEFT, price on the RIGHT (Combine With only).
   Higher specificity than the global .wt-featured-collection.wt-slider rule. */
.wt-featured-collection.wt-slider.wt-featured-collection--recommendation .card__title,
.wt-featured-collection--recommendation .product-recommendations .card__title,
.product-recommendations .card__title,
.wt-featured-collection--recommendation .card__title {
  order: 1 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000 !important;
  flex: 1 1 auto !important;
}

.wt-featured-collection.wt-slider.wt-featured-collection--recommendation .card__price,
.wt-featured-collection--recommendation .product-recommendations .card__price,
.product-recommendations .card__price,
.wt-featured-collection--recommendation .card__price {
  order: 2 !important;
  text-align: right !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 0 0 12px !important;
  color: #000 !important;
  flex: 0 0 auto !important;
}

/* Subtle vertical divider between adjacent slides' info rows */
.product-recommendations [data-swiper-slide] .card.card--left,
.product-recommendations [data-swiper-slide] .card.card--center,
.wt-featured-collection--recommendation [data-swiper-slide] .card.card--left,
.wt-featured-collection--recommendation [data-swiper-slide] .card.card--center {
  border-right: 1px solid #eeeeee !important;
}

.product-recommendations [data-swiper-slide]:last-child .card.card--left,
.product-recommendations [data-swiper-slide]:last-child .card.card--center,
.wt-featured-collection--recommendation [data-swiper-slide]:last-child .card.card--left,
.wt-featured-collection--recommendation [data-swiper-slide]:last-child .card.card--center {
  border-right: none !important;
}

.product-recommendations .card__picture .card__img,
.product-recommendations .card__picture img,
.wt-featured-collection--recommendation .card__picture .card__img,
.wt-featured-collection--recommendation .card__picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}

/* -------------------------------------------------------
   C. COMBINE WITH — slides flush, only a 2 px white divider line
   between cards so the grey image strip + white info strip read
   as continuous horizontal bands.
   ------------------------------------------------------- */
.product-recommendations [data-swiper-container],
.wt-featured-collection--recommendation [data-swiper-container] {
  gap: 0 !important;
}

.product-recommendations .swiper-slide,
.wt-featured-collection--recommendation .swiper-slide,
.product-recommendations [data-swiper-slide],
.wt-featured-collection--recommendation [data-swiper-slide] {
  margin-right: 0 !important;
}

/* -------------------------------------------------------
   J. UNIFIED PRODUCT IMAGE SIZING — same aspect ratio + padding
   across homepage, collection page, and recommendations so the
   product photo reads at a consistent size everywhere.
   ------------------------------------------------------- */
/* Single source of truth for product image area dimensions */
:root {
  --product-card-ratio-desktop: 0.8;
  --product-card-ratio-mobile: 0.8;
  --product-card-padding-desktop: 18px;
  --product-card-padding-mobile: 14px;
  --product-card-bg: #e8e8e8;
  --product-grid-gap-desktop: 2px;
  --product-grid-gap-mobile: 2px;
}

/* Collection page grid + Homepage featured collection grid
   share container width and gap so cards render at identical
   pixel dimensions */
.template-collection .collection__grid,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .wt-slider__wrapper--stack {
  gap: var(--product-grid-gap-desktop) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 899px) {
  .template-collection .collection__grid,
  .wt-featured-collection:not(.wt-featured-collection--recommendation) .wt-slider__wrapper--stack {
    gap: var(--product-grid-gap-mobile) !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Both sections: container takes full viewport width */
.template-collection .collection__main,
.template-collection .collection__inner-container,
.wt-featured-collection:not(.wt-featured-collection--recommendation) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

/* Collection page grid */
.template-collection .collection__grid__item .card__picture-container,
.template-collection .collection__grid__item .card__picture,
/* Homepage featured collection */
.wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture-container,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture,
/* Stacked variant on homepage */
.wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture-container,
.wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture {
  aspect-ratio: var(--product-card-ratio-desktop) !important;
  padding: var(--product-card-padding-desktop) !important;
  background: var(--product-card-bg) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 899px) {
  .template-collection .collection__grid__item .card__picture-container,
  .template-collection .collection__grid__item .card__picture,
  .wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture-container,
  .wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture,
  .wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture-container,
  .wt-featured-collection .wt-slider__wrapper--stack .wt-slider__slide .card__picture {
    aspect-ratio: var(--product-card-ratio-mobile) !important;
    padding: var(--product-card-padding-mobile) !important;
  }
}

/* Image always object-fit: contain, fills the padded box */
.template-collection .collection__grid__item .card__picture img,
.template-collection .collection__grid__item .card__picture .card__img,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture img,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .card__picture .card__img,
.wt-featured-collection .wt-slider__wrapper--stack .card__picture img,
.wt-featured-collection .wt-slider__wrapper--stack .card__picture .card__img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
}

/* -------------------------------------------------------
   I. HOMEPAGE FEATURED COLLECTION — thin white divider between cards
   (same effect as the Combine With section)
   ------------------------------------------------------- */
/* Apply only to featured-collection sections, NOT recommendations
   (which already have their own dividers) */
.wt-featured-collection:not(.wt-featured-collection--recommendation) [data-swiper-slide],
.wt-featured-collection:not(.wt-featured-collection--recommendation) .swiper-slide,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .wt-slider__slide {
  border-right: 2px solid #ffffff !important;
  box-sizing: border-box !important;
}

.wt-featured-collection:not(.wt-featured-collection--recommendation) [data-swiper-slide]:last-child,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .swiper-slide:last-child,
.wt-featured-collection:not(.wt-featured-collection--recommendation) .wt-slider__slide:last-child {
  border-right: none !important;
}

/* Stacked grid variant on homepage (when products are in a grid) */
.wt-featured-collection:not(.wt-featured-collection--recommendation) .wt-slider__wrapper--stack .wt-slider__slide {
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
}

/* -------------------------------------------------------
   H. CART DRAWER — payment image under SAFE CHECKOUT button
   + bigger SAFE CHECKOUT button
   ------------------------------------------------------- */
/* Payment image — fills the cart width, flush against SAFE CHECKOUT */
.wt-cart__payments-badge__image {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  transform: translateY(-30px) !important;
}

.wt-cart__payments-badge__image img {
  display: block !important;
  width: 100% !important;
  height: 65px !important;
  max-width: 100% !important;
  max-height: 65px !important;
  object-fit: cover !important;
  margin: 0 auto !important;
}

/* SAFE CHECKOUT button: bigger */
.wt-cart__footer .btn-checkout,
.wt-cart__footer .wt-cart__cta,
.wt-cart__footer__body .btn-checkout,
.wt-cart__footer__body .wt-cart__cta {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  min-height: 56px !important;
  width: 100% !important;
}

/* -------------------------------------------------------
   G. COLLECTION GRID — visible white spacing between cards
   ------------------------------------------------------- */
.template-collection .collection__grid {
  gap: 6px !important;
  background: #ffffff !important;
}

@media (max-width: 899px) {
  .template-collection .collection__grid {
    gap: 4px !important;
  }
}

@media (min-width: 900px) {
  .template-collection .collection__grid {
    gap: 6px !important;
  }
}

/* Each grid item: white background, no border */
.template-collection .collection__grid__item {
  background: #ffffff !important;
  border: none !important;
}

/* Image area on grid item stays grey */
.template-collection .collection__grid__item .card__picture-container,
.template-collection .collection__grid__item .card__picture {
  background: #e8e8e8 !important;
}

/* Card info row in grid: white background */
.template-collection .collection__grid__item .card.card--left,
.template-collection .collection__grid__item .card.card--center {
  background: #ffffff !important;
}

/* -------------------------------------------------------
   D. SAFE CHECKOUT — bigger label, payment icons below
   ------------------------------------------------------- */
.wt-product__payments-badge {
  text-align: center !important;
  margin-top: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}

.wt-product__payments-badge__content {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wt-product__payments-badge__content p,
.wt-product__payments-badge__content > * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Payment icons row directly underneath the SAFE CHECKOUT label */
.wt-product__payments-badge__icons {
  margin-top: 6px !important;
}

.wt-product__payments-badge__icons__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

.wt-product__payments-badge__icons__list li,
.wt-product__payments-badge__icons__item {
  width: auto !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wt-product__payments-badge__icons__list li svg,
.wt-product__payments-badge__icons__item svg {
  height: 22px !important;
  width: auto !important;
  max-width: 100% !important;
}

.wt-product__payments-badge__icons__list li svg,
.wt-product__payments-badge__icons__item svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Fallback when block uses an uploaded image instead of payment icons */
.wt-product__payments-badge__icons img,
.wt-product__payments-badge__icons picture img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 320px !important;
  width: 100% !important;
  height: auto !important;
}

/* -------------------------------------------------------
   E. Remove space between SELECT SIZE/ADD TO CART and payment icons
   ------------------------------------------------------- */
/* The buy_buttons block wrapper */
.wt-product__add-to-cart_form,
.main-product__buy-buttons--container {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

.wt-product__add-to-cart_form .product-form__submit,
.main-product__buy-buttons--container .product-form__submit {
  margin-bottom: 0 !important;
}

/* Variant picker block — kill bottom spacing */
.wt-product__options,
.wt-product__option {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* The payments_badge block wrapper (the [data-block-id] div) sits
   immediately under the buy buttons. Kill its top spacing. */
.wt-product__main .wt-product__payments-badge {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* Block wrapper before the payments badge (separator block) */
.wt-product__main [data-block-id]:has(.wt-product__payments-badge) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hide the empty SAFE CHECKOUT content row entirely */
.wt-product__payments-badge__content:empty {
  display: none !important;
}

/* Icons row flush against whatever's above */
.wt-product__payments-badge__icons {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* -------------------------------------------------------
   F. Remove half-view of second image on desktop product pages
   ------------------------------------------------------- */
@media (min-width: 900px) {
  /* Fashion layout: ensure each image fills the viewport so the next
     one does not peek at the bottom of the screen. */
  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__wrapper {
    display: flex !important;
    flex-direction: column !important;
    columns: 1 !important;
    gap: 0 !important;
  }

  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide {
    width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    background: var(--color-background, #fff) !important;
  }

  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide > a,
  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide picture,
  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide img,
  [desktop-layout=fashion] .wt-product__gallery .wt-masonry__slide video {
    max-height: 100vh !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* Also constrain the gallery container so the swiper / masonry
     wrapper does not overflow and reveal the next slide. */
  [desktop-layout=fashion] .wt-product__gallery,
  [desktop-layout=fashion] .wt-product__gallery [data-gallery] {
    overflow: hidden !important;
  }
}