@charset "utf-8";

.CTR_loyalty-offer-modal { padding: 0px; border: 0px; overflow: hidden; }

.CTR_loyalty-offer-modal::backdrop { background-color: rgba(0, 0, 0, 0.5); }

.CTR_modal-loyalty-offer { background: rgb(255, 255, 255); padding: 20px; max-width: 700px; }

.CTR_modal-loyalty-offer .df_btn_group { display: flex; flex-direction: row; gap: 10px; padding-top: 10px; }

.CTR_loyalty-offer_inner_wrapper { background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }

.CTR_loyalty-offer_content { padding: 5px 10px; }

.CTR_loyalty-offer_inner_wrapper img { width: 350px; }

.CTR_loyalty-offer_inner_content { text-align: center; font-size: 20px; }

.CTR_loyalty-offer_inner_content_title { font-weight: bold; font-size: 35px; }

.CTR_modal-loyalty-offer .df_btn { background: rgb(217, 30, 6); text-align: center; flex: 1 1 0%; padding-top: 13px; padding-bottom: 13px; border: 1px solid rgb(217, 30, 6); text-decoration: none; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255) !important; font-weight: bold !important; }

.CTR_modal-loyalty-offer .df_btn.df_btn_view_flyer:hover { background-color: rgb(131, 11, 44); border: 0px solid rgb(131, 11, 44); outline: rgb(131, 11, 44) solid 1px; }

.CTR_modal-loyalty-offer .df_btn.df_btn_continue_shopping:hover { background-color: rgb(240, 240, 240); outline: rgb(217, 30, 6) solid 1px; }

.CTR_modal-loyalty-offer .df_btn.df_btn_continue_shopping { background-color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; color: rgb(217, 30, 6) !important; }

button.CTR_loyalty-offer-close-button { position: absolute; right: 16px; top: 18px; width: 18px; height: 18px; background: transparent; border: 0px; opacity: 1; padding: 0px; }

button.CTR_loyalty-offer-close-button:hover { cursor: pointer; }

button.CTR_loyalty-offer-close-button::before { transform: rotate(45deg); }

button.CTR_loyalty-offer-close-button::before, button.CTR_loyalty-offer-close-button::after { position: absolute; left: 8px; content: " "; height: 18px; width: 2px; background-color: rgb(38, 38, 38); top: -1px; }

button.CTR_loyalty-offer-close-button::after { transform: rotate(-45deg); }

.CTR_modal-loyalty-offer > a { display: block; }

@media screen and (max-width: 1000px) {
  .CTR_loyalty-offer_inner_content_title { font-size: 25px; }
  .CTR_loyalty-offer_inner_wrapper { flex-direction: column; }
  .CTR_loyalty-offer_inner_wrapper img { width: 350px; }
  .CTR_modal-loyalty-offer .df_btn_group { flex-direction: column-reverse; }
}

@media screen and (max-width: 400px) {
  .CTR_loyalty-offer_inner_wrapper img { width: 260px; }
  .CTR_loyalty-offer_inner_content_title { font-size: 20px; }
  .CTR_loyalty-offer_inner_content { font-size: 15px; }
}