/* xl - DESKTOP STYLES */ 
/* Wrapper becomes the positioning context */
.coupon-wrap {
  position: relative;
}

/* Make sure the image is responsive */
.coupon-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

/* Overlay text */
.coupon-expiry {
  position: absolute;
  top: 29%;
  left: 55%;
  transform: translate(-50%, -50%);
  
  /* Responsive font sizing */
  font-size: clamp(1px, 2.2vw, 12px);
  line-height: 1.1;

  /* Optional styling for readability */
  /*
  background: rgba(255,255,255,1.00);
  padding: 0.35em 0.55em;
  border-radius: 0.4em;
  */
  font-weight: 700;
  z-index: 5;
	user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Old Edge */
	-webkit-touch-callout: none; /* iOS long-press menu */
}