/* Skrytí původního Shoptet hlídacího psa */
.btn.btn-conversion.watchdog-trigger,
.watchdog-trigger,
.watchdog-box {
  display: none !important;
}

/* Hlavní overlay překrývající stránku */
.mkwatchdog_overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  z-index: 999999 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mkwatchdog_overlay_visible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Samotné vyskakovací okno */
.mkwatchdog_modal {
  position: relative !important;
  width: 100% !important;
  max-width: 360px !important;
  background: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 28px 24px 24px !important;
  font-family: "Poppins", sans-serif !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25) !important;
  box-sizing: border-box !important;
}

/* Obal obrázku varianty (bez pozadí) */
.mkwatchdog_img_wrap {
  width: 100% !important;
  height: 140px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Obrázek varianty (šířka 100px, výška 100%) */
.mkwatchdog_img {
  width: 100px !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Zavírací křížek */
.mkwatchdog_close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border: none !important;
  background: transparent !important;
  font-size: 22px !important;
  color: #5F5E5A !important;
  cursor: pointer !important;
}

.mkwatchdog_title {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.mkwatchdog_badge {
  display: inline-block !important;
  margin-bottom: 8px !important;
  padding: 2px 8px !important;
  background: #F0F0F0 !important;
  color: #333 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  text-transform: uppercase !important;
}

.mkwatchdog_label {
  margin: 0 0 18px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #5F5E5A !important;
}

.mkwatchdog_label strong {
  color: #000 !important;
}

.mkwatchdog_row {
  display: flex !important;
  gap: 8px !important;
}

.mkwatchdog_input {
  flex: 1 !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #E2E2E2 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  background: #FFF !important;
  color: #000 !important;
}

.mkwatchdog_input:focus {
  outline: none !important;
  border-color: #000 !important;
}

.mkwatchdog_btn {
  height: 44px !important;
  padding: 0 20px !important;
  border: none !important;
  border-radius: 4px !important;
  background: #000 !important;
  color: #FFF !important;
  font-size: 14px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.mkwatchdog_msg {
  display: none !important;
  margin: 12px 0 0 !important;
  font-size: 12px !important;
  color: #5F5E5A !important;
}

.mkwatchdog_msg_visible {
  display: block !important;
}