.couponDesingDiv
    {
        margin-top:20px;
    }  
.freebieImage
{
    background-size: cover;
    flex: none;
    background-position: center;
    border-radius: 10px; 
    border: 1px solid #dedede; 
    width: 50px;
    height: 50px;
}
 .ticket::before,
        .ticket::after {
            content: '';
            width: 30px;
            height: 30px;
             background: rgb(245, 245, 245);
           
            border-radius: 50%;
            position: absolute;
        }
        .ticket::before {
            top: 50%;
            left: -15px;
            transform: translateY(-50%);
        }
        .ticket::after {
            top: 50%;
            right: -15px;
            transform: translateY(-50%);
        }

        

/* Coupon Card */
.freebie-card {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 15px 12px 15px;
  margin-bottom: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Coupon Heading */
.coupon-heading {
  font-size: 15px;
/*  letter-spacing: 1px;*/
  font-weight: bold;
/*  color: white; /* Highlighted with the brand color */
  margin-bottom: 10px;
}

/* Coupon Description */
.freebie-description {
  margin-bottom: 0px;
  color: #555;
  line-height: 1.2;
  font-size: 14px;
  display: block;
}


/* ===== NEW : OTP + MOBILE UI ONLY ===== */
.offer-mobile-input{
  width:100%;padding:12px;border-radius:10px;
  border:1px solid #ddd;font-size:15px;
}

.otp-container{
  display:flex;justify-content:center;
  gap:10px;margin-top:15px;
}
.otp-box{
  width:42px;height:42px;border-radius:8px;
  border:1px solid #ddd;text-align:center;
  font-size:18px;font-weight:600;
}


/* ===== Notify Checkbox ===== */
.notify-checkbox-wrapper{
  margin-top:12px;
}

.notify-checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#555;
  cursor:pointer;
}

.notify-checkbox input{
  display:none;
}

.checkmark{
  width:18px;
  height:18px;
  border:2px solid #bbb;
  border-radius:4px;
  position:relative;
  flex-shrink:0;
}


.notify-checkbox input:checked + .checkmark::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:10px;
  border:solid white;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

.notify-text{
  user-select:none;
}



.drawer-overlay{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.4);
  opacity:0;
  visibility:hidden;
  transition: .3s;
  z-index: 999;
}

.drawer-overlay.active{
  opacity:1;
  visibility:visible;
}