/* Shared add confirmation; cart/promotion UI only. */
#cartNudge{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;pointer-events:auto}
#cartNudge *{box-sizing:border-box}
#cartNudge .cartNudgeGo,#cartNudge .cartNudgeCheckout{border-radius:0;text-transform:uppercase}
#cartNudge .cartNudgeClose{width:44px;height:44px;min-width:44px}
#cartNudge .cartNudgeMeta{overflow-wrap:anywhere}
#cartNudge .cartNudgeThumbImage{pointer-events:none}
#cartNudge button:focus-visible{outline:2px solid #64748b;outline-offset:3px}
#rtOfferBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:10999}
#rtOfferBackdrop[hidden]{display:none}
body.zyl-offer-open{overflow:hidden}
body #rtOfferPopup{box-sizing:border-box;position:fixed;left:50%;top:50%;right:auto;bottom:auto;width:min(940px,calc(100vw - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border:1px solid #343434;border-radius:0;padding:48px 44px 40px;background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 100px #0008;transform:translate(-50%,-48%);opacity:0;color:#fff;isolation:isolate}
#rtOfferPopup .rtOfferTitle,#rtOfferPopup .rtOfferSub,#rtOfferPopup #rtOfferForm,#rtOfferPopup .rtOfferNo{width:62%}
body #rtOfferPopup.is-visible{transform:translate(-50%,-50%);opacity:1}
#rtOfferPopup *{box-sizing:border-box}
#rtOfferPopup .rtOfferArtwork{position:absolute;right:0;top:0;width:35%;height:100%;overflow:hidden;pointer-events:none;display:flex;align-items:center;z-index:-1}
/* Display only the artwork column of the supplied design, without raster edits. */
#rtOfferPopup .rtOfferArtwork>div{width:100%;aspect-ratio:560/1600;background:url('/assets/mystery-vial-reference-20260907.png') right center/285.714% 100% no-repeat}
#rtOfferPopup .rtOfferKicker{display:none}
#rtOfferPopup .rtOfferTitle{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.5vw,46px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:0 0 24px;color:#fff}
#rtOfferPopup .rtOfferSub{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:0;margin:0 0 26px;color:#e6e6e6}
#rtOfferPopup .rtOfferLabel{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:12px;letter-spacing:.12em;font-weight:700;margin:0 0 8px}
#rtOfferPopup #rtOfferForm .rtOfferLabel[for="rtOfferEmail"]{margin-top:18px}
#rtOfferPopup #rtOfferName,#rtOfferPopup #rtOfferEmail{display:block;width:100%;height:50px;min-height:50px;padding:12px;border:1px solid #b5b5b5;border-radius:0;background:#000;color:#fff;font-size:16px;box-shadow:none}
#rtOfferPopup #rtOfferName:focus,#rtOfferPopup #rtOfferEmail:focus{outline:2px solid white;outline-offset:3px;border-color:white}
#rtOfferPopup .rtOfferClaim{width:100%;min-height:52px;border:1px solid white;border-radius:0!important;background:white;color:black;font-size:18px;margin-top:18px}
#rtOfferPopup .rtOfferNo{display:block;min-height:44px;border-radius:0;padding:12px 0 0;font-size:14px;color:#d4d4d4;text-decoration:underline;background:none;border:0;margin:8px 0 0}
#rtOfferPopup .rtOfferClose{position:absolute;top:8px;right:8px;width:44px;height:44px;min-width:44px;border-radius:0;border:0;background:#000;color:#fff;font-size:28px;z-index:1}
#rtOfferPopup button:focus-visible{outline:2px solid white;outline-offset:3px}
#rtOfferPopup .rtOfferError{color:#ffaaaa;font-size:13px;line-height:1.4}
#rtOfferPopup .rtOfferError:empty{display:none}
@media(max-width:760px){
  #cartNudge{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));width:auto;padding:16px;gap:12px;border-radius:18px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  #cartNudge .cartNudgeTitleRow,#cartNudge .cartNudgeName{font-size:16px}
  #cartNudge .cartNudgeGo,#cartNudge .cartNudgeCheckout{min-height:48px;font-size:14px}
  body #rtOfferPopup{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:44px 24px 20px}
  #rtOfferPopup .rtOfferTitle,#rtOfferPopup .rtOfferSub,#rtOfferPopup #rtOfferForm,#rtOfferPopup .rtOfferNo{width:100%}
  #rtOfferPopup .rtOfferTitle{font-size:34px;margin-bottom:18px;padding-right:12px}
  #rtOfferPopup .rtOfferSub{font-size:18px;margin-bottom:22px}
  #rtOfferPopup .rtOfferArtwork{display:none}
}
@media(max-height:550px){body #rtOfferPopup{padding-top:40px;padding-bottom:16px}#rtOfferPopup .rtOfferTitle{font-size:30px}#rtOfferPopup .rtOfferSub{font-size:17px}}
@media(prefers-reduced-motion:reduce){body #rtOfferPopup{transition:none}}

/* Exact supplied design: preserve its square composition and full-resolution art.
   Real semantic form controls align with the boxes and buttons in the image. */
body #rtOfferPopup{width:min(960px,calc(100vw - 24px),calc(100vh - 24px));width:min(960px,calc(100vw - 24px),calc(100dvh - 24px));height:auto;max-height:none;padding:0;border:0;aspect-ratio:1;overflow:visible}
#rtOfferPopup .rtOfferDesign{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
#rtOfferPopup .rtOfferTitle,#rtOfferPopup .rtOfferSub,#rtOfferPopup .rtOfferLabel{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
#rtOfferPopup #rtOfferForm{position:absolute;inset:0;width:100%;pointer-events:none}
#rtOfferPopup #rtOfferName,#rtOfferPopup #rtOfferEmail{position:absolute;left:5.4%;width:56.3%;height:7.25%;min-height:0;padding:0 2%;margin:0;border:0;border-radius:0;background:transparent;font-size:clamp(16px,2vw,24px);pointer-events:auto}
#rtOfferPopup #rtOfferName{top:53.9%}
#rtOfferPopup #rtOfferEmail{top:67.8%}
#rtOfferPopup #rtOfferName::placeholder,#rtOfferPopup #rtOfferEmail::placeholder{color:transparent}
#rtOfferPopup .rtOfferClaim{position:absolute;left:5.4%;top:78.4%;width:56.3%;height:7.25%;min-height:0;margin:0;padding:0;border:0;background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none;pointer-events:auto}
#rtOfferPopup .rtOfferClaim:disabled{opacity:1;background:white!important;color:black!important;font-size:clamp(14px,2.2vw,24px)!important}
#rtOfferPopup .rtOfferNo{position:absolute;left:5.3%;top:88.5%;width:14%;height:4.2%;min-height:0;margin:0;padding:0;border:0;background:transparent;color:transparent!important;font-size:0;pointer-events:auto}
#rtOfferPopup .rtOfferClose{top:1%;right:1%;background:#0009!important}
#rtOfferPopup .rtOfferError,#rtOfferPopup .rtOfferSuccess{position:absolute;left:5.4%;top:93%;width:88%;margin:0;padding:6px 8px;border:0;border-radius:0;background:#000;font-size:clamp(12px,1.5vw,16px);line-height:1.3;pointer-events:auto}
#rtOfferPopup .rtOfferSuccess{color:white}
@media(max-width:600px){
  /* Keep hit regions inside the reference artwork: enlarging every control to
     44px made Email overlap Claim on narrow phones. */
  #rtOfferPopup #rtOfferName,#rtOfferPopup #rtOfferEmail{min-height:24px}
  #rtOfferPopup .rtOfferClaim,#rtOfferPopup .rtOfferNo{min-height:24px}
  #rtOfferPopup .rtOfferError,#rtOfferPopup .rtOfferSuccess{top:94%;font-size:12px;z-index:2}
}