:root{--notice-height:64px}.has-notices body{padding-top:var(--notice-height)}.notice-bar[hidden]{display:none!important}.notice-bar{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(880px,calc(100% - 28px));z-index:850;display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #e2d4f43b;border-radius:19px;background:linear-gradient(120deg,#2f2939ee,#17161dee);color:#f4f0f8;box-shadow:inset 0 1px 1px #fff2,0 10px 38px #0004;backdrop-filter:blur(22px);animation:notice-enter .6s ease both;font:12px/1.4 Arial,sans-serif}.notice-icon{width:32px;height:32px;border-radius:10px;background:#ccb3e41b;display:grid;place-items:center;flex-shrink:0}.notice-icon svg{width:17px;height:17px}.notice-window{min-width:0;flex:1;overflow:hidden}.notice-content{display:grid;gap:2px}.notice-content strong{font-size:12px;overflow-wrap:anywhere}.notice-content>span{font-size:11px;color:#c3b8ce;overflow-wrap:anywhere}.notice-content>span:empty{display:none}.notice-action{font-size:11px;font-weight:600;padding:7px 11px;border:1px solid #d7c5e547;border-radius:9px;color:inherit;text-decoration:none;white-space:nowrap}.notice-controls{display:flex;align-items:center;gap:3px}.notice-controls button{border:0;background:none;color:inherit;display:grid;place-items:center;width:25px;height:29px;border-radius:7px;cursor:pointer}.notice-controls button:hover{background:#fff1}.notice-controls button:disabled{opacity:.3}.notice-controls svg{width:13px;height:13px}.notice-count{font:9px monospace;color:#b5a6c1}.notice-bar button:focus-visible,.notice-bar a:focus-visible{outline:2px solid #d4bbec;outline-offset:2px}.notice-bar[data-type=offer] .notice-icon{color:#e4d3b0;background:#e4d3b014}.offer-line{display:flex;align-items:center;gap:9px;font-size:12px;margin:10px 0;color:var(--muted,#aaa)}.offer-line del{font-size:12px;opacity:.8}.offer-tag{font-size:10px;color:var(--white,#eee);padding:4px 7px;background:#a98ab122;border:1px solid #b5a3c733;border-radius:6px}.cart-discount-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted,#aaa);font-size:12px;padding:10px 0}.cart-line-price del{display:block;font-size:10px;color:var(--muted,#aaa)}html[data-theme=light] .notice-bar{background:linear-gradient(120deg,#fff9ffff,#ede7f4ee);color:#382842;border-color:#8a719a40;box-shadow:inset 0 1px #fff,0 10px 35px #5b426820}html[data-theme=light] .notice-content>span{color:#74627f}html[data-theme=light] .notice-count{color:#74627f}.has-notices .sidebar{top:calc(var(--notice-height) + 16px);max-height:calc(100svh - var(--notice-height) - 32px)}@keyframes notice-enter{from{opacity:0;transform:translate(-50%,-25px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:620px){.notice-bar{gap:8px;flex-wrap:wrap;padding:10px;top:8px;width:calc(100% - 20px);border-radius:16px}.notice-window{flex-basis:calc(100% - 50px)}.notice-controls{margin-left:auto}.notice-action{margin-left:40px}.notice-content>span{font-size:10px}.notice-content strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.notice-bar{animation:none}}

.marketing-price-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--stroke,#ffffff20);font-size:13px}.marketing-price-row span{text-decoration:line-through;color:var(--ink-soft,#aaa)}#noticeEditor textarea{width:100%;min-height:85px}#noticeEditor label{min-width:0}#noticeEditor input{max-width:100%}#noticeStatus,#discountStatus{font-size:12px;line-height:1.8}.cart-discount-line[hidden]{display:none!important}
/* Temporary toast, persistent inbox and important hero-line chip. */
:root{--nc-surface:#17151eea;--nc-text:#f1ecf7;--nc-muted:#b5a5c2;--nc-line:#cfb9e32a;--nc-soft:#ffffff06}
html[data-theme=light]{--nc-surface:#fbf8fef2;--nc-text:#37283f;--nc-muted:#7a6587;--nc-line:#6d50892b;--nc-soft:#84619b09}
.notice-toast{width:min(640px,calc(100% - 30px));top:18px;transition:opacity .3s,transform .3s;overflow:hidden;background:linear-gradient(125deg,var(--nc-soft),transparent),var(--nc-surface);color:var(--nc-text);border-color:var(--nc-line)}
.notice-toast.notice-leaving{opacity:0;transform:translate(calc(-50% + 35px),-8px)}.notice-toast .notice-content>span{color:var(--nc-muted)}.notice-toast .notice-action{border-color:var(--nc-line)}.notice-toast .notice-controls{flex-shrink:0}.notice-timer{position:absolute;bottom:0;left:15px;right:15px;height:2px;background:var(--nc-soft);overflow:hidden}.notice-timer i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8f7aa7,#e4d1f4);animation:notice-countdown var(--notice-seconds,7s) linear forwards;animation-play-state:var(--notice-play,running)}
.notification-bell{position:fixed;right:24px;bottom:100px;z-index:55;width:47px;height:47px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--nc-line);background:linear-gradient(140deg,var(--nc-soft),transparent),var(--nc-surface);color:var(--nc-text);box-shadow:inset 0 1px #ffffff1a,0 8px 25px #0003;backdrop-filter:blur(22px);cursor:pointer}.notification-bell>.ui-icon{width:20px;height:20px}.notification-bell>span{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;border-radius:100px;background:#c6a9dc;color:#211629;padding:0 4px;font:9px/17px system-ui;border:2px solid var(--nc-surface)}.notification-bell [hidden]{display:none!important}
.notification-center{box-sizing:border-box;width:min(510px,calc(100% - 24px));height:min(800px,calc(100svh - 32px));max-height:calc(100svh - 32px);margin:auto 16px auto auto;padding:26px;border:1px solid var(--nc-line);border-radius:25px;background:linear-gradient(135deg,var(--nc-soft),transparent 60%),var(--nc-surface);color:var(--nc-text);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 0 1px #ffffff1a,0 35px 110px #0006;font:13px/1.6 system-ui,sans-serif;overflow:hidden}.notification-center[open]{display:flex;flex-direction:column;gap:22px}.notification-center:not([open]){display:none}.notification-center::backdrop{background:#07060b88;backdrop-filter:blur(7px)}.notification-center>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-center header small{font:8px/1.5 monospace;letter-spacing:2px;color:var(--nc-muted)}.notification-center h2{font-size:28px;letter-spacing:-1px;font-weight:550;margin:7px 0 0;line-height:1.2}.notification-center button{font:inherit;color:inherit;cursor:pointer}.notification-center header>button{background:var(--nc-soft);border:1px solid var(--nc-line);border-radius:11px;width:35px;height:35px;display:grid;place-items:center}.notification-center header svg{width:16px;height:16px}.notification-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--nc-line);background:var(--nc-soft);border-radius:13px}.notification-tabs button{border:1px solid transparent;border-radius:9px;padding:10px 3px;background:none;color:var(--nc-muted);font-size:11px}.notification-tabs button[aria-pressed=true]{border-color:var(--nc-line);background:#b391ce16;color:var(--nc-text);box-shadow:inset 0 1px #ffffff12}.notification-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#9d81b04d transparent}.notification-entry{display:flex;gap:12px;padding:17px;border:1px solid var(--nc-line);border-radius:18px;background:var(--nc-soft);flex-shrink:0}.notification-entry.is-unread{background:linear-gradient(125deg,#aa89c312,transparent),var(--nc-soft);border-color:#ad8dc84a}.notification-entry-icon{display:grid;place-items:center;align-self:start;width:33px;height:33px;border:1px solid var(--nc-line);border-radius:11px;background:var(--nc-soft);flex-shrink:0}.notification-entry-icon svg{width:16px;height:16px}.notification-entry-copy{min-width:0;flex:1}.notification-entry-title{display:flex;align-items:start;gap:8px;flex-wrap:wrap}.notification-entry-title strong{font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.notification-entry.is-unread .notification-entry-title:after{content:'';width:5px;height:5px;border-radius:50%;background:#c9a9e2;box-shadow:0 0 7px #c9a9e244;margin:7px 0 0 auto;flex-shrink:0}.notification-entry-title small{font:7px/1.5 monospace;color:var(--nc-muted);letter-spacing:1px;padding:3px 5px;border:1px solid var(--nc-line);border-radius:5px}.notification-entry time{display:block;font-size:9px;color:var(--nc-muted);margin-top:4px}.notification-entry p{font-size:12px;line-height:1.8;color:var(--nc-muted);margin:12px 0;overflow-wrap:anywhere}.notification-entry p:empty{display:none}.notification-entry-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.notification-entry-actions a,.notification-entry-actions button{display:inline-flex;gap:4px;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid var(--nc-line);background:var(--nc-soft);color:var(--nc-text);font:9px/1.6 system-ui;text-decoration:none}.notification-entry-actions svg{width:11px;height:11px}.notification-center>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--nc-line)}.notification-center>footer button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;font-size:11px}.notification-center>footer svg{width:16px;height:16px}.notification-center>footer span{font-size:9px;color:var(--nc-muted)}.notification-empty{text-align:center;margin:auto;padding:40px 15px;color:var(--nc-muted)}.notification-empty>svg{width:30px;height:30px;opacity:.55}.notification-empty h3{font-size:17px;font-weight:500;color:var(--nc-text)}.notification-empty p{max-width:250px;font-size:12px}.notification-center :is(a,button):focus-visible,.notification-bell:focus-visible,.hero-notice:focus-visible{outline:2px solid #bda0d3;outline-offset:3px}
.hero{position:relative;border-top:1px solid var(--line,#ffffff16)}.hero-notice[hidden]{display:none!important}.hero-notice{position:absolute;z-index:3;top:-16px;left:0;max-width:min(380px,85%);display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #bfa5d33b;border-radius:100px;background:var(--bg,#101014);color:var(--nc-text);font:9px/1.5 system-ui;box-shadow:0 0 16px #a58abd0c;cursor:pointer}.hero-notice>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-notice>svg{width:12px;height:12px;flex-shrink:0;color:var(--nc-muted)}.hero-notice:before{content:'';position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:conic-gradient(from var(--notice-border-angle),transparent 0 65%,#bda1dd44 75%,#ead7ff 83%,transparent 92%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:notice-contour 7s linear infinite;pointer-events:none}.hero-notice:after{content:'';position:absolute;left:100%;top:50%;width:65px;height:1px;background:linear-gradient(90deg,#c5a9dd45,transparent);pointer-events:none}
@property --notice-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes notice-contour{to{--notice-border-angle:360deg}}@keyframes notice-countdown{to{transform:scaleX(0)}}
@media(max-width:620px){.notice-toast{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;top:10px;padding:12px;border-radius:17px}.notice-toast .notice-window{grid-column:2;grid-row:1}.notice-toast .notice-icon{width:28px;height:28px;grid-column:1;grid-row:1}.notice-toast .notice-controls{grid-column:3;grid-row:1;margin:0}.notice-toast .notice-action{grid-column:2;grid-row:2;margin:0;justify-self:start;padding:5px 9px}.notification-center{padding:22px 17px;margin:auto 12px;height:calc(100svh - 24px);max-height:calc(100svh - 24px);gap:18px}.notification-entry{padding:14px;gap:9px}.notification-center>footer{align-items:start;flex-direction:column;gap:9px}.notification-bell{right:18px;bottom:96px;width:43px;height:43px;border-radius:14px}.hero-notice{top:-15px;max-width:85%;font-size:8px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.notice-toast,.hero-notice:before{animation:none;transition:none}.notice-timer{display:none}}
/* Per-notice color remains an accent; readable text follows the site theme. */
.notice-toast,.notification-entry,.hero-notice{--notice-accent:#bca4d2;--notice-ink:color-mix(in srgb,var(--notice-accent) 55%,var(--nc-text));--notice-stroke:color-mix(in srgb,var(--notice-accent) 45%,var(--nc-line));border-color:var(--notice-stroke)}
.notice-toast .notice-icon,.notification-entry-icon{color:var(--notice-ink);background:color-mix(in srgb,var(--notice-accent) 12%,transparent);border-color:var(--notice-stroke)}
.notice-toast .notice-action,.notification-entry-actions a{border-color:var(--notice-stroke);background:color-mix(in srgb,var(--notice-accent) 10%,transparent)}
.notice-toast .notice-timer i{background:linear-gradient(90deg,color-mix(in srgb,var(--notice-accent) 65%,transparent),var(--notice-accent))}
.notification-entry.is-unread .notification-entry-title:after{background:var(--notice-ink);box-shadow:0 0 8px color-mix(in srgb,var(--notice-accent) 30%,transparent)}
.hero-notice>svg{color:var(--notice-ink)}.hero-notice:before{background:conic-gradient(from var(--notice-border-angle),transparent 0 65%,color-mix(in srgb,var(--notice-accent) 35%,transparent) 75%,var(--notice-accent) 83%,transparent 92%)}.hero-notice:after{background:linear-gradient(90deg,color-mix(in srgb,var(--notice-accent) 45%,transparent),transparent)}
html .notice-toast[data-appearance=glass]{background:linear-gradient(125deg,color-mix(in srgb,var(--notice-accent) 8%,transparent),transparent 70%),var(--nc-surface);backdrop-filter:blur(24px)}
html .notice-toast[data-appearance=soft],.notification-entry[data-appearance=soft]{background:linear-gradient(125deg,color-mix(in srgb,var(--notice-accent) 18%,transparent),color-mix(in srgb,var(--notice-accent) 5%,transparent)),var(--nc-surface)}
html .notice-toast[data-appearance=outline],.notification-entry[data-appearance=outline]{background:var(--nc-surface);border-color:color-mix(in srgb,var(--notice-accent) 65%,var(--nc-line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--notice-accent) 6%,transparent),0 8px 30px #0002}
.notification-entry[data-appearance=glass]{background:linear-gradient(125deg,color-mix(in srgb,var(--notice-accent) 6%,transparent),transparent),var(--nc-soft)}
.hero-notice[data-appearance=soft]{background:linear-gradient(color-mix(in srgb,var(--notice-accent) 13%,transparent),color-mix(in srgb,var(--notice-accent) 13%,transparent)),var(--bg,#101014)}
.notice-color-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notice-color-presets button{width:26px;height:26px;min-height:26px;border-radius:50%;background:var(--swatch);border:3px solid var(--admin-surface,#1a1822);box-shadow:0 0 0 1px var(--admin-border,#ffffff28);padding:0;cursor:pointer}.notice-color-presets button:hover{outline:2px solid var(--swatch);outline-offset:2px}.notice-color-presets .cms-hint{flex-basis:100%;font-size:10px}#noticeEditor input[type=color]{height:44px;min-height:44px;max-width:140px;padding:5px;cursor:pointer}