/* Hallmark · component: redemption dialog · existing Seya 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.seya-store-actions { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
body.store-luxe .seya-store-actions .store-count { width:auto;flex:1; }
.seya-activate-trigger { flex-shrink:0; }
.seya-activate-trigger,#seyaActivation {
  --redeem-bg:var(--seya-canvas);--redeem-panel:var(--seya-surface);--redeem-input:var(--seya-surface-soft);
  --redeem-line:var(--seya-line);--redeem-accent:var(--seya-gold);--redeem-ink:var(--seya-ink);
  --redeem-muted:var(--seya-muted);--redeem-error:var(--seya-red);--redeem-good:var(--seya-green);
  --redeem-on-accent:var(--seya-on-brand);--redeem-backdrop:rgba(7,5,4,.78);
  --redeem-ease:cubic-bezier(.16,1,.3,1);--redeem-mono:ui-monospace,monospace;
  font-family:inherit;color:var(--redeem-ink);
}
.seya-activate-trigger { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 18px;border:1px solid var(--seya-line-strong);border-radius:12px;background:var(--redeem-panel);color:var(--redeem-ink);font-weight:800;cursor:pointer;white-space:nowrap; }
.seya-activate-trigger svg,#seyaActivation svg { width:22px;height:22px;flex-shrink:0;color:var(--redeem-accent); }
.seya-activate-trigger:focus-visible,#seyaActivation :focus-visible { outline:2px solid var(--redeem-accent);outline-offset:3px; }
#seyaActivation { 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(--seya-line-strong) var(--redeem-bg);text-align:start;direction:rtl; }
#seyaActivation::backdrop { background:var(--redeem-backdrop); }
#seyaActivation *,#seyaActivation *::before { box-sizing:border-box; }
#seyaActivation [hidden] { display:none!important; }
#seyaActivation .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); }
#seyaActivation .redeem-head-icon { width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--redeem-line);border-radius:14px;flex-shrink:0; }
#seyaActivation h2 { font-size:18px;line-height:1.6;font-weight:800;margin:0; }
#seyaActivation p { font-size:14px;line-height:1.8;margin:4px 0 0;color:var(--redeem-muted); }
#seyaActivation .redeem-close { margin-inline-start:auto;align-self:flex-start;min-width:44px;min-height:44px;font-size:25px;padding:0; }
#seyaActivation button { font-family:inherit;cursor:pointer;white-space:nowrap;transition:background-color 180ms var(--redeem-ease),transform 100ms var(--redeem-ease); }
#seyaActivation button:active:not(:disabled),.seya-activate-trigger:active { transform:translateY(1px); }
#seyaActivation .redeem-secondary { color:var(--redeem-ink);background:var(--redeem-input);border:1px solid var(--redeem-line);border-radius:10px; }
#seyaActivation .redeem-content { padding:24px; }
#seyaActivation label,#seyaActivation .redeem-label { display:block;font-size:14px;font-weight:700;margin:0 0 8px; }
#seyaActivation 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; }
#seyaActivation input[aria-invalid="true"] { border-color:var(--redeem-error); }
#seyaActivation input::placeholder { color:var(--seya-faint); }
#seyaActivation #redeemKey { font-family:var(--redeem-mono);text-align:center;font-size:clamp(12px,3.7vw,16px);letter-spacing:.025em; }
#seyaActivation .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); }
#seyaActivation .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); }
#seyaActivation .redeem-format-icon svg { width:18px;height:18px; }
#seyaActivation .redeem-format-copy { min-width:0; }
#seyaActivation .redeem-format strong { font-size:14px; }
#seyaActivation .redeem-format p { margin-top:4px;font-size:13px;line-height:1.9; }
#seyaActivation .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); }
#seyaActivation .redeem-format-example span { font-size:12px;white-space:nowrap; }
#seyaActivation .redeem-format-example code { margin:0;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums; }
@media(max-width:400px) { #seyaActivation .redeem-format-example { grid-column:1/-1;padding-inline:8px; } }
#seyaActivation code { font-family:var(--redeem-mono);color:var(--redeem-accent);font-size:14px;display:inline-block;margin-top:8px; }
#seyaActivation ol { margin:16px 0 0;padding-inline-start:23px;color:var(--redeem-muted);font-size:14px;line-height:2; }
#seyaActivation ol li { padding-inline-start:4px;margin-top:4px; }
#seyaActivation ol li::marker { color:var(--redeem-accent);font-weight:800; }
#seyaActivation .redeem-feedback { min-height:26px;margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--redeem-error); }
#seyaActivation .redeem-feedback[data-tone="good"] { color:var(--redeem-good); }
#seyaActivation .redeem-feedback[data-tone="info"] { color:var(--redeem-muted); }
#seyaActivation .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; }
#seyaActivation .redeem-choice small { margin-inline-start:auto;color:var(--redeem-muted); }
#seyaActivation .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); }
#seyaActivation .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; }
#seyaActivation .redeem-option[aria-selected="true"] { background:var(--redeem-input);color:var(--redeem-accent); }
#seyaActivation .redeem-server { margin-top:20px; }
#seyaActivation .redeem-foot { display:flex;gap:10px;padding:20px 24px;border-top:1px solid var(--redeem-line); }
#seyaActivation .redeem-foot button { min-height:46px;padding:10px 14px;flex:1;font-size:14px;font-weight:800; }
#seyaActivation .redeem-primary { border:1px solid var(--redeem-accent);border-radius:10px;background:var(--redeem-accent);color:var(--redeem-on-accent); }
#seyaActivation button:disabled { opacity:.5;cursor:not-allowed; }
#seyaActivation .redeem-result h3 { font-size:20px;margin:4px 0 12px; }
#seyaActivation .redeem-result a { display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--redeem-accent);font-weight:800; }
#seyaActivation .redeem-result dl { margin:18px 0;display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-size:14px; }
#seyaActivation .redeem-result dt { color:var(--redeem-muted); }
#seyaActivation .redeem-result dd { margin:0;overflow-wrap:anywhere; }
@media(hover:hover) { .seya-activate-trigger:hover,#seyaActivation .redeem-secondary:hover,#seyaActivation .redeem-option:hover { background:var(--seya-surface-warm);color:var(--seya-ink); } #seyaActivation .redeem-primary:hover { background:var(--seya-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) */
#seyaActivation {
  --redeem-bg: #271f19; --redeem-panel: transparent; --redeem-input: #201914; --redeem-line: rgba(210,179,146, .2);
  --redeem-accent: #d5b593; --redeem-ink: #f2ebe4; --redeem-muted: #d2b392; --redeem-error: #ef7f73; --redeem-good: #7fd3ac;
  --redeem-on-accent: #15110e; --redeem-ease: cubic-bezier(.22, 1, .36, 1);
  width: min(520px, calc(100% - 24px)); border: 1px solid rgba(210,179,146, .25); border-radius: 28px;
  background: linear-gradient(180deg, #2c241e, #231b16); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .9);
  scrollbar-width: none; -ms-overflow-style: none;
}
#seyaActivation::-webkit-scrollbar { display: none; }
#seyaActivation::backdrop { background: rgba(9,7,5, .7); }
#seyaActivation[open] { animation: redeemIn .6s var(--redeem-ease) both; }
#seyaActivation[open]::backdrop { animation: redeemBackdropIn .5s ease both; }
#seyaActivation.is-closing { animation: redeemOut .34s cubic-bezier(.5, 0, .75, 0) both; }
#seyaActivation.is-closing::backdrop { animation: redeemBackdropOut .34s ease both; }
#seyaActivation [data-step] { animation: redeemStep .5s var(--redeem-ease) both; }
#seyaActivation .redeem-head { padding: 22px 22px 18px; gap: 14px; border-bottom: 1px solid var(--redeem-line); background: transparent; }
#seyaActivation .redeem-head-icon { width: 48px; height: 48px; border-radius: 16px; border: 1px solid rgba(210,179,146, .26); background: rgba(213,181,147, .1); color: #d5b593; }
#seyaActivation h2 { font-family: "Tajawal", "Cairo", sans-serif; font-size: 1.28rem; font-weight: 800; }
#seyaActivation .redeem-head p { font-size: .86rem; margin-top: 3px; }
#seyaActivation .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;
}
#seyaActivation .redeem-close:hover { background: rgba(255, 255, 255, .09); color: var(--redeem-ink); }
#seyaActivation .redeem-content { padding: 22px; }
#seyaActivation label, #seyaActivation .redeem-label { color: var(--redeem-muted); font-size: .82rem; font-weight: 700; }
#seyaActivation input, #seyaActivation input:hover, #seyaActivation 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;
}
#seyaActivation input:focus-visible { outline: 0 !important; }
#seyaActivation input:focus { border-color: #b39578 !important; box-shadow: 0 0 0 3px rgba(179,149,120, .14) !important; }
#seyaActivation input[aria-invalid="true"], #seyaActivation input[aria-invalid="true"]:focus { border-color: var(--redeem-error) !important; }
#seyaActivation input::placeholder { color: #967b61 !important; }
#seyaActivation .redeem-format { border-radius: 18px; border: 1px solid var(--redeem-line); background: rgba(213,181,147, .06); }
#seyaActivation .redeem-format-icon { border-radius: 11px; background: rgba(213,181,147, .1); border-color: rgba(210,179,146, .22); }
#seyaActivation .redeem-format-example { border-radius: 11px; background: var(--redeem-input); }
#seyaActivation .redeem-choice { height: 54px; border-radius: 16px; background: var(--redeem-input); transition: border-color .2s ease; }
#seyaActivation .redeem-choice:hover { border-color: rgba(210,179,146, .4); }
#seyaActivation .redeem-options { border-radius: 16px; background: #271f19; scrollbar-width: none; }
#seyaActivation .redeem-options::-webkit-scrollbar { display: none; }
#seyaActivation .redeem-option { border-radius: 11px; transition: background .18s ease; }
#seyaActivation .redeem-foot { padding: 18px 22px 22px; gap: 12px; border-top: 1px solid var(--redeem-line); }
#seyaActivation .redeem-foot button { min-height: 50px; border-radius: 999px; font-weight: 800; transition: filter .2s ease, background .2s ease, transform .2s ease; }
#seyaActivation .redeem-primary, #seyaActivation .redeem-primary:hover:not(:disabled) {
  border: 1px solid transparent; background: linear-gradient(150deg, #cba883, #b39578); color: #15110e; box-shadow: 0 14px 28px -16px rgba(179,149,120, .6);
}
#seyaActivation .redeem-primary:hover:not(:disabled) { filter: brightness(1.06); }
#seyaActivation .redeem-secondary { border-radius: 999px; background: transparent; border: 1px solid rgba(210,179,146, .3); color: var(--redeem-ink); }
#seyaActivation .redeem-secondary:hover { background: rgba(213,181,147, .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; } }