.notification-page{padding:0 0 22px}.notification-heading{display:flex;align-items:center;gap:14px;padding:18px;background:#fff69e;border-radius:14px 14px 0 0}.notification-heading>a{font-size:28px}.notification-heading h1{font-size:18px;margin:0;flex:1}.notification-heading>span{font-size:12px;color:#666}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.notification-toolbar p{font-size:12px;color:#888}.notification-toolbar button{font-size:12px}.notification-item{display:flex;align-items:center;gap:12px;width:100%;border-radius:0;background:#fff;text-align:left;padding:20px 18px;border-bottom:1px solid #f2f2f2;font-weight:400}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item strong{font-size:14px}.notification-product{display:block;color:#666;font-size:13px;overflow-wrap:anywhere;margin:7px 0}.notification-item time{font-size:11px;color:#999}.notification-dot{width:7px;height:7px;border-radius:50%;flex:none;background:#fa624a}.is-read .notification-dot{background:transparent}.is-read strong{color:#777}.notification-more{display:block;margin:20px auto 0}.notification-page>.error,.notification-page>[role=status]{margin:16px 18px}.notification-item:focus-visible{outline:2px solid #b68f00;outline-offset:-2px}@media(min-width:1100px){.notification-page{max-width:1000px}.notification-heading{padding:22px 28px}.notification-toolbar{padding:16px 28px}.notification-item{padding:24px 28px}.notification-item strong{font-size:16px}}

.interaction-page{background:linear-gradient(180deg,#fff69e 0%,#fff 14%);padding-top:4px}.interaction-page .notification-heading{background:transparent;border:0}.interaction-item>img{width:53px;height:53px;object-fit:cover;border-radius:50%;flex-shrink:0}.interaction-item{gap:8px;margin-bottom:8px;padding:12px 8px;min-width:0}.interaction-item strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.interaction-item .notification-product{font-size:12px;color:#979797}.interaction-item time{font-size:12px;color:#c3c3c3}.interaction-entry{margin-top:8px}@media(min-width:1100px){.interaction-page .notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 24px}.interaction-item{padding:20px 16px;border:1px solid #f2f2f2;border-radius:8px;margin:0}.interaction-item strong{font-size:15px}.interaction-item .notification-product{font-size:13px}}

@media(max-width:1099px){body[data-page=interactions]>.site-header{display:none}}@media(max-width:700px){body[data-page=interactions] #nav{display:none}body[data-page=interactions]{padding-bottom:0}.interaction-page{margin:0 -12px;border-radius:0}.interaction-page .notification-heading h1{font-size:15px}.interaction-page .notification-list{padding:0 8px;background:#f5f5f5}.interaction-item{border:0}}

.notification-clear-dialog{width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:16px;padding:24px;background:#fff}.notification-clear-dialog::backdrop{background:#0007}.notification-clear-dialog h2{font-size:20px;margin-top:0}.notification-clear-dialog p{overflow-wrap:anywhere;line-height:1.65}.notification-clear-dialog .actions{justify-content:flex-end;flex-wrap:wrap}.notification-toolbar{flex-wrap:wrap}.notification-toolbar .actions{gap:8px}.notification-clear-dialog:focus{outline:none}@media(max-width:1099px){body[data-page=notifications]>.site-header{display:none}}@media(max-width:700px){body[data-page=notifications] #nav,body[data-page=notifications]>footer{display:none}body[data-page=notifications]{padding-bottom:0}.notification-page{margin:0 -12px;border-radius:0}.notification-heading h1{font-size:16px}.notification-toolbar{padding:14px 12px}.notification-clear-dialog{padding:20px}}