/* As acoes das sugestoes pertencem a moldura da foto, sem criar uma segunda linha. */
#modal-cart .wim-cart-cross-sell-image {
  position: relative;
  overflow: hidden !important;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 0 10px !important;
  isolation: isolate;
}

#modal-cart .wim-cart-cross-sell-image-link {
  display: block;
  width: 100%;
  height: 100%;
}

#modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form,
#modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action {
  position: absolute !important;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  left: 10px;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

#modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form > .wim-cart-cross-sell-action,
#modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action {
  position: static;
  display: flex !important;
  width: 100% !important;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 8px 6px;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  background: rgba(91,72,61,.78) !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(35,23,18,.6);
  cursor: pointer;
}

#modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form > .wim-cart-cross-sell-action {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

#modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action {
  width: auto !important;
}

#modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form > .wim-cart-cross-sell-action:is(:hover,:focus-visible),
#modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action:is(:hover,:focus-visible) {
  background: rgba(91,72,61,.94) !important;
}

#modal-cart .wim-cart-cross-sell-image .wim-cart-cross-sell-action:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -4px;
}

@media (hover: hover) and (pointer: fine) and (min-width: 901px) {
  #modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form,
  #modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  #modal-cart .wim-cart-cross-sell-image:is(:hover,:focus-within) > .wim-cart-cross-sell-form,
  #modal-cart .wim-cart-cross-sell-image:is(:hover,:focus-within) > a.wim-cart-cross-sell-action {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0);
  }
}

@media (max-width: 900px) {
  #modal-cart .wim-cart-cross-sell-image > .wim-cart-cross-sell-form,
  #modal-cart .wim-cart-cross-sell-image > a.wim-cart-cross-sell-action {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}