/* SaloCart V5.2.42 – Reliable Web Push subscription prompt */
.push-enrollment-sheet {
  position:relative;
  overflow:hidden;
  width:min(100%, 37rem);
  border:1px solid color-mix(in srgb, var(--sc-green, #0f8318) 24%, transparent);
  border-radius:1.45rem;
  background:linear-gradient(145deg, #ffffff 0%, #f7fff7 100%);
  box-shadow:0 1.35rem 3.3rem rgba(15, 49, 28, .18);
}
.push-enrollment-sheet__glow { position:absolute; right:-6rem; top:-6rem; width:15rem; height:15rem; border-radius:999px; background:radial-gradient(circle, rgba(92,214,109,.34), rgba(92,214,109,0) 68%); pointer-events:none; }
.push-enrollment-sheet__close { position:absolute; z-index:2; top:.9rem; right:.9rem; }
.push-enrollment-sheet__header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:1.1rem 1.2rem 0; }
.push-enrollment-sheet__header > span { display:inline-flex; align-items:center; gap:.42rem; padding:.42rem .66rem; border-radius:999px; background:rgba(15,131,24,.11); color:#087014; font-size:.77rem; font-weight:900; letter-spacing:.01em; }
.push-enrollment-sheet__header > small { display:inline-flex; align-items:center; gap:.32rem; color:var(--muted, #64748b); font-size:.72rem; font-weight:700; }
.push-enrollment-sheet__hero { position:relative; z-index:1; display:grid; place-items:center; width:5.4rem; height:5.4rem; margin:1.05rem auto .95rem; border-radius:1.5rem; color:#fff; background:linear-gradient(145deg, #16a34a, #087f23); box-shadow:0 1rem 2rem rgba(15,131,24,.26); }
.push-enrollment-sheet__hero > span { font-size:2.15rem; line-height:1; }
.push-enrollment-sheet__hero > b { position:absolute; right:-.32rem; bottom:-.28rem; display:grid; place-items:center; width:1.75rem; height:1.75rem; border:3px solid #fff; border-radius:999px; background:#f4a70b; color:#223116; font-size:.95rem; }
.push-enrollment-sheet__copy { position:relative; z-index:1; padding:0 1.25rem; text-align:center; }
.push-enrollment-sheet__copy h2 { margin:0; font-size:clamp(1.3rem, 3.6vw, 1.75rem); line-height:1.18; letter-spacing:-.025em; }
.push-enrollment-sheet__copy p { max-width:48ch; margin:.6rem auto 0; color:var(--muted, #64748b); line-height:1.58; }
.push-enrollment-sheet__benefits { position:relative; z-index:1; display:grid; gap:.55rem; margin:1.15rem 1.25rem .85rem; padding:0; list-style:none; }
.push-enrollment-sheet__benefits li { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:.65rem; align-items:center; padding:.68rem .72rem; border:1px solid color-mix(in srgb, #0f8318 13%, transparent); border-radius:.9rem; background:rgba(255,255,255,.76); }
.push-enrollment-sheet__benefits li > span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.7rem; color:#fff; background:#0f8318; }
.push-enrollment-sheet__benefits strong { display:block; color:var(--text, #142019); font-size:.85rem; line-height:1.2; }
.push-enrollment-sheet__benefits small { display:block; margin-top:.08rem; color:var(--muted, #64748b); font-size:.74rem; line-height:1.35; }
.push-enrollment-sheet__trust { position:relative; z-index:1; display:flex; gap:.46rem; align-items:flex-start; margin:0 1.25rem; padding:.65rem .72rem; border-radius:.8rem; color:#48605a; background:rgba(15,131,24,.07); font-size:.75rem; line-height:1.42; }
.push-enrollment-sheet__trust > i { flex:0 0 auto; margin-top:.05rem; color:#0f8318; }
.push-enrollment-sheet__actions { position:relative; z-index:1; display:flex; gap:.65rem; padding:1rem 1.25rem 1.2rem; }
.push-enrollment-sheet__actions button { min-height:2.9rem; }
.push-enrollment-sheet__primary { flex:1 1 auto; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; }
.push-enrollment-sheet__secondary { flex:0 0 auto; min-width:6.5rem; }
.push-enrollment-sheet--seller .push-enrollment-sheet__header > span, .push-enrollment-sheet--seller .push-enrollment-sheet__trust > i { color:#7643b8; }
.push-enrollment-sheet--seller .push-enrollment-sheet__header > span, .push-enrollment-sheet--seller .push-enrollment-sheet__trust { background:rgba(118,67,184,.1); }
.push-enrollment-sheet--seller .push-enrollment-sheet__hero, .push-enrollment-sheet--seller .push-enrollment-sheet__benefits li > span { background:linear-gradient(145deg,#8c5ad0,#60339b); }
.push-enrollment-sheet--partner .push-enrollment-sheet__header > span, .push-enrollment-sheet--partner .push-enrollment-sheet__trust > i { color:#1769aa; }
.push-enrollment-sheet--partner .push-enrollment-sheet__header > span, .push-enrollment-sheet--partner .push-enrollment-sheet__trust { background:rgba(23,105,170,.1); }
.push-enrollment-sheet--partner .push-enrollment-sheet__hero, .push-enrollment-sheet--partner .push-enrollment-sheet__benefits li > span { background:linear-gradient(145deg,#2186cf,#145f9e); }
.push-enrollment-sheet--admin .push-enrollment-sheet__header > span, .push-enrollment-sheet--admin .push-enrollment-sheet__trust > i { color:#b45108; }
.push-enrollment-sheet--admin .push-enrollment-sheet__header > span, .push-enrollment-sheet--admin .push-enrollment-sheet__trust { background:rgba(180,81,8,.1); }
.push-enrollment-sheet--admin .push-enrollment-sheet__hero, .push-enrollment-sheet--admin .push-enrollment-sheet__benefits li > span { background:linear-gradient(145deg,#e7871c,#b45108); }
[data-theme="dark"] .push-enrollment-sheet { background:linear-gradient(145deg, #11221a, #0b1510); border-color:rgba(134,239,172,.24); box-shadow:0 1.35rem 3.3rem rgba(0,0,0,.46); }
[data-theme="dark"] .push-enrollment-sheet__benefits li { background:rgba(255,255,255,.045); border-color:rgba(255,255,255,.09); }
[data-theme="dark"] .push-enrollment-sheet__benefits strong { color:#effbf1; }
[data-theme="dark"] .push-enrollment-sheet__trust { color:#b9cbbc; }
@media (max-width: 575px) {
  .push-enrollment-sheet { width:100%; border-radius:1.35rem 1.35rem 0 0; }
  .push-enrollment-sheet__header { padding:1rem 1rem 0; align-items:flex-start; padding-right:3.55rem; }
  .push-enrollment-sheet__header > small { display:none; }
  .push-enrollment-sheet__hero { width:4.65rem; height:4.65rem; margin:.82rem auto .78rem; border-radius:1.3rem; }
  .push-enrollment-sheet__hero > span { font-size:1.85rem; }
  .push-enrollment-sheet__copy { padding:0 1rem; }
  .push-enrollment-sheet__copy h2 { font-size:1.34rem; }
  .push-enrollment-sheet__copy p { font-size:.88rem; }
  .push-enrollment-sheet__benefits { margin:1rem 1rem .75rem; }
  .push-enrollment-sheet__benefits li { padding:.6rem .65rem; }
  .push-enrollment-sheet__trust { margin:0 1rem; }
  .push-enrollment-sheet__actions { padding:1rem; display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .push-enrollment-sheet__secondary { min-width:5.8rem; }
}
@media (max-width: 360px) { .push-enrollment-sheet__benefits small { font-size:.69rem; } .push-enrollment-sheet__actions { gap:.45rem; } .push-enrollment-sheet__secondary { min-width:5.25rem; padding-inline:.55rem; } }
@media (prefers-reduced-motion: reduce) { .push-enrollment-sheet, .push-enrollment-sheet * { transition:none !important; animation:none !important; } }
