/* promo-popup.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── PromoPopup ── */
.PromoPopup_image {
  display:block;
  width:100%;
  height:auto;
  margin:0;
}

.PromoPopup_link {
  display:block;
  height:-moz-fit-content;
  height:fit-content;
}

.PromoPopup_container {
  display:flex;
  height:-moz-fit-content;
  height:fit-content;
  background:var(--color-green);
  flex-direction:column;
  align-items:center;
  padding-top:71px;
}

.PromoPopup_container .PromoPopup_button {
  margin:10px auto 18px;
}

@media (max-width:959px) {
  .PromoPopup_image {
    min-width:80vw;
  }
}

@media (min-width:960px) {
  .PromoPopup_link {
    margin:auto;
  }
}

@media (min-width:960px) {
  .PromoPopup_image {
    width:min(800px,calc(100dvh - var(--promo-popup-chrome-height)));
    max-width:100%;
  }
}

@media (min-width:960px) {
  .PromoPopup_container {
    --promo-popup-chrome-height:188px;
    padding-top:87px;
  }
}