/* GovHub v22 Mayor's Gift card */
#gift22{margin:14px 0}
.g22{position:relative;overflow:hidden;border-radius:18px;padding:16px;margin:0 0 12px;color:#fff;background:linear-gradient(135deg,#7a1020 0%,#b3182c 55%,#d6283a 100%);box-shadow:0 10px 28px rgba(122,16,32,.28)}
.g22::after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(244,196,48,.35),rgba(244,196,48,0) 70%);pointer-events:none}
.g22__ph{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin:0 0 12px;background:rgba(255,255,255,.1)}
.g22__row{display:flex;gap:14px;align-items:flex-start}
.g22__box{flex:0 0 64px;width:64px;height:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.g22__box svg{width:100%;height:100%;overflow:visible}
.g22__lid{transform-origin:32px 24px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.g22--pop .g22__lid,.g22--opened .g22__lid{transform:translateY(-10px) rotate(-14deg)}
.g22__t{min-width:0;flex:1}
.g22__t small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f9dd84;font-weight:700}
.g22__t h3{margin:2px 0 6px;font-size:1.18rem;line-height:1.25;color:#fff}
.g22__t p{margin:0;font-size:.9rem;line-height:1.45;color:rgba(255,255,255,.92)}
.g22__btn{display:block;width:100%;margin-top:14px;min-height:52px;border:0;border-radius:14px;font:inherit;font-size:1.08rem;font-weight:800;letter-spacing:.02em;cursor:pointer;color:#5a3b00;background:linear-gradient(180deg,#ffe27a,#f4c430 55%,#dba913);box-shadow:0 4px 0 #b88a0a,0 8px 18px rgba(0,0,0,.25);transition:transform .08s}
.g22__btn:active{transform:translateY(2px);box-shadow:0 2px 0 #b88a0a}
.g22__btn:disabled{opacity:.75;cursor:progress}
.g22__btn--alt{background:#fff;color:#7a1020;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.g22__btn:focus-visible,.g22__lnk:focus-visible{outline:3px solid #fff;outline-offset:2px}
.g22__note{margin:12px 0 0;font-weight:600;color:#ffe9a8}
.g22__done{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;flex-direction:column;gap:4px}
.g22__done b{color:#fff}.g22__done span{font-size:.9rem;color:rgba(255,255,255,.92)}
.g22__amt{font-size:1.7rem;color:#ffe27a!important;animation:g22pop .6s cubic-bezier(.3,1.6,.5,1)}
.g22__lnk{align-self:flex-start;margin-top:4px;color:#ffe27a;font-weight:700;text-decoration:underline}
.g22__cf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.g22__cf i{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:g22fall 2.2s ease-in forwards}
@keyframes g22fall{to{top:110%;transform:rotate(540deg) translateX(30px)}}
@keyframes g22pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.g22__cf{display:none}.g22__lid,.g22__amt{transition:none;animation:none}}
@media (min-width:900px){#gift22{max-width:760px}}