.coupon-widget { position: relative; isolation: isolate; width: 1000px; max-width: 100%; margin: 20px auto 30px; padding: 14px; border-radius: 20px; color: #fff; box-sizing: border-box; overflow: hidden; background: linear-gradient(135deg,#314652,#283b46 25%,#1e2731); box-shadow: inset 0 1px 0 #ffffff14,0 8px 20px #0003; }
.coupon-widget * { box-sizing: border-box; }
.coupon-widget::before { content: ""; position: absolute; z-index: -1; inset: 5px; border-radius: 16px; background: linear-gradient(145deg,#3b4e59,#18222c); box-shadow: inset 0 2px 4px #ffffff0a,inset 0 -3px 8px #0007; }
.coupon-widget .coupon-inner { display: grid; grid-template-columns: minmax(160px,220px) minmax(0,1fr); align-items: center; gap: 18px; min-height: 128px; padding: 14px 22px; border-radius: 13px; background: radial-gradient(ellipse at 80% 50%,#ffd84d0e,transparent 70%); box-shadow: inset 0 0 0 1px #ffffff08; }
.coupon-widget .coupon-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; }
.coupon-widget .coupon-logo { display: block; width: auto; max-width: 160px; max-height: 42px; object-fit: contain; }
.coupon-widget .coupon-brand-name { font: italic 900 26px/1.2 Arial,sans-serif; color: #ffd84d; overflow-wrap: anywhere; }
.coupon-widget .coupon-buy { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-width: 130px; padding: 10px 17px; border-radius: 999px; color: #342400; background: linear-gradient(#ffd84d,#ffbf00); box-shadow: inset 0 1px 0 #ffffff60,0 7px 14px #ffbf0024,0 2px 0 #78520070; font: 800 12px/1.4 Arial,sans-serif; text-decoration: none; transition: transform .15s,filter .15s; }
.coupon-widget .coupon-buy:hover { color: #342400; transform: translateY(-1px); filter: brightness(1.08); }
.coupon-widget .coupon-buy:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.coupon-widget .coupon-value-box { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 19px 16px; min-width: 0; border: 1px solid #ffffff0d; border-radius: 14px; background: radial-gradient(ellipse at 50% 35%,#ffd84d15,transparent 75%),linear-gradient(#ffffff09,#ffffff03); box-shadow: 0 6px 14px #0002; }
.coupon-widget .coupon-label { color: #ffffff80; font: 400 clamp(18px,2vw,25px)/1.1 Impact,"Arial Narrow",sans-serif; white-space: nowrap; letter-spacing: .035em; }
.coupon-widget .coupon-amount-group { display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; min-width: 0; white-space: nowrap; }
.coupon-widget .coupon-currency,.coupon-widget .coupon-amount { font: 400 clamp(26px,4.3vw,49px)/1.1 Impact,"Arial Narrow",sans-serif; letter-spacing: .01em; font-variant-numeric: tabular-nums; }
.coupon-widget .coupon-currency { color: #ffd84d; }
.coupon-widget .coupon-amount { color: #fff; text-shadow: 0 0 14px #ffd84d18,0 6px 18px #0005; }
.coupon-widget .coupon-buy-mobile { display: none; }
.coupon-widget .coupon-lights { position: absolute; inset: 9px; pointer-events: none; }
.coupon-widget .coupon-light { position: absolute; width: 6px; height: 6px; border-radius: 50%; transform: translate(-50%,-50%); animation: coupon-light-blink .84s steps(1,end) infinite; }
.coupon-widget .coupon-light-gold { color: #ffd84d; background: radial-gradient(circle at 35% 35%,#fff6b0,#ffd84d 35%,#ffbf00 65%,#8c6b00); }
.coupon-widget .coupon-light-red { color: #ff2f57; background: radial-gradient(circle at 35% 35%,#ffe1e7,#ff5f7f 25%,#ff2f57 58%,#d9123d 82%); animation-delay: -.42s; }
@keyframes coupon-light-blink { 0%,100% { opacity: 1; box-shadow: 0 0 5px currentColor,0 0 10px currentColor; } 50% { opacity: .26; box-shadow: inset 0 1px 2px #0009; } }
@media (min-width: 768px) and (max-width: 991.98px) { .coupon-widget .coupon-inner { grid-template-columns: 155px minmax(0,1fr); gap: 12px; padding-inline: 12px; } .coupon-widget .coupon-value-box { flex-direction: column; gap: 10px; } }
@media (max-width: 767.98px) {
    .coupon-widget { padding: 12px; border-radius: 18px; }
    .coupon-widget .coupon-inner { grid-template-columns: 1fr; gap: 12px; padding: 13px 8px 10px; }
    .coupon-widget .coupon-brand { align-items: center; gap: 0; }
    .coupon-widget .coupon-logo { max-width: 138px; max-height: 38px; }
    .coupon-widget .coupon-value-box { flex-direction: column; gap: 8px; padding: 13px 6px; }
    .coupon-widget .coupon-label { font-size: 20px; }
    .coupon-widget .coupon-currency,.coupon-widget .coupon-amount { font-size: clamp(23px,7.5vw,46px); }
    .coupon-widget .coupon-buy-desktop { display: none; }
    .coupon-widget .coupon-buy-mobile { display: flex; width: 100%; padding: 11px; }
    .coupon-widget .coupon-light { width: 4px; height: 4px; }
}
@media (prefers-reduced-motion: reduce) { .coupon-widget .coupon-light { animation: none; opacity: .85; box-shadow: 0 0 4px currentColor; } .coupon-widget .coupon-buy { transition: none; } }