:root{--coupon-red: #C00000;--coupon-blue: #3699E4;--coupon-bg-soft-1: #F2F4F8;--coupon-bg-soft-2: #E6EAF1;--coupon-text-dim: #6B7280;--coupon-text-mid: #5B6573;--coupon-text-dark: #1F2937;--coupon-divider: #CFD4DD}.shop-coupon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(90deg,var(--coupon-red) 0%,var(--coupon-red) 50%,var(--coupon-blue) 50%,var(--coupon-blue) 100%);color:#fff;border:none;border-radius:999px;font-size:13px;font-weight:600;font-family:inherit;letter-spacing:.3px;line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease}.shop-coupon-button:hover{transform:translateY(-1px)}.shop-coupon-button:active{transform:translateY(0) scale(.98)}.shop-coupon-button:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);animation:shop-coupon-shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes shop-coupon-shine{0%{left:-100%}60%{left:200%}to{left:200%}}.shop-coupon-button__icon{width:16px;height:16px;flex-shrink:0}.shop-coupon-button__label{letter-spacing:.5px}.shop-coupon-button__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 7px;background:#ffffff47;color:#fff;font-size:11px;font-weight:700;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.shop-coupon-button--overlay{width:40px;height:40px;padding:0;gap:0;border-radius:50%;background:linear-gradient(135deg,var(--coupon-red) 0%,var(--coupon-red) 50%,var(--coupon-blue) 50%,var(--coupon-blue) 100%);box-shadow:0 4px 12px -2px #0006,0 0 0 2px #fff6;overflow:visible}.shop-coupon-button--overlay:hover{box-shadow:0 6px 16px -2px #00000073,0 0 0 2px #ffffff80}.shop-coupon-button--overlay .shop-coupon-button__icon{width:20px;height:20px}.shop-coupon-button--overlay .shop-coupon-button__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop-coupon-button--overlay .shop-coupon-button__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#fff;color:var(--coupon-red);font-size:10px;font-weight:700;border-radius:999px;box-shadow:0 2px 4px #0003;backdrop-filter:none;-webkit-backdrop-filter:none}.shop-coupon-button--overlay:before{display:none}.shop-coupon-button--inline{background:#fff;color:var(--coupon-text-dark);padding:4px 16px 4px 4px;gap:8px;font-size:13px;font-weight:600;border:1.5px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000000f;letter-spacing:.2px}.shop-coupon-button--inline:hover{background:#fafbfc;box-shadow:0 4px 12px #0000001a}.shop-coupon-button--inline .shop-coupon-button__icon{width:28px;height:28px;padding:7px;border-radius:50%;background:var(--coupon-red);color:#fff;box-sizing:border-box;overflow:visible}.shop-coupon-button--inline .shop-coupon-button__badge{background:var(--coupon-bg-soft-1);color:var(--coupon-text-dark);min-width:20px;height:18px;padding:0 7px;font-size:11px;font-weight:700}.shop-coupon-button--inline:before{display:none}@media(prefers-reduced-motion:reduce){.shop-coupon-button:before{animation:none}.shop-coupon-button{transition:none}}.shop-coupons__modal[hidden]{display:none}.shop-coupons__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:stretch;justify-content:center}.shop-coupons__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f192d8c;animation:shop-coupons-fade-in .2s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.shop-coupons__modal-content{position:relative;background:linear-gradient(180deg,var(--coupon-bg-soft-1) 0%,var(--coupon-bg-soft-2) 100%);width:100%;margin:0 auto;display:flex;flex-direction:column;animation:shop-coupons-slide-up .28s ease;max-height:100vh}@keyframes shop-coupons-fade-in{0%{opacity:0}to{opacity:1}}@keyframes shop-coupons-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.shop-coupons__modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 4px;flex-shrink:0}.shop-coupons__modal-title{font-size:17px;font-weight:600;margin:0;letter-spacing:.3px;background:linear-gradient(90deg,var(--coupon-red) 0%,var(--coupon-red) 50%,var(--coupon-blue) 50%,var(--coupon-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.shop-coupons__modal-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.shop-coupons__modal-count{display:inline-flex;align-items:center;gap:4px;background:#c0000014;color:var(--coupon-red);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;line-height:1;white-space:nowrap;flex-shrink:0}.shop-coupons__modal-count svg{width:13px;height:13px}.shop-coupons__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:none;color:#444;cursor:pointer;border-radius:50%;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit;box-shadow:0 2px 6px #00000014}.shop-coupons__close:hover{transform:scale(1.05);box-shadow:0 4px 10px #0000001f}.shop-coupons__close svg{width:18px;height:18px}.shop-coupons__modal-body{flex:1;overflow-y:auto;padding:16px 20px 24px;-webkit-overflow-scrolling:touch}.shop-coupons__modal-body{position:relative;scroll-padding-bottom:24px}.shop-coupons__modal-body:after{content:"";position:sticky;bottom:0;left:0;right:0;height:32px;margin-top:-32px;background:linear-gradient(to bottom,transparent 0%,var(--coupon-bg-soft-2) 90%);pointer-events:none;display:block}.shop-coupons__modal-body--no-overflow:after{display:none}body.shop-coupons-modal-open{overflow:hidden}.coupon-card{position:relative;background:#fff;border-radius:18px;margin-bottom:16px;text-align:center;box-shadow:0 10px 30px -12px #001e502e,0 4px 12px -6px #0000000f;overflow:hidden}.coupon-card:last-child{margin-bottom:0}.coupon-card:before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--coupon-red) 0%,var(--coupon-red) 50%,var(--coupon-blue) 50%,var(--coupon-blue) 100%)}.coupon-card__body{padding:22px 20px 20px}.coupon-card:after{content:"";position:absolute;width:22px;height:22px;background:var(--coupon-bg-soft-2);border-radius:50%;top:50%;transform:translateY(-50%);pointer-events:none;left:-11px}.coupon-card__notch{position:absolute;width:22px;height:22px;background:var(--coupon-bg-soft-2);border-radius:50%;top:50%;transform:translateY(-50%);pointer-events:none;right:-11px}.coupon-card__shop-name{font-size:11px;font-weight:600;color:var(--coupon-text-dim);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 8px}.coupon-card__stores{font-size:11px;color:var(--coupon-text-mid);font-style:italic;margin:0 0 4px;line-height:1.4}.coupon-card__terms{font-size:11px;color:var(--coupon-text-dim);margin:0 0 14px;line-height:1.4}.coupon-card__discount{font-size:44px;font-weight:700;line-height:1;margin:0;color:var(--coupon-red);letter-spacing:-1px;font-family:Helvetica Neue,Arial,sans-serif}.coupon-card__divider{position:relative;height:1px;margin:18px -20px;border:none;background:none}.coupon-card__divider:after{content:"";position:absolute;left:0;right:0;top:0;border-top:1px dashed var(--coupon-divider)}.coupon-card__barcode{background:#fff;padding:10px 4px 4px;border-radius:8px;margin-bottom:14px;min-height:90px;display:flex;align-items:center;justify-content:center}.coupon-card__barcode-svg{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}.coupon-card__expiry{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--coupon-text-mid);background:var(--coupon-bg-soft-1);padding:6px 12px;border-radius:999px;margin:0}.coupon-card__expiry-icon{width:12px;height:12px;flex-shrink:0}.coupon-card__expiry strong{color:var(--coupon-text-dark);font-weight:600}@media(min-width:768px){.shop-coupons__modal{align-items:center;padding:5vh 24px}.shop-coupons__modal-content{max-width:480px;max-height:90vh;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px -20px #001e5059}.coupon-card__discount{font-size:48px}}@media(prefers-color-scheme:dark){.shop-coupons__modal-overlay{background:#000000a6}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/shop-coupons.css.map */