/* Foxy promo popup — editorial card on the campaign photo.
   Keeps admin colours. Fixes the stretched bar + empty-gap layout. */

.foxy-exact-popup-root .elementor-35858,
.foxy-exact-popup-dialog {
  position: relative;
  width: min(640px, 92vw) !important;
  max-width: 100%;
  margin: 0 auto;
}

.foxy-exact-popup-dialog,
.foxy-exact-popup-root .elementor-35858 .elementor-element-16687347 {
  border-radius: 22px !important;
  overflow: hidden;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-16687347 {
  --min-height: 420px !important;
  min-height: 420px !important;
  height: 420px !important;
  max-height: min(86vh, 480px);
  aspect-ratio: unset !important;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  padding: 28px 22px !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-16687347 > .e-con-inner {
  width: 100%;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
}

/* Frosted panel so type sits on the photo instead of floating in it. */
.foxy-exact-popup-root .elementor-35858 .elementor-element-76f9a3a9 {
  width: min(460px, 100%) !important;
  max-width: 460px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 28px 26px 24px !important;
  background: rgba(255, 248, 246, 0.82) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(61, 28, 28, 0.14);
  box-sizing: border-box;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-518c7d2f {
  width: 100% !important;
  max-width: 100% !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-518c7d2f .elementor-heading-title {
  font-family: "Josefin Sans", Helvetica, Arial, sans-serif !important;
  font-size: clamp(22px, 3.4vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  margin: 0 !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-61857964 {
  width: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 10px !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-8e0ba72,
.foxy-exact-popup-root .elementor-35858 .elementor-element-cfb5213,
.foxy-exact-popup-root .foxy-promo-offer-slot {
  min-height: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-9911bc9,
.foxy-exact-popup-root .elementor-35858 .elementor-element-e810b1b {
  width: 100% !important;
  max-width: 100% !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-9911bc9 .elementor-heading-title,
.foxy-exact-popup-root .elementor-35858 .elementor-element-e810b1b .elementor-heading-title {
  font-family: "Josefin Sans", Helvetica, Arial, sans-serif !important;
  font-size: clamp(20px, 3vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  -webkit-text-stroke: 0 !important;
  margin: 0 !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-3820605,
.foxy-exact-popup-root .elementor-35858 .elementor-element-3820605 p,
.foxy-exact-popup-root .elementor-35858 .elementor-element-2e44fc1,
.foxy-exact-popup-root .elementor-35858 .elementor-element-2e44fc1 p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  opacity: 0.78;
}

.foxy-exact-popup-root .foxy-promo-offer-slot--empty,
.foxy-exact-popup-root .foxy-promo-offer-slot--empty:not(.elementor-motion-effects-element-type-background),
.foxy-exact-popup-root .foxy-promo-offer-slot--empty > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  display: none !important;
  visibility: hidden !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-13ff3276 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 4px 0 0 !important;
}

.foxy-exact-popup-root .elementor-35858 .elementor-element-13ff3276 .elementor-button,
.elementor-35858 .elementor-element-13ff3276 .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: "Josefin Sans", Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 22px rgba(61, 28, 28, 0.16);
}

.foxy-exact-popup-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #3d1c1c !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(35, 31, 32, 0.16);
}

@media (max-width: 767px) {
  .foxy-exact-popup-root {
    padding: 12px !important;
    align-items: center !important;
  }
  .foxy-exact-popup-root .elementor-35858,
  .foxy-exact-popup-dialog {
    width: min(379px, 92vw) !important;
  }
  .foxy-exact-popup-root .elementor-35858 .elementor-element-16687347 {
    min-height: 360px !important;
    height: 360px !important;
    max-height: min(82vh, 400px) !important;
    padding: 22px 14px !important;
  }
  .foxy-exact-popup-root .elementor-35858 .elementor-element-76f9a3a9 {
    padding: 22px 18px 18px !important;
    gap: 14px !important;
  }
  .foxy-exact-popup-root .elementor-35858 .elementor-heading-title {
    font-size: clamp(18px, 5vw, 24px) !important;
    line-height: 1.15 !important;
  }
  .foxy-exact-popup-root .elementor-35858 .elementor-button {
    padding: 13px 16px !important;
    font-size: 12px !important;
  }
}