.metro-coupons{border-top:1px solid #dce3e9;padding:8px 0;margin:4px 0}
.metro-coupons h3{font:500 13px/20px Kalpurush,Arial;margin:0 0 7px}
.metro-coupon-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.metro-coupon-rail article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;flex:0 0 220px;border:1px dashed var(--reference-accent);border-radius:6px;background:color-mix(in srgb,var(--reference-accent) 6%,white);padding:9px 10px}
.metro-coupon-rail strong{color:var(--reference-accent);font-size:16px}
.metro-coupon-rail span{font-size:12px;font-weight:600}
.metro-coupon-rail small{font-size:10px;color:#6a7781}
.metro-coupon-rail button{grid-column:2;grid-row:1/4;border:0;border-radius:4px;background:var(--reference-accent);color:var(--reference-button-ink,#fff);font-size:11px;padding:6px 8px;cursor:pointer}
.metro-coupons p{font-size:11px;color:#687784;margin:5px 0}
.metro-coupons p:empty{display:none}
.metro-coupons h3{font-size:15px;line-height:1.4;font-weight:600}
.metro-coupons h3>span{color:#e77a17}
.metro-coupon-rail{gap:12px;padding:1px 2px 5px;overflow-y:visible}
.metro-coupon-rail article.metro-voucher{display:block;position:relative;flex:0 0 270px;border:1.5px solid #ed913d;background:#fff7ed;border-radius:10px;padding:0;overflow:visible}
.metro-voucher-body{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;min-height:58px;box-sizing:border-box;position:relative}
.metro-voucher-body>div{flex:1;min-width:0}
.metro-voucher-icon{display:flex;color:#ef7b13;background:#fff;border-radius:6px;padding:4px}
.metro-voucher-icon svg{width:22px;height:22px}
.metro-coupon-rail .metro-voucher-name{display:block;font-size:11px;font-weight:400;line-height:16px;color:#778293;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:30px}
.metro-coupon-rail .metro-voucher-body strong{display:block;font-size:20px;line-height:1.2;color:#d96908;font-weight:700}
.metro-voucher-terms{position:absolute!important;top:8px;right:8px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:9px!important;box-shadow:none!important}
.metro-voucher-terms summary{padding:2px 5px!important;min-height:0!important;line-height:14px!important;background:#ffe3c3;border-radius:20px;color:#b75b0d;list-style:none;cursor:pointer}
.metro-voucher-terms summary::-webkit-details-marker{display:none}
.metro-voucher-terms>div{position:absolute;right:0;top:22px;width:190px;background:#fff;border:1px solid #f2c28c;border-radius:6px;padding:8px;box-shadow:0 3px 10px #0001;color:#667085;font-size:11px;line-height:1.4;z-index:10}
.metro-voucher-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed #ed913d;padding:6px 10px;min-height:32px;box-sizing:border-box}
.metro-voucher-footer:before,.metro-voucher-footer:after{content:'';position:absolute;top:-8px;width:14px;height:14px;border:1.5px solid #ed913d;border-radius:50%;background:#fff;pointer-events:none}
.metro-voucher-footer:before{left:-9px;clip-path:inset(0 0 0 50%)}
.metro-voucher-footer:after{right:-9px;clip-path:inset(0 50% 0 0)}
.metro-voucher-footer small{font-size:10px;color:#778293}
.metro-coupon-rail .metro-voucher-footer button{display:block;min-width:69px;padding:4px 11px;font-size:11px;font-weight:600;line-height:1.4;border:0;border-radius:6px;background:#d96908;color:#fff;cursor:pointer}
.metro-voucher[data-collected=true]{background:#f1f2f4!important;border-color:#c8cdd3!important;filter:grayscale(1)}
.metro-voucher[data-collected=true] .metro-voucher-footer{border-color:#c8cdd3}
.metro-voucher[data-collected=true] .metro-voucher-footer button{background:#d4d8dd;color:#4b5563}
.coupon-slider-wrap{position:relative;min-width:0}.coupon-slide-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid #e6d8c8;border-radius:50%;background:#ffffffed;color:#a56832;box-shadow:0 2px 7px #63411813;opacity:.85;cursor:pointer}.coupon-slide-arrow.is-prev{left:2px}.coupon-slide-arrow.is-next{right:2px}.coupon-slide-arrow svg{width:16px;height:16px}.coupon-slide-arrow:hover:not(:disabled){opacity:1;background:#fff1df;color:#d76800}.coupon-slide-arrow:disabled{opacity:.25;cursor:default}.coupon-slide-arrow[hidden]{display:none}
.coupon-slider-wrap{padding-top:32px}.coupon-slider-wrap>.coupon-slide-arrow{top:0;transform:none;width:25px;height:25px;min-width:25px;min-height:25px;max-height:25px;padding:4px;border-radius:50%;background:#fff;border:1px solid #c9dcd0;box-shadow:none;opacity:1;color:#44745b;display:grid;place-items:center}.coupon-slider-wrap>.coupon-slide-arrow.is-prev{left:auto;right:32px}.coupon-slider-wrap>.coupon-slide-arrow.is-next{right:0}.coupon-slider-wrap>.coupon-slide-arrow:disabled{opacity:.35}.coupon-slider-wrap>.coupon-slide-arrow[hidden]{display:none}.coupon-slider-wrap:not(:has(.coupon-slide-arrow:not([hidden]))){padding-top:0}
.reference-checkout .checkout-coupon{position:relative}.reference-checkout .checkout-coupon>.metro-coupons .coupon-slider-wrap{position:static;padding-top:0!important}.reference-checkout .checkout-coupon>.metro-coupons{margin-top:18px}.reference-checkout .checkout-coupon>.metro-coupons .coupon-slider-wrap>button.coupon-slide-arrow{position:absolute!important;top:20px!important;bottom:auto!important;left:auto!important;transform:none!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:4px!important;margin:0!important;border:1px solid #bdd7c7!important;border-radius:50%!important;background:#fff!important;color:#387052!important;line-height:1!important;box-sizing:border-box!important;display:grid;place-items:center}.reference-checkout .checkout-coupon>.metro-coupons .coupon-slider-wrap>button.coupon-slide-arrow.is-prev{right:55px!important}.reference-checkout .checkout-coupon>.metro-coupons .coupon-slider-wrap>button.coupon-slide-arrow.is-next{right:22px!important}.reference-checkout .checkout-coupon .coupon-slide-arrow svg{display:block;width:15px!important;height:15px!important;flex:none}.reference-checkout .checkout-coupon .coupon-slide-arrow[hidden]{display:none!important}.reference-checkout .checkout-coupon>summary{padding-right:75px}