.gi-coupon-shelf { min-width: 0; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #e6ece9; color: #253c35; letter-spacing: 0; }
.gi-coupon-shelf [hidden] { display: none !important; }
.gi-coupon-shelf__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.gi-coupon-shelf__heading h2 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.5; }
.gi-coupon-shelf__heading h2 > i { color: #23786b; font-size: 16px; }
.gi-coupon-shelf__controls, .gi-coupon-shelf__arrows { display: flex; align-items: center; gap: 6px; }
.gi-coupon-shelf button { font: inherit; cursor: pointer; }
.gi-coupon-shelf__arrows button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #dce6e0; border-radius: 50%; color: #23786b; background: #fff; font-size: 13px; }
.gi-coupon-shelf__arrows button:disabled { opacity: .35; cursor: default; }
.gi-coupon-shelf__all { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 4px; border: 0; background: transparent; color: #176750; font-size: 14px !important; font-weight: 700 !important; white-space: nowrap; }
.gi-coupon-shelf__track { display: flex; align-items: stretch; gap: 8px; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 3px 3px 6px; scrollbar-width: thin; scrollbar-color: #bed1c6 transparent; }
.gi-coupon-ticket { position: relative; flex: 0 0 190px; min-width: 0; overflow: hidden; border: 1px solid #dce6e0; border-radius: 8px; background: #fff; scroll-snap-align: start; }
.gi-coupon-ticket__main { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px 0; min-height: 30px; box-sizing: border-box; }
.gi-coupon-ticket__main h3 { min-width: 0; margin: 0; font-size: 13px; line-height: 1.5; font-weight: 700; }
.gi-coupon-ticket .gi-coupon-store__logo { width: 22px; height: 22px; flex-basis: 22px; border-radius: 5px; border-color: #dbe7de; }
.gi-coupon-ticket .gi-coupon-store { gap: 6px; }
.gi-coupon-ticket .gi-coupon-store__name { color: #253c35; }
.gi-coupon-ticket__discount { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 3px; color: #176750; }
.gi-coupon-ticket__discount strong { font-size: 16px; font-weight: 700; line-height: 1.2; }
.gi-coupon-ticket__discount > i { display: none; }
.gi-coupon-ticket__discount > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.gi-coupon-ticket__redeem { position: relative; display: flex; align-items: center; gap: 6px; padding: 0 6px 2px 10px; background: transparent; }
.gi-coupon-ticket__redeem code { flex: 1; min-width: 0; padding: 0; background: transparent; color: #263f35; font-family: Consolas, monospace; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; white-space: normal; text-align: start; user-select: all; }
.gi-coupon-ticket__copy { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; min-width: 58px; min-height: 44px; padding: 6px; border: 0; border-radius: 6px; background: transparent; color: #176750; font-size: 13px !important; font-weight: 700 !important; }
.gi-coupon-ticket__copy:hover, .gi-coupon-ticket__copy.gi-copied { background: #edf6f0; color: #175e52; }
.gi-coupon-ticket__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.gi-coupon-shelf :is(button, [tabindex]):focus-visible { outline: 2px solid #176750; outline-offset: 2px; }
[dir="rtl"] .gi-coupon-shelf__arrows i, [dir="ltr"] .gi-coupon-shelf__all i { transform: rotate(180deg); }
@media (max-width: 575.98px) {
    .gi-coupon-ticket { flex-basis: 190px; }
    .gi-coupon-shelf__heading h2 { font-size: 14px; }
    .gi-coupon-shelf__arrows { display: none; }
    .gi-coupon-shelf__track { gap: 8px; }
}