.shopping-offer[hidden]{display:none!important}
.shopping-offer{position:fixed;z-index:60;bottom:76px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 100px);overflow:auto;padding:21px 18px 14px;border:1px solid #d8dde3;border-top:3px solid #e31d2a;border-radius:14px;background:#fff;color:#17191d;box-shadow:0 12px 40px #11182730;text-align:center;font-family:Tajawal,system-ui,sans-serif}
.shopping-offer h2{font-size:1.25rem;line-height:1.4;margin:0 30px 6px;font-weight:900}
.shopping-offer p{font-size:1rem;line-height:1.5;color:#626873;margin:0 0 16px}
.shopping-offer-product{display:flex;align-items:center;gap:14px;margin:12px 0 18px;text-align:right}
.shopping-offer-image{display:block;flex:none;width:96px;height:120px;object-fit:cover;border-radius:10px}
.shopping-offer-copy{min-width:0}
.shopping-offer-copy h2{margin:0 0 6px;font-size:1.25rem}
.shopping-offer-copy p{margin:0;font-size:.9375rem;line-height:1.6}
.shopping-offer-copy .shopping-offer-name{margin-bottom:4px;color:#343b48;text-align:right;overflow-wrap:anywhere}
.shopping-offer-close{position:absolute;top:4px;left:4px;width:44px;height:44px;border:0;background:transparent;color:#454b55;cursor:pointer;font:28px/1 Arial,sans-serif;border-radius:10px}
.shopping-offer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shopping-offer-options a{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-decoration:none;border-radius:9px}
.shopping-offer-options .icon{width:25px;height:25px;color:#58606e}
.shopping-offer-options strong{font-size:1rem}
.shopping-offer-options span{width:100%;min-height:44px;display:flex;justify-content:center;align-items:center;padding:7px;border-radius:8px;background:#111827;color:white;font-size:.9375rem;font-weight:800}
.shopping-offer-options a:hover span{background:#b9101a}
.shopping-offer a:focus-visible,.shopping-offer button:focus-visible{outline:3px solid #e31d2a;outline-offset:3px}
.shopping-offer small{display:block;margin-top:12px;color:#626873;font-size:.875rem}
body.shopping-offer-active #retail-coupon-float{visibility:hidden;pointer-events:none}
@media(max-width:380px){.shopping-offer{padding:18px 12px 12px}.shopping-offer-product{gap:10px}.shopping-offer-image{width:80px;height:100px}.shopping-offer-options{gap:10px}.shopping-offer h2{font-size:1.125rem}}