/*
 * Sandro layout fixes.
 * Keep this file after the legacy theme stylesheets. It owns the current
 * mobile PLP/PDP layout contracts so fixes do not depend on new-home.css order.
 *
 * Breakpoint contract:
 * - <= 1024px: mobile/tablet PDP shell, portrait PDP media, mobile video,
 *   mobile header/menu and horizontally scrolling PDP recommendation widgets.
 * - >= 1025px: desktop PDP shell and desktop PDP media sources.
 */

:root {
  --sandro-plp-mobile-image-height: calc((100vw - 2px) * 0.71);
  --sandro-plp-mobile-info-height: 68px;
  --sandro-mobile-bottom-bar-height: 76px;
  --sandro-pdp-mobile-media-height: 131.25vw;
  --sandro-pdp-widget-card-width: 50vw;
  --sandro-pdp-widget-image-height: var(--sandro-plp-mobile-image-height);
  --sandro-pdp-widget-info-height: var(--sandro-plp-mobile-info-height);
}

@media screen and (max-width: 767px) {
  body#product-category .page.screen .overlap-group4,
  body#product-special .page.screen .overlap-group4,
  body#product-compilation .page.screen .overlap-group4 {
    height: 50px !important;
    min-height: 50px !important;
  }

  body#product-category .catalog-wrap > .breadcrumb-wrapper,
  body#product-special .catalog-wrap > .breadcrumb-wrapper,
  body#product-compilation .catalog-wrap > .breadcrumb-wrapper {
    margin: 0 !important;
    min-height: 24px !important;
    padding: 8px 12px 4px !important;
  }

  body#product-category .catalog-wrap .category-top-list,
  body#product-special .catalog-wrap .category-top-list,
  body#product-compilation .catalog-wrap .category-top-list {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body#product-category .catalog-wrap .category-top-list-links,
  body#product-special .catalog-wrap .category-top-list-links,
  body#product-compilation .catalog-wrap .category-top-list-links {
    min-height: 28px !important;
    padding-top: 8px !important;
  }

  body#product-category .catalog-wrap .category-top-filter-sort,
  body#product-special .catalog-wrap .category-top-filter-sort,
  body#product-compilation .catalog-wrap .category-top-filter-sort {
    background: #fff !important;
    border-top: 1px solid #151515 !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    left: 0 !important;
    padding: 12px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 10030 !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list,
  body#product-special #product-grid-list.product-list.product-plp-list,
  body#product-compilation #product-grid-list.product-list.product-plp-list {
    padding-bottom: var(--sandro-mobile-bottom-bar-height) !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list,
  body#product-special #product-grid-list.product-list.product-plp-list,
  body#product-compilation #product-grid-list.product-list.product-plp-list,
  body#product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-special #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-compilation #product-grid-list.product-list.product-plp-list > .product-list-inner {
    align-items: start !important;
    grid-auto-rows: auto !important;
    row-gap: 0 !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile {
    align-content: start !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-rows: var(--sandro-plp-mobile-image-height) var(--sandro-plp-mobile-info-height) !important;
    height: calc(var(--sandro-plp-mobile-image-height) + var(--sandro-plp-mobile-info-height)) !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--image,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--image,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--image,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-image,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-image,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-image {
    aspect-ratio: auto !important;
    background: #efeeeb !important;
    grid-row: 1 !important;
    height: var(--sandro-plp-mobile-image-height) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--image > a,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--image > a,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--image > a,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-image > a,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-image > a,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-image > a,
  body#product-category #product-grid-list.product-list.product-plp-list .product-grid-gallery-media,
  body#product-special #product-grid-list.product-list.product-plp-list .product-grid-gallery-media,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-grid-gallery-media {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--image picture,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--image picture,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--image picture,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-image picture,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-image picture,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-image picture,
  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--image img,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--image img,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--image img,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-image img,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-image img,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-image img,
  body#product-category #product-grid-list.product-list.product-plp-list .product-grid-gallery-media img,
  body#product-special #product-grid-list.product-list.product-plp-list .product-grid-gallery-media img,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-grid-gallery-media img,
  body#product-category #product-grid-list.product-list.product-plp-list .product-grid-gallery-media video,
  body#product-special #product-grid-list.product-list.product-plp-list .product-grid-gallery-media video,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-grid-gallery-media video {
    display: block !important;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap {
    box-sizing: border-box !important;
    display: block !important;
    grid-row: 2 !important;
    height: var(--sandro-plp-mobile-info-height) !important;
    min-height: var(--sandro-plp-mobile-info-height) !important;
    overflow: hidden !important;
    padding: 8px 10px 0 !important;
    width: 100% !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-info,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-info,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-info,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos {
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-name,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-name,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-name,
  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--name,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--name,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--name {
    display: -webkit-box !important;
    height: auto !important;
    line-height: 10px !important;
    margin: 0 0 3px !important;
    max-height: 20px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-price-inner,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-price-inner,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-price-inner,
  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--price-block {
    display: block !important;
    height: 11px !important;
    line-height: 11px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 11px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block span,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--price-block span,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--price-block span,
  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block .product-list--item--label,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--price-block .product-list--item--label,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--price-block .product-list--item--label {
    display: inline !important;
    line-height: 11px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

/*
 * Drawer overlay contract.
 * Search, cart, wishlist, account/register and side drawers must sit above
 * catalog sticky controls even when the header hover/scroll state changes.
 */
.search.layer-search,
.page .search.layer-search,
.cart-layer.is-open,
.sticky-summary.is-open,
.footer-flow-layer.is-open,
.catalog-sidebar.is-open,
.catalog-header_wrapper.is-open,
#product-table-size-pop-up.flow-side-wrapper.is-open,
.mfp-bg,
.mfp-wrap {
  isolation: isolate !important;
  z-index: 2147483000 !important;
}

.search.layer-search,
.page .search.layer-search {
  align-items: flex-start !important;
  background: rgba(0, 0, 0, 0.18) !important;
  cursor: pointer !important;
  display: flex !important;
  height: 100vh !important;
  inset: 0 !important;
  justify-content: flex-end !important;
  min-width: 100vw !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: fixed !important;
  width: 100vw !important;
}

.search.layer-search .search-wrapper,
.page .search.layer-search .search-wrapper {
  background: #fff !important;
  border-left: 1px solid #151515 !important;
  box-shadow: none !important;
  cursor: auto !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  max-height: 100vh !important;
  max-width: min(520px, 100vw) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  width: min(520px, 100vw) !important;
}

.search.layer-search .search-bar,
.page .search.layer-search .search-bar {
  align-items: center !important;
  border-bottom: 1px solid #151515 !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 18px minmax(0, 1fr) 18px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  width: 100% !important;
}

.search.layer-search .search-bar .rechercher,
.page .search.layer-search .search-bar .rechercher {
  color: #000 !important;
  font-size: 10px !important;
  letter-spacing: 0.09em !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

.search.layer-search .search-bar img,
.page .search.layer-search .search-bar img {
  height: 18px !important;
  margin: 0 !important;
  width: 18px !important;
}

.search.layer-search .search-bar img.close,
.page .search.layer-search .search-bar img.close {
  cursor: pointer !important;
  display: block !important;
}

.search.layer-search .search-results,
.page .search.layer-search .search-results {
  background: #fff !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

html.search-drawer-open .category-top-list,
body.search-drawer-open .category-top-list,
html.drawer-open .category-top-list,
body.drawer-open .category-top-list,
html.mobile-menu-open .category-top-list,
body.mobile-menu-open .category-top-list {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 0 !important;
}

html.search-drawer-open .category-top-filter-sort,
body.search-drawer-open .category-top-filter-sort,
html.drawer-open .category-top-filter-sort,
body.drawer-open .category-top-filter-sort,
html.mobile-menu-open .category-top-filter-sort,
body.mobile-menu-open .category-top-filter-sort {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 0 !important;
}

.search.layer-search .search-wrapper,
.search.layer-search .search-results,
.page .search.layer-search .search-wrapper,
.page .search.layer-search .search-results {
  position: relative !important;
  z-index: 1 !important;
}

.search.layer-search .product-quick-search-image-link,
.page .search.layer-search .product-quick-search-image-link {
  background: #e9e7e3 !important;
  display: block !important;
  height: 110px !important;
  overflow: hidden !important;
  width: 82px !important;
}

.search.layer-search .product-quick-search-image,
.page .search.layer-search .product-quick-search-image {
  background: transparent !important;
  display: block !important;
  height: 110px !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  width: 82px !important;
}

@media screen and (max-width: 1024px) {
  html body#product-product .page.screen .main-product-info-content {
    display: block !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body#product-product .page.screen .main-product-info-content > .breadcrumb-wrapper {
    background: #fff !important;
    box-sizing: border-box !important;
    display: block !important;
    font-size: 8px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    max-height: 18px !important;
    min-height: 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 16px !important;
    position: relative !important;
    scrollbar-width: none !important;
    top: auto !important;
    transform: none !important;
    white-space: nowrap !important;
    width: 100% !important;
    z-index: 2 !important;
  }

  html body#product-product .page.screen .main-product-info-content > .breadcrumb-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  html body#product-product .page.screen .main-product-info-content > .breadcrumb-wrapper .homme-prt-port {
    display: block !important;
    font-size: 8px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    max-height: 18px !important;
    min-height: 18px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  html body#product-product .page.screen .main-product-info-content > .breadcrumb-wrapper br,
  html body#product-product .page.screen .main-product-info-content > .breadcrumb-wrapper .breadcrumbs-space {
    display: none !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images {
    display: block !important;
    height: var(--sandro-pdp-mobile-media-height) !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: var(--sandro-pdp-mobile-media-height) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100vw !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--list,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .main_images_blocks {
    height: 100% !important;
    margin: 0 !important;
    max-height: none !important;
    min-height: 100% !important;
    padding: 0 !important;
    width: 100vw !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block {
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--list {
    display: flex !important;
    flex-flow: row nowrap !important;
    inset: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    position: absolute !important;
    scroll-snap-type: x mandatory !important;
    top: 0 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .main_images_blocks {
    display: block !important;
    flex: 0 0 100vw !important;
    overflow: hidden !important;
    position: relative !important;
    scroll-snap-align: start !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .main_images_blocks picture,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .main_images_blocks img,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .main_images_blocks video {
    display: block !important;
    height: 100% !important;
    inset: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    padding: 0 !important;
    position: absolute !important;
    width: 100% !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--data {
    display: block !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--thumbs {
    align-items: center !important;
    bottom: 10px !important;
    display: flex !important;
    gap: 7px !important;
    height: 8px !important;
    justify-content: center !important;
    left: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    z-index: 4 !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--thumbs .main_images_blocks-thumb {
    display: block !important;
    flex: 0 0 6px !important;
    height: 6px !important;
    margin: 0 !important;
    min-height: 6px !important;
    min-width: 6px !important;
    padding: 0 !important;
    width: 6px !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--thumbs img,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block--thumbs video {
    display: none !important;
  }

}

/* Sandro PDP recommendation/history widgets follow one mobile/tablet card contract. */
@media screen and (max-width: 1024px) {
  body#product-product .page.screen .widget-container,
  body#product-product .page.screen .product-widget--section {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body#product-product .page.screen .product-widget--section {
    margin-bottom: 22px !important;
    margin-top: 24px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  body#product-product .page.screen .product-widget--section .container {
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-widget-title,
  body#product-product .page.screen .product-widget--section .product-widget--slider-title {
    box-sizing: border-box !important;
    height: auto !important;
    line-height: 16px !important;
    margin: 22px 16px 10px !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body#product-product .page.screen .widget-container .product-widget-title span {
    display: inline !important;
    line-height: 16px !important;
  }

  body#product-product .page.screen .widget-container .common_widgets {
    margin: 0 0 22px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list,
  body#product-product .page.screen .product-widget--section .product-widget--slider {
    --sandro-widget-image-height: var(--sandro-plp-mobile-image-height);
    --sandro-widget-info-height: var(--sandro-plp-mobile-info-height);
    align-items: flex-start !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    margin: 0 !important;
    max-height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scrollbar-width: none !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list::-webkit-scrollbar,
  body#product-product .page.screen .product-widget--section .product-widget--slider::-webkit-scrollbar {
    display: none !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .owl-carousel,
  body#product-product .page.screen .widget-container .product-plp-list .owl-stage-outer,
  body#product-product .page.screen .widget-container .product-plp-list .owl-stage,
  body#product-product .page.screen .product-widget--section .product-widget--slider.owl-carousel,
  body#product-product .page.screen .product-widget--section .product-widget--slider .owl-stage-outer,
  body#product-product .page.screen .product-widget--section .product-widget--slider .owl-stage {
    align-items: flex-start !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    margin: 0 !important;
    max-height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .owl-item,
  body#product-product .page.screen .widget-container .product-plp-list .owl-carousel > .product-tile,
  body#product-product .page.screen .widget-container .product-plp-list .owl-item > .product-tile,
  body#product-product .page.screen .widget-container .product-plp-list > .product-tile,
  body#product-product .page.screen .product-widget--section .product-widget--slider .owl-item,
  body#product-product .page.screen .product-widget--section .product-widget--slider .owl-item > .product-widget--slider--item,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item {
    box-sizing: border-box !important;
    display: grid !important;
    flex: 0 0 var(--sandro-pdp-widget-card-width) !important;
    gap: 0 !important;
    grid-template-rows: var(--sandro-pdp-widget-image-height) var(--sandro-pdp-widget-info-height) !important;
    height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    margin: 0 !important;
    max-height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    max-width: var(--sandro-pdp-widget-card-width) !important;
    min-height: calc(var(--sandro-pdp-widget-image-height) + var(--sandro-pdp-widget-info-height)) !important;
    min-width: var(--sandro-pdp-widget-card-width) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: var(--sandro-pdp-widget-card-width) !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-image,
  body#product-product .page.screen .widget-container .owl-carousel.sandro-mobile-static-carousel > .product-tile .product-tile-image,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--image {
    align-self: stretch !important;
    background: #efeeeb !important;
    display: block !important;
    grid-row: 1 !important;
    height: var(--sandro-pdp-widget-image-height) !important;
    margin: 0 !important;
    max-height: var(--sandro-pdp-widget-image-height) !important;
    min-height: var(--sandro-pdp-widget-image-height) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-image > a,
  body#product-product .page.screen .widget-container .product-plp-list .product-tile-image picture,
  body#product-product .page.screen .widget-container .owl-carousel.sandro-mobile-static-carousel > .product-tile .product-tile-image > a,
  body#product-product .page.screen .widget-container .owl-carousel.sandro-mobile-static-carousel > .product-tile .product-tile-image picture,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--image > a,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--image picture {
    display: block !important;
    height: 100% !important;
    inset: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-image img,
  body#product-product .page.screen .widget-container .owl-carousel.sandro-mobile-static-carousel > .product-tile .product-tile-image img,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--image img {
    display: block !important;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-info,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--info-wrap {
    background: #fff !important;
    box-sizing: border-box !important;
    display: block !important;
    grid-row: 2 !important;
    height: var(--sandro-pdp-widget-info-height) !important;
    margin: 0 !important;
    min-height: var(--sandro-pdp-widget-info-height) !important;
    overflow: hidden !important;
    padding: 8px 10px 0 !important;
    position: relative !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-info .product-infos {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-name,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--name {
    display: -webkit-box !important;
    height: auto !important;
    line-height: 10px !important;
    margin: 0 0 3px !important;
    max-height: 20px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body#product-product .page.screen .widget-container .product-plp-list .product-tile-price,
  body#product-product .page.screen .widget-container .product-plp-list .product-tile-price-inner,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--price-block,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--price-block span {
    display: block !important;
    height: 11px !important;
    line-height: 11px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 11px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body#product-product .page.screen .product-widget--section .product-widget--slider--item--brand-name,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--name .hide_sizes,
  body#product-product .page.screen .product-widget--section .product-widget--slider--item--name .discountPercentage {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .page.screen .header-nav-desktop .list,
  .page.screen .megamenu,
  .page.screen .megamenu .megamenu-inside,
  .page.screen .megamenu .sub-categories {
    background: #fff !important;
  }

  .page.screen .header-nav-desktop .list {
    z-index: 10020 !important;
  }

  .page.screen .megamenu {
    z-index: 10030 !important;
  }

  .page.screen .megamenu .sub-categories {
    z-index: 10040 !important;
  }

  .megamenu .categories .category-l-1.mobile-menu-hidden-category {
    display: none !important;
  }
}

/*
 * PLP card contract.
 * Keep this block last: legacy new-home.css still contains category-specific
 * grid rules, including old 2px column gaps. This file is the final override.
 */
body#product-category #product-grid-list.product-list.product-plp-list,
body#product-special #product-grid-list.product-list.product-plp-list,
body#product-compilation #product-grid-list.product-list.product-plp-list,
body#product-special #product-category #product-grid-list.product-list.product-plp-list,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list,
body#product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
body#product-special #product-grid-list.product-list.product-plp-list > .product-list-inner,
body#product-compilation #product-grid-list.product-list.product-plp-list > .product-list-inner,
body#product-special #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  grid-gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
}

body#product-category #product-grid-list.product-list.product-plp-list .product-list--item,
body#product-special #product-grid-list.product-list.product-plp-list .product-list--item,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-list--item,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-list--item,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-list--item,
body#product-category #product-grid-list.product-list.product-plp-list .product-tile,
body#product-special #product-grid-list.product-list.product-plp-list .product-tile,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-tile,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-tile,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-tile {
  border: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--image,
body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--image,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--image,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-list--item--image,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-list--item--image,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-list--item--image,
body#product-category #product-grid-list.product-list.product-plp-list .product-tile-image,
body#product-special #product-grid-list.product-list.product-plp-list .product-tile-image,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-image,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-tile-image,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-tile-image,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-tile-image {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
body#product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
body#product-special #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos {
  background: #fff !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  body#product-category #product-grid-list.product-list.product-plp-list,
  body#product-special #product-grid-list.product-list.product-plp-list,
  body#product-compilation #product-grid-list.product-list.product-plp-list,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list,
  body#product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-special #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-compilation #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list > .product-list-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-list--item--info-wrap,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-tile-info .product-infos {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 2px !important;
  }

  body#product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-special #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-list--item--price-block,
  body#product-category #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-special #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-compilation #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-special #product-category #product-grid-list.product-list.product-plp-list .product-tile-price,
  body#product-compilation #product-category #product-grid-list.product-list.product-plp-list .product-tile-price,
  html.sandro-desktop-catalog #product-category #product-grid-list.product-list.product-plp-list .product-tile-price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
}

/* Sandro PDP desktop media fit 2026-06-14 */
@media screen and (min-width: 1025px) {
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks picture,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks img,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks video {
    display: block !important;
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    width: 100% !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks img,
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks video {
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks img[src*="/3607172159382/"],
  html body#product-product .page.screen .main-product-info-content > .product-card--main-info-block--images .product-card--main-info-block--images--preview-block .main_images_blocks video[src*="/3607172159382/"] {
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* Sandro PDP widgets use the same filled image contract as collection cards. */
body#product-product .page.screen .widget-container .common_widgets .product-plp-list .product-tile-image img,
body#product-product .page.screen .widget-container .you_look_widget .product-plp-list .product-tile-image img {
  object-fit: cover !important;
  object-position: center center !important;
}