/* Support campaign. Scoped styles preserve the site's existing layouts. */
.support-banner,.whatsapp-banner,.support-overlay { --support-scale: 1; }
.whatsapp-banner {
  position:relative; display:flex; align-items:center; gap:10px; min-width:0;
  margin:0 0 10px; padding:10px 14px; border:1px solid #42d58a52; border-radius:12px;
  background:radial-gradient(ellipse at 90% 0,#25d3662b,transparent 62%),linear-gradient(115deg,#102a24,#152c35);
  color:#fff; box-shadow:0 5px 20px #101c1824;
}
.whatsapp-banner-symbol { width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:#74e6a8; background:#25d36614; border:1px solid #64df9b38; }
.whatsapp-banner-symbol svg { width:18px; height:18px; }
.whatsapp-banner p { flex:1; min-width:0; margin:0; line-height:1.55; }
.whatsapp-banner p strong { display:block; color:#96efbb; font-size:12px; font-weight:800; }
.whatsapp-banner p span { display:block; color:#d9e9e2; font-size:10px; }
.whatsapp-banner-link { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:35px; padding:7px 11px; border-radius:8px; background:#25d366; color:#082a17; font-size:11px; font-weight:800; text-decoration:none; white-space:nowrap; transition:background .2s,box-shadow .2s,transform .2s; }
.whatsapp-banner-link svg { width:14px; height:14px; }
.whatsapp-banner-link:hover { color:#061f12; background:#5ee391; box-shadow:0 5px 18px #25d36638; transform:translateY(-1px); }
.support-banner {
  position:relative; display:flex; align-items:center; gap:14px; min-width:0;
  margin:0 0 18px; padding:17px 19px; border:1px solid #cba46366; border-radius:15px;
  background:radial-gradient(ellipse at 90% 0,#8d4e574d,transparent 65%),linear-gradient(115deg,#172738,#35212d);
  color:#fff; box-shadow:0 5px 20px #131b2420; animation:majedSupportPulse 4s ease-in-out infinite;
}
.support-banner-symbol { width:40px; height:40px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:#f4ce8d; background:#f4ce8d12; border:1px solid #f4ce8d30; }
.support-banner-symbol svg { width:22px; height:22px; }
.support-banner p { flex:1; min-width:0; margin:0; line-height:1.8; }
.support-banner p strong { display:block; color:#f6d9a4; font-size:13px; font-weight:800; }
.support-banner p span { display:block; color:#e2dce1; font-size:11px; }
.support-banner-link { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:9px 14px; border-radius:9px; background:#f2cf91; color:#312414; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; transition:background .2s,box-shadow .2s; }
.support-banner-link svg { width:16px; height:16px; }
.support-banner-link:hover { color:#251a0c; background:#ffe4b1; box-shadow:0 3px 16px #eccb9540; }
@keyframes majedSupportPulse { 0%,100%{box-shadow:0 5px 20px #131b2420,0 0 0 0 #d7b57200} 50%{box-shadow:0 5px 24px #131b2430,0 0 0 3px #d7b57220} }
body.support-open { overflow:hidden; }
.support-overlay { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:18px; background:#050a14b8; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
.support-overlay[hidden] { display:none!important; }
.support-dialog { position:relative; width:min(610px,100%); max-height:calc(100vh - 36px); max-height:calc(100dvh - 36px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#ac8752 #171d2b; border:1px solid #d0af7259; border-radius:24px; background:radial-gradient(ellipse at 100% 0,#73354550,transparent 60%),radial-gradient(ellipse at 0 100%,#22514d30,transparent 50%),#101724; color:#f8f6f0; box-shadow:0 35px 110px #0008; font-family:var(--font-family); animation:majedSupportEnter .28s ease-out; }
.support-dialog::before { content:""; position:absolute; top:0; inset-inline:15%; height:2px; background:linear-gradient(90deg,transparent,#f2d398,transparent); }
.support-close { position:absolute; top:15px; inset-inline-end:15px; display:grid; place-items:center; width:36px; height:36px; border:1px solid #ffffff1a; border-radius:50%; background:#ffffff08; color:#d2cfce; cursor:pointer; }
.support-close svg { width:17px; height:17px; }
.support-dialog-content { padding:31px 32px 20px; }
.support-heading-row { display:flex; align-items:center; gap:14px; padding-inline-end:26px; margin-bottom:22px; }
.support-emblem { flex:0 0 auto; width:57px; height:57px; border:1px solid #e6c17c40; border-radius:17px; display:grid; place-items:center; background:linear-gradient(135deg,#ebc88820,#ebc88806); color:#f4cf8c; box-shadow:inset 0 1px 0 #fff1; }
.support-emblem svg { width:29px; height:29px; }
.support-eyebrow { display:block; color:#dfc394; font-size:10px; font-weight:700; letter-spacing:.07em; margin-bottom:3px; }
.support-dialog h2 { margin:0; font-size:clamp(24px,3vw,32px); font-weight:800; line-height:1.45; color:#fff5e4; }
.support-dialog h2:focus { outline:none; }
.support-story { list-style:none; padding:0; margin:0; display:grid; gap:13px; }
.support-story li { display:flex; align-items:flex-start; gap:12px; color:#dbe0e7; font-size:13px; line-height:1.95; }
.support-step { flex:0 0 auto; display:grid; place-items:center; width:26px; height:26px; margin-top:2px; border:1px solid #d2b78630; border-radius:8px; color:#eacb91; font-size:10px; font-weight:800; background:#eacb9108; }
.support-story p { margin:0; }
.support-appeal { padding:17px 19px; margin-top:21px; border:1px solid #d2b78630; border-radius:13px; background:linear-gradient(120deg,#dfbd7812,#a2496512); }
.support-appeal strong { display:block; color:#f7d9a1; font-size:15px; margin-bottom:5px; line-height:1.7; }
.support-appeal p { margin:0; color:#d6d9df; font-size:12px; line-height:1.95; }
.support-actions { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:11px; padding:0 32px 27px; }
.support-action { min-height:48px; display:flex; justify-content:center; align-items:center; gap:9px; padding:11px 16px; border:1px solid transparent; border-radius:10px; font:800 13px var(--font-family); text-decoration:none; cursor:pointer; transition:background .18s,box-shadow .18s; }
.support-action svg { width:19px; height:19px; }
.support-primary { background:linear-gradient(105deg,#e8ba71,#ffe1a6); color:#332310; box-shadow:0 7px 22px #d6a65e22; }
.support-primary:hover { background:#ffe9be; color:#241906; box-shadow:0 7px 25px #d6a65e40; }
.support-secondary { background:#ffffff05; color:#c2c9d2; border-color:#ffffff20; }
.support-secondary:hover,.support-close:hover { background:#ffffff10; color:#fff; }
.support-action:focus-visible,.support-close:focus-visible,.support-banner-link:focus-visible,.whatsapp-banner-link:focus-visible { outline:3px solid #f8d595; outline-offset:4px; }
@keyframes majedSupportEnter { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
@media(max-width:560px) {
  .support-banner { gap:10px; padding:13px 12px; border-radius:12px; margin-bottom:14px; }
  .whatsapp-banner { gap:6px; min-height:44px; padding:6px 8px; border-radius:9px; margin-bottom:7px; }
  .whatsapp-banner-symbol { display:none; }
  .whatsapp-banner p { line-height:1.25; }
  .whatsapp-banner p strong { font-size:10.5px; }
  .whatsapp-banner p span { display:none; }
  .whatsapp-banner-link { min-height:30px; padding:5px 8px; font-size:9.5px; gap:3px; }
  .whatsapp-banner-link svg { width:11px; height:11px; }
  .support-banner-symbol { display:none; }
  .support-banner p strong { font-size:12px; }
  .support-banner p span { font-size:10px; line-height:1.85; }
  .support-banner-link { padding:9px 11px; font-size:11px; gap:4px; }
  .support-banner-link svg { width:14px; height:14px; }
  .support-overlay { padding:12px; }
  .support-dialog { border-radius:18px; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); }
  .support-dialog-content { padding:27px 19px 18px; }
  .support-heading-row { gap:10px; margin-bottom:18px; padding-inline-end:12px; }
  .support-emblem { width:45px; height:45px; border-radius:13px; }
  .support-emblem svg { width:24px; height:24px; }
  .support-eyebrow { font-size:8px; }
  .support-dialog h2 { font-size:24px; }
  .support-close { width:28px; height:28px; top:9px; inset-inline-end:9px; }
  .support-story { gap:12px; }
  .support-story li { gap:9px; font-size:12px; }
  .support-step { width:23px; height:23px; font-size:9px; }
  .support-appeal { padding:14px; margin-top:17px; }
  .support-appeal strong { font-size:14px; }
  .support-appeal p { font-size:11px; }
  .support-actions { padding:0 19px 20px; gap:8px; }
  .support-action { padding:10px 8px; font-size:12px; }
}
@media(min-width:2400px) {
  .support-overlay,.support-banner,.whatsapp-banner { --support-scale:var(--tv-scale,1); }
  .support-dialog { width:calc(610px * var(--support-scale)); border-radius:calc(24px * var(--support-scale)); }
  .support-dialog-content { padding:calc(31px * var(--support-scale)) calc(32px * var(--support-scale)) calc(20px * var(--support-scale)); }
  .support-heading-row { gap:calc(14px * var(--support-scale)); margin-bottom:calc(22px * var(--support-scale)); }
  .support-emblem { width:calc(57px * var(--support-scale)); height:calc(57px * var(--support-scale)); }
  .support-emblem svg { width:calc(29px * var(--support-scale)); height:calc(29px * var(--support-scale)); }
  .support-dialog h2 { font-size:calc(32px * var(--support-scale)); }
  .support-eyebrow { font-size:calc(10px * var(--support-scale)); }
  .support-story { gap:calc(13px * var(--support-scale)); }
  .support-story li { font-size:calc(13px * var(--support-scale)); gap:calc(12px * var(--support-scale)); }
  .support-step { width:calc(26px * var(--support-scale)); height:calc(26px * var(--support-scale)); font-size:calc(10px * var(--support-scale)); }
  .support-appeal { padding:calc(17px * var(--support-scale)); margin-top:calc(21px * var(--support-scale)); }
  .support-appeal strong { font-size:calc(15px * var(--support-scale)); }
  .support-appeal p { font-size:calc(12px * var(--support-scale)); }
  .support-actions { padding:0 calc(32px * var(--support-scale)) calc(27px * var(--support-scale)); gap:calc(11px * var(--support-scale)); }
  .support-action { font-size:calc(13px * var(--support-scale)); min-height:calc(48px * var(--support-scale)); }
  .support-close { width:calc(36px * var(--support-scale)); height:calc(36px * var(--support-scale)); top:calc(15px * var(--support-scale)); inset-inline-end:calc(15px * var(--support-scale)); }
  .support-close svg { width:calc(17px * var(--support-scale)); height:calc(17px * var(--support-scale)); }
  .support-banner { gap:calc(14px * var(--support-scale)); padding:calc(17px * var(--support-scale)) calc(19px * var(--support-scale)); margin-bottom:calc(18px * var(--support-scale)); }
  .support-banner-symbol { width:calc(40px * var(--support-scale)); height:calc(40px * var(--support-scale)); }
  .support-banner-symbol svg { width:calc(22px * var(--support-scale)); height:calc(22px * var(--support-scale)); }
  .support-banner p strong { font-size:calc(13px * var(--support-scale)); }
  .support-banner p span { font-size:calc(11px * var(--support-scale)); }
  .support-banner-link { padding:calc(9px * var(--support-scale)) calc(14px * var(--support-scale)); font-size:calc(12px * var(--support-scale)); min-height:calc(43px * var(--support-scale)); }
  .whatsapp-banner { gap:calc(10px * var(--support-scale)); padding:calc(10px * var(--support-scale)) calc(14px * var(--support-scale)); margin-bottom:calc(10px * var(--support-scale)); }
  .whatsapp-banner-symbol { width:calc(32px * var(--support-scale)); height:calc(32px * var(--support-scale)); }
  .whatsapp-banner-symbol svg { width:calc(18px * var(--support-scale)); height:calc(18px * var(--support-scale)); }
  .whatsapp-banner p strong { font-size:calc(12px * var(--support-scale)); }
  .whatsapp-banner p span { font-size:calc(10px * var(--support-scale)); }
  .whatsapp-banner-link { padding:calc(7px * var(--support-scale)) calc(11px * var(--support-scale)); font-size:calc(11px * var(--support-scale)); min-height:calc(35px * var(--support-scale)); }
}
@media(prefers-reduced-motion:reduce) { .support-banner,.support-dialog { animation:none; } .support-action,.support-banner-link,.whatsapp-banner-link { transition:none; } }