/* CONFLUA v168: product model controls, stable previews, search and footer finish. */

html {
  background: #153d30;
}

.product-price-range {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  border: 0;
}

.product-price-range[hidden],
.product-fulfillment-fieldset[hidden],
#managerProducts [hidden] {
  display: none !important;
}

.product-fulfillment-fieldset {
  display: flex;
  min-width: 0;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid #d7e8de;
  border-radius: 14px;
  background: #f7fbf8;
}

.product-fulfillment-fieldset legend {
  padding: 0 6px;
  color: #315f4c;
  font-size: 12px;
  font-weight: 800;
}

.product-network-wide {
  align-self: end;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid #d7e8de;
  border-radius: 14px;
  background: #edf8f1;
}

/* Show the full product photo instead of cropping portraits and wide images. */
.product-media-viewport,
.product-media-slide,
.product-media-image-frame,
.product-image-button,
.wb-store-product-image {
  background: #edf5f0 !important;
}

.product-media-image-frame > img,
.product-media-image-frame > img.is-poster-media,
.product-image-button > img.product-card-media,
.wb-store-product-image > img,
.cart-product-image > img,
.buyer-mini-product > img,
.product-media-thumb img,
.product-media-thumb-button img {
  object-fit: contain !important;
  object-position: center !important;
}

.product-media-viewport {
  aspect-ratio: 4 / 5 !important;
  max-height: min(68vh, 760px) !important;
}

.product-media-arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
  animation: none !important;
}

.product-media-arrow:active {
  transform: translateY(-50%) !important;
}

.retail-search-suggestions button[aria-selected="true"],
.header-marketplace-search-suggestions button[aria-selected="true"] {
  background: #e7f6ed !important;
  box-shadow: inset 0 0 0 2px rgba(35, 146, 98, .2);
}

@media (min-width: 681px) {
  body {
    padding-bottom: 0 !important;
  }

  .conflua-footer {
    min-height: 1px;
    margin-bottom: 0 !important;
    box-shadow: 0 120px 0 #153d30;
  }
}

@media (max-width: 680px) {
  .product-price-range {
    grid-template-columns: 1fr !important;
  }

  .product-fulfillment-fieldset {
    flex-direction: column;
  }

  .product-media-viewport {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    max-height: 72dvh !important;
  }

  .retail-search-suggestions,
  .header-marketplace-search-suggestions {
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(360px, calc(100dvh - 190px)) !important;
  }

  .conflua-footer {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 120px 0 #153d30;
  }
}