@media (max-width:768px){

#offer-popup{
width:300px !important;
padding:18px !important;
}

.offer-image{
width:130px !important;
margin-bottom:10px !important;
}

#offer-popup h2{
font-size:20px !important;
line-height:1.4;
}

#offer-popup p{
font-size:13px !important;
line-height:1.7;
}

#offer-coupon{
font-size:22px !important;
padding:12px !important;
}

#copyCoupon,
#shopNow{
padding:10px !important;
font-size:14px !important;
}

}

@media (max-width:768px){

#offer-btn{
position:fixed !important;
left:0 !important;
top:50% !important;
bottom:auto !important;
transform:translateY(-50%) !important;

writing-mode:vertical-rl !important;

padding:14px 8px !important;
border-radius:0 12px 12px 0 !important;

font-size:13px !important;
z-index:99999999 !important;
}

}

#offer-btn{
background:#0f2d5c !important; /* كحلي */
color:#ffffff !important;      /* أبيض */
box-shadow:0 8px 25px rgba(15,45,92,.35) !important;
}