.coupon-inner-detail-modal{position:absolute;bottom:0;left:0;right:0;--height: 78%;--width: 100%}.coupon-inner-detail-modal .hk-header .hk-toolbar{--background: white;--border-color: hsl(20, 23.0769230769%, 134.9019607843%);--color: rgb(87.5, 82.5, 85);--padding-top: 8px;--padding-bottom: 8px}.coupon-inner-detail-modal .hk-header .hk-toolbar .hk-title{font-size:17px;font-weight:600}.coupon-inner-detail-modal .hk-header .hk-toolbar .hk-button{font-size:15px;--color: #c7a46e}.coupon-inner-detail-modal .coupon-inner-detail-container{padding:10px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header{text-align:center;margin-bottom:20px;padding:10px;border-radius:16px;display:flex;flex-direction:column;align-items:center;color:#fff}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .coupon-background{background:url(/assets/coupon-icon.CCNDKsYk.png) no-repeat center;background-size:contain;width:65%;max-width:300px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:2.5/1}@media (min-width: 768px){.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .coupon-background{width:50%;max-width:250px}}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .coupon-title{font-size:17px;font-weight:600;margin:0 0 8px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .discount-value{margin-bottom:6px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .discount-value .amount{font-size:28px;font-weight:700}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .discount-value .off{font-size:16px;font-weight:700;margin-left:4px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .coupon-min-spend{font-size:12px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-header .description{font-size:14px;color:#726b6f;margin:0}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section{margin-bottom:8px;background:#fff;border:2px solid #E9ECEF;border-radius:12px;padding:16px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .title{font-size:18px;font-weight:600;color:#c7a46e;margin:0 0 8px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .info-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid hsl(20,23.0769230769%,134.9019607843%)}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .info-item:last-child{border-bottom:none}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .info-item label{font-size:14px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .info-item span{font-size:15px;font-weight:500;color:#585355}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .info-item span.code-value{color:#c7a46e;font-weight:600}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section h3{font-size:16px;font-weight:600;color:#585355;margin:0 0 16px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .hk-list{background:transparent;padding:0}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .hk-list .hk-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;--min-height: auto;margin-bottom:8px}.coupon-inner-detail-modal .coupon-inner-detail-container .coupon-info-section .hk-list .hk-item .rule-item{font-size:14px;white-space:normal;margin:0}.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-background{background:url(/assets/coupon-inactive-icon.kdUpWF3t.png) no-repeat center;background-size:contain}.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .title,.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .coupon-description,.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .info-item,.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .title .code-value,.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .coupon-description .code-value,.coupon-inner-detail-modal.unavailable .coupon-inner-detail-container .coupon-info-section .info-item .code-value{color:#495057}.coupon-modal{--height: 100%;--width: 100%}.coupon-modal .hk-header .hk-toolbar{--background: white;--border-color: hsl(20, 23.0769230769%, 134.9019607843%);--color: rgb(87.5, 82.5, 85);--padding-top: 8px;--padding-bottom: 8px}.coupon-modal .hk-header .hk-toolbar .hk-title{font-size:17px;font-weight:600}.coupon-modal .hk-header .hk-toolbar .hk-button{font-size:15px;--color: #c7a46e}.coupon-modal .coupon-background{width:100%;max-width:700px;object-fit:contain}.coupon-modal .loading-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:20px}.coupon-modal .loading-container p{font-size:16px;color:var(--ion-color-medium)}.coupon-modal .coupon-container{padding:8px}.coupon-modal .coupon-container h3{font-size:16px;font-weight:600;color:#585355;margin:4px 0 8px}.coupon-modal .coupon-container .coupon-code-section{margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.coupon-modal .coupon-container .coupon-code-section .code-input-wrapper{display:flex;gap:12px}.coupon-modal .coupon-container .coupon-code-section .code-input-wrapper .code-input{flex:1;--background: #f5f1ef;--border-radius: 8px;--padding-start: 16px;--padding-end: 16px;--placeholder-color: rgb(113.75, 107.25, 110.5);font-size:15px}.coupon-modal .coupon-container .apply-button{margin:0}.coupon-modal .coupon-container .available-coupons-section{margin-bottom:24px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item{overflow:hidden;transition:transform .2s ease;background:url(/assets/rounded-coupon.1F2wdBg6.png) no-repeat center;background-size:contain;width:100%;max-width:510px;aspect-ratio:2.9/1}@media (min-width: 768px){.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item{max-width:400px}}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item:active{transform:scale(.98)}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content{width:100%;height:100%;display:flex;align-items:center}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main{width:100%;display:flex;align-items:center;justify-content:center}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-value{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-value .amount{font-size:24px;font-weight:700;color:#fff;line-height:1}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-value .off{font-size:13px;color:#fff;margin-top:4px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info{flex:3.54;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;gap:3px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-info-title{margin:0 0 4px;font-size:18px;font-weight:600;color:#585355}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .campaign-name{margin:0 0 8px;font-size:14px;color:#726b6f}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .code{font-size:16px;font-weight:500;color:#c7a46e;margin-right:12px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:85%}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .coupon-footer-left{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .min-spend{font-size:12px;color:#3d3a3c}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .code-expiry{display:flex;flex-direction:column;align-items:center;gap:4px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .code-expiry .expiry{font-size:12px;color:#3d3a3c}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .hk-icon{font-size:20px;color:#726b6f}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item .coupon-content .coupon-main .coupon-info .coupon-footer .coupon-footer-apply-button{--background: #c7a46e;--color: white}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable{opacity:.7;overflow:hidden;transition:transform .2s ease;background:url(/assets/rounded-inactive-coupon.CJMXhMdI.png) no-repeat center;background-size:contain;max-width:510px}@media (min-width: 768px){.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable{max-width:400px}}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .coupon-info h4,.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .coupon-info .campaign-name,.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .coupon-info .code{color:#726b6f!important}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-left:8px}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .status-badge.used{background:#fff;color:#726b6f}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .status-badge.expired{background:#fef9f9;color:#dc3545}.coupon-modal .coupon-container .available-coupons-section .coupon-list .coupon-item.unavailable .coupon-footer-apply-button{--background: hsl(20, 23.0769230769%, 124.9019607843%);pointer-events:none}.coupon-modal .coupon-container .available-coupons-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.coupon-modal .coupon-container .available-coupons-section .empty-state .hk-icon{font-size:48px;color:#fff;margin-bottom:16px}.coupon-modal .coupon-container .available-coupons-section .empty-state p{font-size:15px;color:#726b6f;margin:0}