/**
 * Deko — cruz del quick view siempre visible dentro del recuadro blanco.
 */
#ce-product-quick-view .dialog-message {
  position: relative !important;
}

/* Forzar visible aunque CE ponga display:none en el overlay */
#ce-product-quick-view .dialog-message .dialog-close-button,
#ce-product-quick-view .dialog-message .dialog-lightbox-close-button,
#ce-product-quick-view .dialog-message .dkh-qv-close-btn {
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: 10px !important;
  margin: 0 !important;
  z-index: 50 !important;
  color: #3d3d3d !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 22px !important;
  line-height: 1 !important;
  padding: 6px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  pointer-events: auto !important;
}

#ce-product-quick-view .dialog-message .dialog-close-button i,
#ce-product-quick-view .dialog-message .dialog-lightbox-close-button i,
#ce-product-quick-view .dialog-message .dkh-qv-close-btn i,
#ce-product-quick-view .dialog-message .ceicon-close {
  display: inline-block !important;
  color: #3d3d3d !important;
  font-size: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#ce-product-quick-view .dialog-message .dialog-close-button:hover,
#ce-product-quick-view .dialog-message .dialog-lightbox-close-button:hover,
#ce-product-quick-view .dialog-message .dkh-qv-close-btn:hover,
#ce-product-quick-view .dialog-message .dialog-close-button:focus,
#ce-product-quick-view .dialog-message .dialog-lightbox-close-button:focus,
#ce-product-quick-view .dialog-message .dkh-qv-close-btn:focus {
  color: #2c4542 !important;
  background: transparent !important;
}

#ce-product-quick-view .dialog-message .dialog-close-button:hover i,
#ce-product-quick-view .dialog-message .dialog-lightbox-close-button:hover i,
#ce-product-quick-view .dialog-message .dkh-qv-close-btn:hover i {
  color: #2c4542 !important;
}

/* Si quedó una cruz huérfana fuera del blanco, no la mostremos en el overlay */
#ce-product-quick-view > .dialog-close-button,
#ce-product-quick-view > .dialog-lightbox-close-button,
#ce-product-quick-view .dialog-widget-content > .dialog-close-button:not(.dkh-qv-close-btn),
#ce-product-quick-view .dialog-widget-content > .dialog-lightbox-close-button:not(.dkh-qv-close-btn) {
  /* se mueve por JS; por si acaso, no tapar el overlay con una segunda */
}