/* developerhaseeb.com — /tools page: Etsy gift popup (load after site.css) */

.gift-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s ease}
.gift-box{position:relative;background:#fff;border-radius:20px;max-width:430px;width:100%;padding:28px 24px 22px;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);animation:pop .25s ease}
.gift-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f4f2;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink)}
.gift-close:hover{background:#e3e8e5}
.gift-emoji{font-size:2.6rem;line-height:1}
.gift-kicker{display:inline-block;margin:10px 0 4px;background:var(--brand-light);color:var(--brand-dark);border:1px solid var(--brand-border);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.gift-box h2{margin:6px 0 8px;font-size:1.5rem}
.gift-box p{color:var(--muted);margin:0 0 14px}
.gift-box p strong{color:var(--ink)}
.gift-timer{background:#0a0a0a;color:#fff;border-radius:14px;padding:12px 10px 10px;margin:0 0 16px}
.gift-timer-label{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#a6f4c5;font-weight:600;margin-bottom:6px}
.gift-clock{display:flex;justify-content:center;gap:10px}
.gift-clock span{display:flex;flex-direction:column;align-items:center;min-width:62px}
.gift-clock b{font-size:1.9rem;font-variant-numeric:tabular-nums;line-height:1.1}
.gift-clock small{font-size:.72rem;color:#c9d1cd;text-transform:uppercase;letter-spacing:.06em}
.gift-cta{width:100%;justify-content:center;padding:13px 20px;font-size:1rem}
.gift-note{font-size:.8rem!important;margin:12px 0 0!important}

.gift-pill{position:fixed;right:16px;bottom:16px;z-index:90;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-weight:600;font-size:.9rem;padding:10px 16px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);display:inline-flex;gap:8px;align-items:center}
.gift-pill b{color:#6ce9a6;font-variant-numeric:tabular-nums}
.gift-pill:hover{background:var(--brand-dark)}

/* On phones the popup is a bottom sheet, so page content stays visible (Google interstitial guidelines) */
@media (max-width:640px){
  .gift-backdrop{align-items:flex-end;padding:0;background:rgba(10,10,10,.35)}
  .gift-box{border-radius:20px 20px 0 0;max-width:none;padding:22px 16px 18px;animation:up .25s ease}
  .gift-emoji{font-size:2rem}
  .gift-box h2{font-size:1.25rem}
  .gift-clock b{font-size:1.5rem}
  .gift-pill span{display:none}
  .gift-emoji{display:none}
  .gift-box p{margin-bottom:10px}
  .gift-note{display:none}
  .gift-timer{padding:8px;margin-bottom:12px}
}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.gift-backdrop,.gift-box{animation:none}}