/* Cross-site feature pack: notifications, top ticker, password reveal, customer code. */
.store-topbar,.mobile-social-strip{position:relative;overflow:hidden}.topbar-typewriter{display:inline-flex;align-items:center;justify-content:center;min-height:1.5em;font-weight:800;letter-spacing:-.15px}.topbar-typewriter::after{content:"";width:2px;height:1.15em;background:currentColor;margin-right:5px;opacity:.9;animation:delta-caret .72s steps(1) infinite}@keyframes delta-caret{50%{opacity:0}}

.notification-bell{position:relative!important;overflow:visible!important}.notification-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef233c;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1}.notification-badge.is-zero{display:none}.notification-bell.has-unread svg{animation:delta-bell 1.5s ease-in-out infinite;transform-origin:50% 10%}@keyframes delta-bell{0%,50%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-13deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-7deg)}}
.notification-backdrop{position:fixed;inset:0;z-index:2400;background:rgba(7,14,24,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}.notification-backdrop.open{opacity:1;visibility:visible}.notification-drawer{position:absolute;top:0;left:0;width:min(92vw,410px);height:100%;background:#fff;transform:translateX(-104%);transition:.28s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;box-shadow:24px 0 70px rgba(0,0,0,.22)}.notification-backdrop.open .notification-drawer{transform:none}.notification-head{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebef}.notification-head strong{font-size:17px}.notification-close{width:38px;height:38px;border:0;border-radius:12px;background:#f1f4f7;color:#29333e;font-size:24px}.notification-list{padding:14px;overflow:auto;display:grid;gap:11px}.notification-item{padding:14px 15px;border:1px solid #e5eaf0;border-radius:16px;background:#f8fafc;box-shadow:0 4px 0 #e4e9ee}.notification-item p{margin:0;font-size:12px;line-height:2;color:#303a46;font-weight:650}.notification-item time{display:block;margin-top:7px;font-size:9px;color:#8b95a2}.notification-empty{padding:60px 20px;text-align:center;color:#8b95a2}

.auth-input{position:relative}.password-eye{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:11px;background:transparent;color:#7d8997;display:grid;place-items:center;cursor:pointer;padding:0}.password-eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye.is-visible{color:#1685dd;background:#edf6ff}.auth-inline-error{color:#bd1d34;background:#fff1f3;border:1px solid #ffd6dd;border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.8;margin:4px 0 8px}.auth-primary.is-loading{opacity:.7;pointer-events:none}

.customer-code-box,.account-customer-code{border:1px solid #dce7f1;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:15px;padding:12px 14px;margin:14px 0;display:grid;gap:4px}.customer-code-box span,.account-customer-code span{font-size:10px;color:#758293;font-weight:700}.customer-code-box b,.account-customer-code strong{font-size:15px;color:#0c72c9;letter-spacing:.7px;direction:ltr;text-align:right}.account-customer-code small{font-size:10px;color:#8994a0;line-height:1.7}

html[data-theme="dark"] .notification-badge{border-color:#151a21}html[data-theme="dark"] .notification-drawer{background:#151a21;color:#edf2f7}html[data-theme="dark"] .notification-head{border-color:#303844}html[data-theme="dark"] .notification-close{background:#252c35;color:#ff9da8}html[data-theme="dark"] .notification-item{background:linear-gradient(180deg,#202832,#1a2028);border-color:#323c48;box-shadow:0 4px 0 #090d12}html[data-theme="dark"] .notification-item p{color:#edf2f7}html[data-theme="dark"] .notification-item time{color:#9faab7}html[data-theme="dark"] .password-eye{color:#9da8b6}html[data-theme="dark"] .password-eye.is-visible{color:#7bc0ff;background:#173754}html[data-theme="dark"] .auth-inline-error{background:#321b21;border-color:#5a2833;color:#ffabb6}html[data-theme="dark"] .customer-code-box,html[data-theme="dark"] .account-customer-code{background:linear-gradient(135deg,#192838,#15212d);border-color:#2f465b}html[data-theme="dark"] .customer-code-box span,html[data-theme="dark"] .account-customer-code span,html[data-theme="dark"] .account-customer-code small{color:#aab7c5}html[data-theme="dark"] .customer-code-box b,html[data-theme="dark"] .account-customer-code strong{color:#72beff}

@media(max-width:760px){.mobile-head{position:relative}.mobile-head .notification-bell{position:absolute!important;left:58px!important;top:5px!important;width:42px!important;height:42px!important;z-index:8!important;background:transparent!important;border:0!important}.notification-drawer{width:94vw}.notification-head{height:64px}.notification-bell svg{width:21px;height:21px}.store-topbar .topbar-typewriter,.mobile-social-strip .topbar-typewriter{font-size:11px}.account-customer-code{margin-top:8px}}
@media(max-width:380px){.mobile-head .notification-bell{left:52px!important;width:38px!important;height:38px!important;top:7px!important}.notification-bell svg{width:19px;height:19px}}