/* Style Aspro's existing notification nodes; native links, timers and states remain. */
html.av-page body#main .notice-surface {
 right:max(20px,env(safe-area-inset-right))!important;top:max(20px,env(safe-area-inset-top))!important;
 max-width:calc(100vw - 40px)!important;max-height:calc(100dvh - 40px)!important;
 z-index:3000;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;padding:0 0 12px 12px;box-sizing:border-box;
}
html.av-page body#main .notice-surface--left {left:max(20px,env(safe-area-inset-left))!important;right:auto!important;padding:0 12px 12px 0}
html.av-page body#main .notice-surface--reverse {bottom:max(20px,env(safe-area-inset-bottom))!important;top:auto!important}
html.av-page body#main .notice-surface__inner {width:100%;min-width:0;max-width:100%;gap:10px}
html.av-page body#main .notice {
 --av-notice-accent:#54748e;--av-notice-soft:#eef4f8;
 width:380px;max-width:100%;min-width:0;box-sizing:border-box;margin:0;
 border:1px solid var(--av-line,#d8e3ef);border-left:3px solid var(--av-notice-accent);border-radius:12px;
 background:#fff;color:var(--av-ink,#14233b);box-shadow:0 4px 16px rgba(18,38,62,.10);pointer-events:auto;
}
html.av-page body#main .notice:is([data-type="add2cart"],[data-type="add2delay"],[data-type="add2compare"],[data-type="auth"]) {--av-notice-accent:var(--av-green,#008626);--av-notice-soft:var(--av-soft,#edf8f1)}
html.av-page body#main .notice:is([data-type="requesterror"],[data-type="resulterror"]) {--av-notice-accent:#b64138;--av-notice-soft:#fdf0ee}
html.av-page body#main .notice__inner {padding:16px 44px 16px 16px!important;min-width:0;box-sizing:border-box}
html.av-page body#main .notice__info-wrap {display:flex;align-items:center;gap:12px;min-width:0;margin:0!important;flex-shrink:1}
html.av-page body#main .notice__image-wrap {padding:0!important;flex:0 0 56px;min-width:0;align-self:center}
html.av-page body#main .notice__image {display:flex;align-items:center;justify-content:center;width:56px!important;height:56px!important;padding:5px;box-sizing:border-box;background:#f7f9fb;border:1px solid var(--av-line,#d8e3ef);border-radius:8px;overflow:hidden}
html.av-page body#main .notice__image :is(a,i) {display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;margin:0}
html.av-page body#main .notice__image img {display:block;width:auto;height:auto;max-width:100%!important;max-height:100%!important;object-fit:contain;margin:0!important}
html.av-page body#main .notice__image svg {max-width:100%;max-height:100%}
html.av-page body#main .notice__text-wrap {padding:0!important;min-width:0;flex:1;align-self:center}
html.av-page body#main .notice__title {
 display:flex;align-items:center;gap:7px;font-family:inherit!important;font-size:14px!important;line-height:21px!important;
 font-weight:600!important;color:var(--av-ink,#14233b)!important;margin:0 0 4px!important;overflow-wrap:anywhere;
}
html.av-page body#main .notice__title::before {
 content:'';display:block;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--av-notice-soft) center/12px no-repeat;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2354748e' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 7v4M8 4.5v.1'/%3E%3C/svg%3E");
}
html.av-page body#main .notice:is([data-type="add2cart"],[data-type="add2delay"],[data-type="add2compare"],[data-type="auth"]) .notice__title::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23008626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 3 3 7-7'/%3E%3C/svg%3E")}
html.av-page body#main .notice:is([data-type="requesterror"],[data-type="resulterror"]) .notice__title::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b64138' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8 4v5M8 11.5v.1'/%3E%3C/svg%3E")}
html.av-page body#main .notice__detail {font-family:inherit!important;font-size:13px!important;line-height:20px!important;font-weight:400!important;color:var(--av-muted,#73849f)!important;margin:0!important;overflow-wrap:anywhere}
html.av-page body#main .notice__detail__more {font-size:12px!important;line-height:18px!important;font-weight:600!important;margin-top:5px!important}
html.av-page body#main .notice :is(.notice__title,.notice__detail) a {color:var(--av-green,#008626);text-decoration:none}
html.av-page body#main .notice :is(.notice__title,.notice__detail) a:hover {text-decoration:underline}
html.av-page body#main .notice__closer {
 width:32px!important;height:32px!important;top:8px!important;right:8px!important;border:0;border-radius:7px;
 background:transparent;color:var(--av-muted,#73849f);padding:0;margin:0;display:flex;align-items:center;justify-content:center;
}
html.av-page body#main .notice__closer:is(:hover,:focus-visible) {background:var(--av-soft,#edf8f1)}
html.av-page body#main .notice__closer:focus-visible {outline:2px solid var(--av-green,#008626);outline-offset:2px}
html.av-page body#main .notice__closer :is(.svg,svg) {width:14px!important;height:14px!important;min-width:0!important;min-height:0!important;margin:0!important}
html.av-page body#main .notice__closer svg path {stroke:currentColor!important;stroke-width:1.6!important}
html.av-page body#main .notice--hidden {display:none!important}
@keyframes av-notice-enter {from {opacity:0;transform:translateY(-6px)} to {opacity:1;transform:translateY(0)}}
html.av-page body#main .notice-surface .animate--notice-show {animation:av-notice-enter .18s ease-out!important}
@media(max-width:760px) {
 html.av-page body#main .notice-surface {
  right:max(12px,env(safe-area-inset-right))!important;left:max(12px,env(safe-area-inset-left))!important;
  top:max(12px,env(safe-area-inset-top))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;
  padding:0 0 8px;
 }
 html.av-page body#main .notice-surface--reverse {top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 html.av-page body#main .notice {width:100%;border-radius:10px}
 html.av-page body#main .notice__inner {padding:14px 48px 14px 12px!important}
 html.av-page body#main .notice__image-wrap {flex-basis:48px}
 html.av-page body#main .notice__image {width:48px!important;height:48px!important}
 html.av-page body#main .notice__info-wrap {gap:10px}
 html.av-page body#main .notice__closer {width:40px!important;height:40px!important;top:4px!important;right:4px!important}
}
@media(prefers-reduced-motion:reduce) {
 html.av-page body#main .notice,
 html.av-page body#main .notice-surface .animate--notice-show {animation:none!important;transition:none!important}
}