/* SPIKE Notify Me – matches the red out-of-stock pill from the "Out-of-stock pill + crossed-out sizes" snippet. */
.spike-nm{--snm-red:#E3261C;--snm-ink:#000;--snm-mid:#575757;--snm-line:rgba(0,0,0,.16);--snm-soft:#f3f3f3;display:block;margin:12px 0 0;font-family:inherit;max-width:100%}
.spike-nm *{box-sizing:border-box}
/* Our pill replaces the original one (and Notifima's own hidden form) once the script is running. */
.spike-nm-ready p.stock.out-of-stock,.spike-nm-on [id^="notifima-subscribe-form-"],.spike-nm-on .notifima-subscribe-form{display:none!important}

/* ---- pill ---- */
.spike-nm .spike-nm-pill{-webkit-appearance:none!important;appearance:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:100%!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:4px 4px 4px 14px!important;border:0!important;border-radius:999px!important;background:var(--snm-red)!important;color:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.2px!important;text-transform:none!important;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:none!important}
.spike-nm .spike-nm-pill:focus{outline:none}
.spike-nm .spike-nm-pill:focus-visible{outline:2px solid var(--snm-ink)!important;outline-offset:2px}
.spike-nm .spike-nm-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex:none}
.spike-nm .spike-nm-txt{white-space:nowrap}
.spike-nm .spike-nm-chip{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:6px 10px 6px 9px;border-radius:999px;background:#fff;color:var(--snm-ink);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;transition:color .2s}
.spike-nm .spike-nm-chip svg{width:13px;height:13px;display:block;flex:none}
.spike-nm .spike-nm-chev{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.spike-nm.is-open .spike-nm-chev{transform:rotate(180deg)}
.spike-nm .spike-nm-chip .spike-nm-ok,.spike-nm .spike-nm-chip .spike-nm-l-done{display:none}
.spike-nm.is-done .spike-nm-chip .spike-nm-bell,.spike-nm.is-done .spike-nm-chip .spike-nm-chev,.spike-nm.is-done .spike-nm-chip .spike-nm-l-go{display:none}
.spike-nm.is-done .spike-nm-chip .spike-nm-ok{display:block}
.spike-nm.is-done .spike-nm-chip .spike-nm-l-done{display:inline}
.spike-nm.is-done .spike-nm-pill{cursor:default}

/* ---- box ---- */
.spike-nm .spike-nm-card{height:0;margin-top:0;overflow:hidden;container-type:inline-size}
.spike-nm .spike-nm-in{background:var(--snm-soft);border-radius:16px;padding:18px 16px 16px;color:#333;letter-spacing:-.3px}
.spike-nm p.spike-nm-h{margin:0 0 6px!important;padding:0!important;font-size:18px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.7px!important;color:var(--snm-ink)!important}
.spike-nm p.spike-nm-s{margin:0 0 16px!important;padding:0!important;font-size:14.5px!important;font-weight:300!important;line-height:1.4!important;letter-spacing:-.3px!important;color:var(--snm-mid)!important}
.spike-nm .spike-nm-lab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:-.2px;color:var(--snm-ink)}
.spike-nm .spike-nm-lab label{margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;letter-spacing:inherit!important;cursor:default}
.spike-nm .spike-nm-lab em{font-style:normal;font-weight:400;color:var(--snm-red);opacity:0;transition:opacity .2s}
.spike-nm .spike-nm-lab.is-err em{opacity:1}
.spike-nm .spike-nm-sizes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.spike-nm .spike-nm-size{-webkit-appearance:none!important;appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;width:auto!important;height:34px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:1px solid var(--snm-line)!important;border-radius:10px!important;background:#fff!important;color:var(--snm-ink)!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1!important;letter-spacing:-.4px!important;text-transform:none!important;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s!important}
.spike-nm .spike-nm-size:focus,.spike-nm .spike-nm-go:focus,.spike-nm .spike-nm-again:focus{outline:none}
.spike-nm .spike-nm-size:focus-visible,.spike-nm .spike-nm-go:focus-visible,.spike-nm .spike-nm-again:focus-visible{outline:2px solid var(--snm-ink)!important;outline-offset:2px}
.spike-nm .spike-nm-size.is-on{background:var(--snm-ink)!important;border-color:var(--snm-ink)!important;color:#fff!important}
.spike-nm .spike-nm-fields{display:block}
.spike-nm input.spike-nm-em{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:48px!important;min-height:0!important;margin:0!important;padding:0 14px!important;border:1px solid var(--snm-line)!important;border-radius:11px!important;background:#fff!important;color:var(--snm-ink)!important;box-shadow:none!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:normal!important;letter-spacing:-.3px!important;outline:none!important;transition:border-color .18s!important}
.spike-nm input.spike-nm-em::placeholder{color:#8a8a8a;opacity:1}
.spike-nm input.spike-nm-em:focus{border-color:var(--snm-ink)!important}
.spike-nm input.spike-nm-em.is-err{border-color:var(--snm-red)!important}
.spike-nm label.spike-nm-tick{display:flex!important;gap:10px;align-items:flex-start;margin:14px 0 16px!important;padding:0!important;cursor:pointer;font-size:14px!important;font-weight:300!important;line-height:1.4!important;letter-spacing:-.3px!important;color:#333!important;text-transform:none!important}
.spike-nm label.spike-nm-tick b{font-weight:500;color:var(--snm-ink)}
.spike-nm input.spike-nm-nl{-webkit-appearance:none!important;appearance:none!important;flex:none;display:grid!important;place-content:center;width:20px!important;height:20px!important;min-height:0!important;margin:1px 0 0!important;padding:0!important;border:1.5px solid #9a9a9a!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s,border-color .15s}
.spike-nm input.spike-nm-nl:checked{background:var(--snm-ink)!important;border-color:var(--snm-ink)!important}
.spike-nm input.spike-nm-nl:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.spike-nm input.spike-nm-nl:focus-visible{outline:2px solid var(--snm-ink);outline-offset:2px}
.spike-nm .spike-nm-go{-webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:50px!important;min-height:0!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:var(--snm-ink)!important;color:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;line-height:1!important;letter-spacing:-.3px!important;text-transform:none!important;cursor:pointer;transition:background-color .2s,opacity .15s!important}
.spike-nm .spike-nm-go:active{opacity:.85}
.spike-nm .spike-nm-sp{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spikeNmSpin .7s linear infinite}
.spike-nm .spike-nm-go.is-busy .spike-nm-go-t{display:none}
.spike-nm .spike-nm-go.is-busy .spike-nm-sp{display:block}
@keyframes spikeNmSpin{to{transform:rotate(360deg)}}
.spike-nm .spike-nm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.spike-nm p.spike-nm-err{display:none;margin:12px 0 0!important;padding:0!important;font-size:13.5px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-.2px!important;color:var(--snm-red)!important}
.spike-nm p.spike-nm-err.is-on{display:block}

/* ---- confirmation ---- */
.spike-nm .spike-nm-done{display:none}
.spike-nm.is-done .spike-nm-form{display:none}
.spike-nm.is-done .spike-nm-done{display:block}
.spike-nm .spike-nm-okc{width:38px;height:38px;border-radius:50%;background:var(--snm-ink);display:flex;align-items:center;justify-content:center;margin:0 0 12px}
.spike-nm .spike-nm-okc svg{width:18px;height:18px;display:block}
.spike-nm p.spike-nm-p{margin:0 0 6px!important;padding:0!important;font-size:14.5px!important;font-weight:300!important;line-height:1.45!important;letter-spacing:-.3px!important;color:#333!important}
.spike-nm p.spike-nm-p b{font-weight:500;color:var(--snm-ink)}
.spike-nm .spike-nm-dnl{display:none}
.spike-nm.is-nl .spike-nm-dnl{display:block}
.spike-nm .spike-nm-again{-webkit-appearance:none!important;appearance:none!important;display:inline-block!important;width:auto!important;height:auto!important;min-height:0!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--snm-ink)!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.3px!important;text-transform:none!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}

/* ---- wider spaces (laptop column, measured on the box itself): email and button side by side ---- */
@container (min-width: 440px){
  .spike-nm .spike-nm-in{padding:22px 24px 20px}
  .spike-nm p.spike-nm-h{font-size:20px!important}
  .spike-nm p.spike-nm-s{font-size:15px!important}
  .spike-nm .spike-nm-size{min-width:58px!important;height:36px!important;font-size:15px!important}
  .spike-nm .spike-nm-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;grid-template-areas:"em go" "tick tick"}
  .spike-nm input.spike-nm-em{grid-area:em}
  .spike-nm .spike-nm-go{grid-area:go;width:auto!important;min-width:150px!important;height:48px!important;padding:0 26px!important}
  .spike-nm label.spike-nm-tick{grid-area:tick;margin:14px 0 0!important}
  .spike-nm.is-done .spike-nm-done{display:grid;grid-template-columns:38px 1fr;column-gap:16px;align-items:start}
  .spike-nm .spike-nm-okc{margin:0}
}

/* ---- red on hover (mouse only, so it never sticks after a tap on a phone) ---- */
@media (hover:hover){
  .spike-nm .spike-nm-pill:hover .spike-nm-chip{color:var(--snm-red)}
  .spike-nm.is-done .spike-nm-pill:hover .spike-nm-chip{color:var(--snm-ink)}
  .spike-nm .spike-nm-go:hover{background:var(--snm-red)!important}
  .spike-nm .spike-nm-size:hover{border-color:var(--snm-ink)!important}
  .spike-nm .spike-nm-again:hover{color:var(--snm-red)!important}
}