/* Overlay */
#blinkit-overlay{position:fixed;inset:0;z-index:99997;background:rgba(0,0,0,.35);backdrop-filter:blur(2px) saturate(120%);opacity:0;pointer-events:none;transition:.22s ease;}
#blinkit-overlay.is-visible{opacity:1;pointer-events:auto;}

/* Card: full-bleed width (no side gaps) */
#blinkit-popup{
  position:fixed; left:0; right:0; bottom:0; z-index:99998;
  background:#fff; border-radius:16px 16px 0 0; overflow:hidden; display:none;
  box-shadow:0 -8px 30px rgba(0,0,0,.25);
  transform:translateY(16px); opacity:0;
  transition:transform .26s ease, opacity .26s ease;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif;
  padding-bottom: env(safe-area-inset-bottom); /* iOS home indicator */
}
#blinkit-popup.is-visible{transform:translateY(0);opacity:1;}

/* Hero - banner ONLY, edge to edge */
.db-hero{position:relative;}
.db-hero-img{display:block;width:100%;height:auto;border-radius:16px 16px 0 0;object-fit:cover;}

/* Smaller, fully visible centered close pill INSIDE banner */
.db-close{
  position:absolute; left:50%; top:10px; transform:translateX(-50%);
  width:40px; height:40px; border-radius:20px; border:4px solid #fff;
  background:#fff; color:#111; font-size:22px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  cursor:pointer;
}

/* Body - compact spacing */
.db-body{padding:16px 14px 14px;text-align:center;}
.db-logo{width:64px;height:64px;border-radius:50%;display:block;margin:0 auto 10px;object-fit:cover;box-shadow:0 1px 6px rgba(0,0,0,.08);}
.db-sub{margin:0 0 4px;color:#4b5563;font-size:14px;}
.db-title{margin:0 0 6px;color:#111;font-weight:800;font-size:26px;letter-spacing:.2px;}
.db-bullets{margin:0 0 14px;color:#6b7280;font-size:12px;letter-spacing:.3px;}

.db-cta{
  display:block;width:100%;text-align:center;
  background:#15803d;color:#fff;text-decoration:none;border-radius:14px;
  font-weight:800;font-size:15px;padding:12px 14px;
  box-shadow:0 8px 18px rgba(21,128,61,.22);
}
.db-plain{margin:12px auto 2px;background:transparent;border:none;color:#0f8050;font-weight:700;font-size:15px;padding:6px 8px;cursor:pointer;}

/* Desktop preview off by default (we still include markup but don't show) */
@media (min-width: 769px){#blinkit-popup,#blinkit-overlay{display:none!important;}}