@charset "UTF-8";
body.stm-notifications-route{
  --stm-notify-page-width:1200px;--stm-notify-page-padding-x:24px;--stm-notify-page-padding-top:16px;--stm-notify-page-padding-bottom:56px;--stm-notify-page-radius:14px;
  --stm-notify-page-bg:#fff;--stm-notify-page-surface:var(--stm-commerce-surface,#fff);--stm-notify-page-surface-soft:var(--stm-commerce-surface-soft,#f8fafc);--stm-notify-page-border:var(--stm-commerce-border,#e2e8f0);--stm-notify-page-title-color:var(--stm-commerce-heading,#0f172a);--stm-notify-page-text-color:var(--stm-color-heading,#111827);--stm-notify-page-muted-color:var(--stm-commerce-muted,#64748b);background:var(--stm-notify-page-bg)
}
body.stm-notifications-route .stm-page{padding:0}body.stm-notifications-route .stm-page__inner{max-width:none;margin:0;padding:0}body.stm-notifications-route .stm-page__header{display:none}body.stm-notifications-route .stm-page__content{max-width:none;font-size:inherit;line-height:inherit;color:inherit}
body.stm-notifications-route .stm-notify-page{width:min(100%,var(--stm-notify-page-width));max-width:100%;margin-inline:auto;padding:var(--stm-notify-page-padding-top) var(--stm-notify-page-padding-x) var(--stm-notify-page-padding-bottom);box-sizing:border-box;color:var(--stm-notify-page-text-color)}
body.stm-notifications-route .stm-notify-page *{box-sizing:border-box}
body.stm-notifications-route .stm-notify-page__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-notify-page-radius);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);box-shadow:none}
body.stm-notifications-route .stm-notify-page__head h1{margin:0;color:var(--stm-notify-page-title-color);font-size:clamp(28px,2.3vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.025em}
body.stm-notifications-route .stm-notify-page__head p{margin:7px 0 0;color:var(--stm-notify-page-muted-color);font-size:14px}
body.stm-notifications-route .stm-notify-page__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
body.stm-notifications-route .stm-notify-page__btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--stm-notify-page-border);border-radius:999px;background:var(--stm-commerce-raised-control-bg);color:var(--stm-notify-page-title-color);font-size:12px;font-weight:700;cursor:pointer}
body.stm-notifications-route .stm-notify-page__btn:hover{border-color:var(--stm-commerce-primary,#ff6a00);background:var(--stm-commerce-raised-control-hover-bg)}
body.stm-notifications-route .stm-notify-page__btn--primary{border-color:var(--stm-commerce-primary,#ff6a00);background:var(--stm-commerce-raised-accent-bg);color:#fff}
body.stm-notifications-route .stm-notify-page__btn--primary:hover{border-color:var(--stm-commerce-primary-deep,#d95600);background:var(--stm-commerce-raised-accent-hover-bg);color:#fff}
body.stm-notifications-route .stm-notify-page__filters{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px;border:1px solid var(--stm-notify-page-border);border-radius:var(--stm-notify-page-radius);background:var(--stm-commerce-raised-control-bg);overflow-x:auto;scrollbar-width:none}
body.stm-notifications-route .stm-notify-page__filters::-webkit-scrollbar{display:none}
body.stm-notifications-route .stm-notify-page__filters button{flex:0 0 auto;min-height:34px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--stm-notify-page-muted-color);font-size:12px;font-weight:700;cursor:pointer}
body.stm-notifications-route .stm-notify-page__filters button:hover,body.stm-notifications-route .stm-notify-page__filters button.is-active{border-color:var(--stm-commerce-primary,#ff6a00);background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-heading,#0f172a)}
body.stm-notifications-route .stm-notify-page__list{display:grid;gap:10px}
body.stm-notifications-route .stm-notify-page__item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--stm-notify-page-border);border-radius:var(--stm-notify-page-radius);background:var(--stm-commerce-raised-control-bg);transition:border-color var(--stm-transition-fast),background var(--stm-transition-fast)}
body.stm-notifications-route .stm-notify-page__item:hover,body.stm-notifications-route .stm-notify-page__item:focus-within{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg)}
body.stm-notifications-route .stm-notify-page__item.is-unread{border-color:color-mix(in srgb,var(--stm-commerce-primary,#ff6a00) 35%,var(--stm-notify-page-border));background:var(--stm-commerce-primary-soft,#fff4ec)}
body.stm-notifications-route .stm-notify-page__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--stm-notify-page-border);border-radius:999px;background:var(--stm-notify-page-surface);color:var(--stm-commerce-primary,#ff6a00)}
body.stm-notifications-route .stm-notify-page__icon::before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url("../../storefront/assets/icons/notification.svg");mask-image:url("../../storefront/assets/icons/notification.svg")}
body.stm-notifications-route .stm-notify-page__icon[data-type="order"]::before{-webkit-mask-image:url("../../storefront/assets/icons/cart.svg");mask-image:url("../../storefront/assets/icons/cart.svg")}
body.stm-notifications-route .stm-notify-page__icon[data-type="wishlist"]::before{-webkit-mask-image:url("../../storefront/assets/icons/wishlist.svg");mask-image:url("../../storefront/assets/icons/wishlist.svg")}
body.stm-notifications-route .stm-notify-page__item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.stm-notifications-route .stm-notify-page__item-top strong{color:var(--stm-notify-page-title-color);font-size:14px;font-weight:800}
body.stm-notifications-route .stm-notify-page__item-top time{flex:0 0 auto;color:var(--stm-notify-page-muted-color);font-size:11px}
body.stm-notifications-route .stm-notify-page__item p{margin:5px 0 0;color:var(--stm-notify-page-muted-color);font-size:13px;line-height:1.45}
body.stm-notifications-route .stm-notify-page__item-actions{display:flex;align-items:center;gap:12px;margin-top:8px}
body.stm-notifications-route .stm-notify-page__item-actions a,body.stm-notifications-route .stm-notify-page__item-actions button{padding:0;border:0;background:transparent;color:var(--stm-color-product-link,#075acb);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
body.stm-notifications-route .stm-notify-page__item-actions a:hover,body.stm-notifications-route .stm-notify-page__item-actions button:hover{text-decoration:underline;text-underline-offset:3px}
body.stm-notifications-route .stm-notify-page__empty{display:grid;min-height:300px;place-items:center;align-content:center;gap:8px;padding:30px;border:1px solid var(--stm-notify-page-border);border-radius:var(--stm-notify-page-radius);background:var(--stm-notify-page-surface);text-align:center}
body.stm-notifications-route .stm-notify-page__empty h2{margin:0;color:var(--stm-notify-page-title-color);font-size:22px}body.stm-notifications-route .stm-notify-page__empty p{margin:0;color:var(--stm-notify-page-muted-color)}
html[data-stm-layout="tablet"] body.stm-notifications-route .stm-notify-page,
html[data-stm-layout="mobile"] body.stm-notifications-route .stm-notify-page{width:100%;padding-inline:10px}
html[data-stm-layout="mobile"] body.stm-notifications-route .stm-notify-page__head{align-items:stretch;flex-direction:column}html[data-stm-layout="mobile"] body.stm-notifications-route .stm-notify-page__actions{display:grid;grid-template-columns:1fr;width:100%}html[data-stm-layout="mobile"] body.stm-notifications-route .stm-notify-page__btn{width:100%}html[data-stm-layout="mobile"] body.stm-notifications-route .stm-notify-page__item-top{display:grid;gap:5px}