/* Hallmark · component: redemption dialog · existing EVA dark-gold tokens.
 * Pre-emit critique: P5 H4 E5 S5 R5 V4. Default/hover/focus/pressed/disabled/loading/error/success. */
body.store-luxe .shc-count-row.eva-store-actions { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
body.store-luxe .eva-store-actions .store-count { width:auto;flex:1; }
.eva-activate-trigger { flex-shrink:0; }
.eva-activate-trigger,#evaActivation {
  --redeem-bg:var(--eva-canvas);--redeem-panel:var(--eva-surface);--redeem-input:var(--eva-surface-soft);
  --redeem-line:var(--eva-line);--redeem-accent:var(--eva-gold);--redeem-ink:var(--eva-ink);
  --redeem-muted:var(--eva-muted);--redeem-error:var(--eva-red);--redeem-good:var(--eva-green);
  --redeem-on-accent:var(--eva-on-brand);--redeem-backdrop:rgba(8,6,3,.78);
  --redeem-ease:cubic-bezier(.16,1,.3,1);--redeem-mono:ui-monospace,monospace;
  font-family:inherit;color:var(--redeem-ink);
}
.eva-activate-trigger { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 18px;border:1px solid var(--eva-line-strong);border-radius:12px;background:var(--redeem-panel);color:var(--redeem-ink);font-weight:800;cursor:pointer;white-space:nowrap; }
.eva-activate-trigger svg,#evaActivation svg { width:22px;height:22px;flex-shrink:0;color:var(--redeem-accent); }
.eva-activate-trigger:focus-visible,#evaActivation :focus-visible { outline:2px solid var(--redeem-accent);outline-offset:3px; }
#evaActivation { position:fixed;inset:0;margin:auto;width:min(492px,calc(100% - 24px));max-width:none;height:fit-content;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--redeem-line);border-radius:22px;background:var(--redeem-bg);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--eva-line-strong) var(--redeem-bg);text-align:start;direction:rtl; }
#evaActivation::backdrop { background:var(--redeem-backdrop); }
#evaActivation *,#evaActivation *::before { box-sizing:border-box; }
#evaActivation [hidden] { display:none!important; }
#evaActivation .redeem-head { display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--redeem-line);background:var(--redeem-panel);color:var(--redeem-ink); }
#evaActivation .redeem-head-icon { width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--redeem-line);border-radius:14px;flex-shrink:0; }
#evaActivation h2 { font-size:18px;line-height:1.6;font-weight:800;margin:0; }
#evaActivation p { font-size:14px;line-height:1.8;margin:4px 0 0;color:var(--redeem-muted); }
#evaActivation .redeem-close { margin-inline-start:auto;align-self:flex-start;min-width:44px;min-height:44px;font-size:25px;padding:0; }
#evaActivation button { font-family:inherit;cursor:pointer;white-space:nowrap;transition:background-color 180ms var(--redeem-ease),transform 100ms var(--redeem-ease); }
#evaActivation button:active:not(:disabled),.eva-activate-trigger:active { transform:translateY(1px); }
#evaActivation .redeem-secondary { color:var(--redeem-ink);background:var(--redeem-input);border:1px solid var(--redeem-line);border-radius:10px; }
#evaActivation .redeem-content { padding:24px; }
#evaActivation label,#evaActivation .redeem-label { display:block;font-size:14px;font-weight:700;margin:0 0 8px; }
#evaActivation input { height:50px;width:100%;min-width:0;padding:0 14px;border:1px solid var(--redeem-line);border-radius:12px;background:var(--redeem-input);color:var(--redeem-ink);font:inherit;font-size:15px; }
#evaActivation input[aria-invalid="true"] { border-color:var(--redeem-error); }
#evaActivation input::placeholder { color:var(--eva-faint); }
#evaActivation #redeemKey { font-family:var(--redeem-mono);text-align:center;font-size:clamp(12px,3.7vw,16px);letter-spacing:.025em; }
#evaActivation .redeem-format { display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;margin-block:20px;padding:16px;border:1px solid color-mix(in srgb,var(--redeem-accent) 25%,var(--redeem-line));border-radius:14px;background:color-mix(in srgb,var(--redeem-accent) 4%,var(--redeem-bg));color:var(--redeem-ink); }
#evaActivation .redeem-format-icon { display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--redeem-accent) 18%,var(--redeem-line));border-radius:10px;background:color-mix(in srgb,var(--redeem-accent) 10%,var(--redeem-bg));color:var(--redeem-accent); }
#evaActivation .redeem-format-icon svg { width:18px;height:18px; }
#evaActivation .redeem-format-copy { min-width:0; }
#evaActivation .redeem-format strong { font-size:14px; }
#evaActivation .redeem-format p { margin-top:4px;font-size:13px;line-height:1.9; }
#evaActivation .redeem-format-example { grid-column:2;justify-self:start;display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border:1px solid var(--redeem-line);border-radius:9px;background:var(--redeem-bg);color:var(--redeem-muted); }
#evaActivation .redeem-format-example span { font-size:12px;white-space:nowrap; }
#evaActivation .redeem-format-example code { margin:0;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums; }
@media(max-width:400px) { #evaActivation .redeem-format-example { grid-column:1/-1;padding-inline:8px; } }
#evaActivation code { font-family:var(--redeem-mono);color:var(--redeem-accent);font-size:14px;display:inline-block;margin-top:8px; }
#evaActivation ol { margin:16px 0 0;padding-inline-start:23px;color:var(--redeem-muted);font-size:14px;line-height:2; }
#evaActivation ol li { padding-inline-start:4px;margin-top:4px; }
#evaActivation ol li::marker { color:var(--redeem-accent);font-weight:800; }
#evaActivation .redeem-feedback { min-height:26px;margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--redeem-error); }
#evaActivation .redeem-feedback[data-tone="good"] { color:var(--redeem-good); }
#evaActivation .redeem-feedback[data-tone="info"] { color:var(--redeem-muted); }
#evaActivation .redeem-choice { width:100%;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--redeem-input);color:var(--redeem-ink);border:1px solid var(--redeem-line);border-radius:12px;font-size:15px;text-align:start; }
#evaActivation .redeem-choice small { margin-inline-start:auto;color:var(--redeem-muted); }
#evaActivation .redeem-options { margin-top:8px;padding:6px;border:1px solid var(--redeem-line);border-radius:12px;max-height:240px;overflow:auto;overscroll-behavior:contain;background:var(--redeem-panel);color:var(--redeem-ink); }
#evaActivation .redeem-option { width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;border:0;padding:10px 12px;border-radius:8px;background:transparent;color:var(--redeem-ink);font-size:14px;text-align:start; }
#evaActivation .redeem-option[aria-selected="true"] { background:var(--redeem-input);color:var(--redeem-accent); }
#evaActivation .redeem-server { margin-top:20px; }
#evaActivation .redeem-foot { display:flex;gap:10px;padding:20px 24px;border-top:1px solid var(--redeem-line); }
#evaActivation .redeem-foot button { min-height:46px;padding:10px 14px;flex:1;font-size:14px;font-weight:800; }
#evaActivation .redeem-primary { border:1px solid var(--redeem-accent);border-radius:10px;background:var(--redeem-accent);color:var(--redeem-on-accent); }
#evaActivation button:disabled { opacity:.5;cursor:not-allowed; }
#evaActivation .redeem-result h3 { font-size:20px;margin:4px 0 12px; }
#evaActivation .redeem-result a { display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--redeem-accent);font-weight:800; }
#evaActivation .redeem-result dl { margin:18px 0;display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-size:14px; }
#evaActivation .redeem-result dt { color:var(--redeem-muted); }
#evaActivation .redeem-result dd { margin:0;overflow-wrap:anywhere; }
@media(hover:hover) { .eva-activate-trigger:hover,#evaActivation .redeem-secondary:hover,#evaActivation .redeem-option:hover { background:var(--eva-surface-warm);color:var(--eva-ink); } #evaActivation .redeem-primary:hover { background:var(--eva-brand-3);color:var(--redeem-on-accent); } }
@keyframes redeemEnter { from { opacity:0;transform:translateY(10px) scale(.98); } to { opacity:1;transform:none; } }
@keyframes redeemFade { from { opacity:.4; } to { opacity:1; } }

/* ================= restyle: same language as the store's package modal / cart drawer =================
   (global input/textarea rules elsewhere are !important, so the fields here must answer in kind) */
#evaActivation {
  --redeem-bg: #1e0f16; --redeem-panel: transparent; --redeem-input: #221219; --redeem-line: rgba(196,159,176, .2);
  --redeem-accent: #e8579c; --redeem-ink: #f6edf1; --redeem-muted: #cdb6c1; --redeem-error: #ef7f73; --redeem-good: #7fd3ac;
  --redeem-on-accent: #0d0709; --redeem-ease: cubic-bezier(.22, 1, .36, 1);
  width: min(520px, calc(100% - 24px)); border: 1px solid rgba(196,159,176, .25); border-radius: 28px;
  background: linear-gradient(180deg, #301a24, #26131c); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9);
  scrollbar-width: none; -ms-overflow-style: none;
}
#evaActivation::-webkit-scrollbar { display: none; }
#evaActivation::backdrop { background: rgba(9,5,7, .7); }
#evaActivation[open] { animation: redeemIn .6s var(--redeem-ease) both; }
#evaActivation[open]::backdrop { animation: redeemBackdropIn .5s ease both; }
#evaActivation.is-closing { animation: redeemOut .34s cubic-bezier(.5, 0, .75, 0) both; }
#evaActivation.is-closing::backdrop { animation: redeemBackdropOut .34s ease both; }
#evaActivation [data-step] { animation: redeemStep .5s var(--redeem-ease) both; }
#evaActivation .redeem-head { padding: 22px 22px 18px; gap: 14px; border-bottom: 1px solid var(--redeem-line); background: transparent; }
#evaActivation .redeem-head-icon { width: 48px; height: 48px; border-radius: 16px; border: 1px solid rgba(196,159,176, .26); background: rgba(198,162,179, .1); color: #e8579c; }
#evaActivation h2 { font-family: "Tajawal", "Cairo", sans-serif; font-size: 1.28rem; font-weight: 800; }
#evaActivation .redeem-head p { font-size: .86rem; margin-top: 3px; }
#evaActivation .redeem-close {
  width: 42px; height: 42px; min-width: 42px; min-height: 42px; padding: 0; display: grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--redeem-line); background: rgba(255, 255, 255, .03); color: var(--redeem-muted); font-size: 1.5rem; line-height: 1;
  transition: background .2s ease, color .2s ease;
}
#evaActivation .redeem-close:hover { background: rgba(255, 255, 255, .09); color: var(--redeem-ink); }
#evaActivation .redeem-content { padding: 22px; }
#evaActivation label, #evaActivation .redeem-label { color: var(--redeem-muted); font-size: .82rem; font-weight: 700; }
#evaActivation input, #evaActivation input:hover, #evaActivation input:focus {
  height: 52px; border-radius: 16px !important; border: 1px solid var(--redeem-line) !important; background: var(--redeem-input) !important;
  color: var(--redeem-ink) !important; box-shadow: none !important; outline: 0; transition: border-color .2s ease;
}
#evaActivation input:focus-visible { outline: 0 !important; }
#evaActivation input:focus { border-color: #d62f7f !important; box-shadow: 0 0 0 3px rgba(214,47,127, .14) !important; }
#evaActivation input[aria-invalid="true"], #evaActivation input[aria-invalid="true"]:focus { border-color: var(--redeem-error) !important; }
#evaActivation input::placeholder { color: #cf2876 !important; }
#evaActivation .redeem-format { border-radius: 18px; border: 1px solid var(--redeem-line); background: rgba(198,162,179, .06); }
#evaActivation .redeem-format-icon { border-radius: 11px; background: rgba(198,162,179, .1); border-color: rgba(196,159,176, .22); }
#evaActivation .redeem-format-example { border-radius: 11px; background: var(--redeem-input); }
#evaActivation .redeem-choice { height: 54px; border-radius: 16px; background: var(--redeem-input); transition: border-color .2s ease; }
#evaActivation .redeem-choice:hover { border-color: rgba(196,159,176, .4); }
#evaActivation .redeem-options { border-radius: 16px; background: #1e0f16; scrollbar-width: none; }
#evaActivation .redeem-options::-webkit-scrollbar { display: none; }
#evaActivation .redeem-option { border-radius: 11px; transition: background .18s ease; }
#evaActivation .redeem-foot { padding: 18px 22px 22px; gap: 12px; border-top: 1px solid var(--redeem-line); }
#evaActivation .redeem-foot button { min-height: 50px; border-radius: 999px; font-weight: 800; transition: filter .2s ease, background .2s ease, transform .2s ease; }
#evaActivation .redeem-primary, #evaActivation .redeem-primary:hover:not(:disabled) {
  border: 1px solid transparent; background: linear-gradient(150deg, #e36ba3, #d62f7f); color: #0d0709; box-shadow: 0 14px 28px -16px rgba(214,47,127, .6);
}
#evaActivation .redeem-primary:hover:not(:disabled) { filter: brightness(1.06); }
#evaActivation .redeem-secondary { border-radius: 999px; background: transparent; border: 1px solid rgba(196,159,176, .3); color: var(--redeem-ink); }
#evaActivation .redeem-secondary:hover { background: rgba(198,162,179, .1); }
@keyframes redeemIn { from { opacity: 0; transform: translateY(26px) scale(.965); } to { opacity: 1; transform: none; } }
@keyframes redeemOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(18px) scale(.975); } }
@keyframes redeemBackdropIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes redeemBackdropOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes redeemStep { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }