.gi-coupon-browser { color: #242c35; min-width: 0; letter-spacing: 0; }
.gi-coupon-browser [hidden] { display: none !important; }
.gi-coupon-toolbar { display: flex; gap: 12px; justify-content: space-between; margin-bottom: 28px; }
.gi-coupon-search { display: flex; align-items: center; gap: 10px; flex: 1; max-width: 460px; margin: 0; border: 1px solid #dce2e8; border-radius: 6px; padding-inline: 14px; color: #697785; background: #fafbfc; }
.gi-coupon-search input { width: 100%; min-width: 0; min-height: 48px; font: inherit; font-size: 16px; border: 0; background: transparent; color: #242c35; outline: none; }
.gi-coupon-search:focus-within { outline: 2px solid #205b9b; outline-offset: 2px; }
.gi-coupon-toolbar select { max-width: 42%; min-height: 48px; padding: 8px 12px; border: 1px solid #dce2e8; border-radius: 6px; color: #394759; background: #fff; font: inherit; font-size: 16px; }
.gi-coupon-group { margin: 0 0 32px; }
.gi-coupon-group__heading { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.gi-coupon-group__heading h3 { display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; font-size: 18px; line-height: 1.5; font-weight: 700; color: #28394d; }
.gi-coupon-group__heading h3 span { overflow-wrap: anywhere; }
.gi-coupon-group__heading h3 i { color: #68788b; font-size: 16px; }
.gi-coupon-group__count { display: grid; place-items: center; flex: 0 0 auto; min-width: 26px; height: 26px; padding-inline: 6px; background: #f0f3f6; border-radius: 4px; font-size: 13px; color: #667488; }
.gi-coupon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 18px; }
.gi-code-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid #dde4ed; border-top: 3px solid #205b9b; border-radius: 8px; background: #fff; }
.gi-code-card__heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.gi-code-card__discount { display: flex; flex-direction: column; gap: 2px; }
.gi-code-card__discount strong { color: #204f83; font-size: 30px; line-height: 1.2; font-weight: 800; }
.gi-code-card__discount > i { font-size: 26px; line-height: 36px; color: #204f83; }
.gi-code-card__discount span { font-size: 12px; color: #6d7683; }
.gi-code-card__state { display: inline-flex; align-items: center; gap: 5px; color: #30725d; background: #eff7f3; padding: 5px 7px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
.gi-code-card__code { display: grid; place-items: center; min-height: 62px; padding: 12px; margin-bottom: 12px; border: 1px dashed #a6b8ce; border-radius: 6px; background: #f5f8fc; color: #263d59; font-family: Consolas, monospace; font-size: 21px; font-weight: 700; overflow-wrap: anywhere; word-break: break-word; text-align: center; user-select: all; }
.gi-code-card__action { position: relative; margin-top: auto; }
.gi-code-card__copy { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 10px; background: #205b9b; border: 1px solid #205b9b; border-radius: 6px; color: #fff; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.gi-code-card__copy:hover:not(:disabled) { background: #184b80; }
.gi-code-card__copy.gi-copied { background: #286950; border-color: #286950; }
.gi-code-card__copy:disabled { cursor: default; background: #eceff3; border-color: #e1e5ea; color: #737b87; }
.gi-code-card__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.gi-code-card__footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 14px; color: #727d8b; font-size: 12px; }
.gi-code-card__footer { min-height: 18px; }
.gi-code-card__expiry { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.gi-code-card__footer a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #205b9b; font-weight: 700; }
html[dir="ltr"] .gi-code-card__footer a i { transform: rotate(180deg); }
.gi-code-card--inactive { border-top-color: #bec5ce; background: #fafbfc; }
.gi-code-card--inactive .gi-code-card__discount strong { color: #697585; }
.gi-code-card--inactive .gi-code-card__state { background: #f2eeee; color: #895e60; }
.gi-code-card--inactive .gi-code-card__code { background: #f0f2f5; border-color: #c8cfd8; color: #657184; }
.gi-coupon-empty { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 48px 16px; text-align: center; color: #697585; }
.gi-coupon-browser :is(button,select,a):focus-visible { outline: 2px solid #205b9b; outline-offset: 3px; }
@media (max-width: 480px) {
  .gi-coupon-toolbar { flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
  .gi-coupon-search { flex-basis: 100%; max-width: none; }
  .gi-coupon-toolbar select { max-width: none; width: 100%; }
  .gi-code-card { padding: 18px; }
}