.zwm-notification-bell{position:relative}
.zwm-notification-bell span{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#9b2c2c;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center}
.zwm-notification-popover{position:fixed;z-index:1200;top:78px;right:22px;width:min(350px,calc(100vw - 24px));max-height:430px;overflow:auto;border:1px solid #dfe4dd;border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(16,38,26,.16)}
.zwm-notification-popover[hidden]{display:none}
.zwm-notification-popover header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(255,255,255,.98);border-bottom:1px solid #edf0eb}
.zwm-notification-popover header strong{font-size:15px;line-height:1.2}
.zwm-mark-all{appearance:none;border:0!important;background:transparent!important;padding:4px 0!important;color:var(--green,#164c2c)!important;font:700 12px/1.2 "DM Sans",sans-serif!important;cursor:pointer}
.zwm-mark-all:hover{text-decoration:underline}
.zwm-notification-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:10px;width:100%;padding:11px 13px;text-align:start;border:0;border-bottom:1px solid #f0f2ef;background:#fff;color:inherit;cursor:pointer}
.zwm-notification-item:last-child{border-bottom:0}
.zwm-notification-item:hover{background:#f7faf7}
.zwm-notification-item.is-unread{background:#fbfdf9}
.zwm-notification-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0f5ef;font-size:16px}
.zwm-notification-copy{display:grid;gap:3px;min-width:0}
.zwm-notification-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;font-weight:750}
.zwm-notification-copy small{color:var(--muted,#68736b);font-size:11px;line-height:1.2}
.zwm-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--green,#164c2c)}
.zwm-notification-empty{padding:22px 16px;text-align:center;color:var(--muted,#68736b);font-size:13px}
.zwm-notification-settings{grid-column:1/-1}
.zwm-notification-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}
.zwm-pref-list{display:grid;gap:8px;margin:14px 0}
.zwm-pref-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border:1px solid var(--line,#ddd);border-radius:12px}
.zwm-pref-list input{width:20px;height:20px}
.zwm-device-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line,#eee)}
@media(max-width:760px){.zwm-notification-popover{top:64px;right:10px;left:10px;width:auto;max-height:60vh}.zwm-notification-actions>*{flex:1 1 180px;min-height:44px}}
@media(max-width:430px){.zwm-notification-popover{border-radius:12px}.zwm-notification-actions>*{flex-basis:100%}.zwm-notification-item{padding:10px 12px}}
/* Customer account notification controls */
.zwm-customer-notification-bell{
  position:relative;display:inline-grid!important;place-items:center;width:44px;height:44px;flex:0 0 44px;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  border:1px solid rgba(15,74,32,.13);border-radius:50%;background:#fff;color:#164c2c;
  cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.zwm-customer-notification-bell:hover{background:#f4f8f1;border-color:rgba(15,74,32,.24);transform:translateY(-1px)}
.zwm-customer-notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zwm-customer-notification-bell span{
  position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  background:#9b2c2c;color:#fff;font:800 10px/18px "DM Sans",sans-serif;text-align:center
}
.zwm-customer-notification-popover{top:86px;right:max(18px,calc((100vw - 1240px)/2 + 18px))}
.zwm-account-notifications{
  margin-top:18px;padding:26px!important;border:1px solid #e4e8e0!important;border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdf9 100%)!important;box-shadow:0 8px 24px rgba(26,52,32,.055)!important
}
.zwm-customer-notification-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:22px
}
.zwm-customer-notification-head h2{margin:3px 0 7px!important;font-size:clamp(1.8rem,2.8vw,2.45rem)!important;line-height:1!important}
.zwm-customer-notification-head p:not(.account-eyebrow){max-width:620px;margin:0;color:#6a746c;line-height:1.55}
.zwm-customer-notification-state{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:220px;padding:7px 12px;border-radius:999px;
  border:1px solid #dce4d8;background:#f3f6f0;color:#526256;font-size:.76rem;font-weight:800;white-space:nowrap
}
.zwm-customer-notification-state.is-on{background:#edf6e9;border-color:#d7e8d0;color:#1f5b31}
.zwm-customer-notification-state.is-off{background:#f7f7f3;color:#72786f}
.zwm-customer-notification-control{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 18px;
  border:1px solid #e2e7df;border-radius:16px;background:#fff
}
.zwm-customer-notification-control>div{display:grid;gap:4px}
.zwm-customer-notification-control strong{font-size:1rem;color:#183c25}
.zwm-customer-notification-control small{max-width:720px;color:#768079;font-size:.82rem;line-height:1.45}
.zwm-customer-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.zwm-customer-switch input{position:absolute;opacity:0;pointer-events:none}
.zwm-customer-switch span{position:relative;display:block;width:46px;height:26px;border-radius:999px;background:#d8ddd7;transition:.2s ease}
.zwm-customer-switch span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.2s ease}
.zwm-customer-switch input:checked+span{background:#164c2c}
.zwm-customer-switch input:checked+span:after{transform:translateX(20px)}
[dir="rtl"] .zwm-customer-switch input:checked+span:after{transform:translateX(-20px)}
[dir="rtl"] .zwm-customer-switch span:after{left:auto;right:3px}
.zwm-customer-notification-footer{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px
}
.zwm-customer-notification-footer .zwm-notification-actions{margin:0}
.zwm-customer-notification-footer button{min-height:42px!important;padding:0 16px!important;border-radius:12px!important}
.zwm-customer-notification-footer button[disabled]{opacity:.45;cursor:not-allowed}
.zwm-customer-notification-footer [data-test]{background:#fff;border:1px solid #d8dfd6;color:#20452c}
.zwm-customer-notification-footer .account-status{margin:0!important;flex:1 1 260px;text-align:end}
.zwm-customer-notification-note{margin:14px 0 0;color:#7a837c;font-size:.78rem;line-height:1.45}
@media(max-width:900px){
 .zwm-customer-notification-popover{right:12px}
 .zwm-account-notifications{padding:22px!important}
 .zwm-customer-notification-head{gap:16px}
}
@media(max-width:700px){
 .zwm-customer-notification-bell{width:44px;height:44px;flex-basis:44px}
 .site-header .zwm-customer-notification-bell,.c6-nav-actions .zwm-customer-notification-bell,.commerce-header-actions .zwm-customer-notification-bell{width:44px;height:44px;flex-basis:44px}

 .zwm-customer-notification-popover{top:70px;left:10px;right:10px;width:auto}
 .zwm-account-notifications{padding:18px!important;border-radius:18px!important}
 .zwm-customer-notification-head{grid-template-columns:1fr;gap:12px}
 .zwm-customer-notification-state{justify-self:start}
 .zwm-customer-notification-control{padding:14px}
 .zwm-customer-notification-footer{align-items:stretch}
 .zwm-customer-notification-footer .zwm-notification-actions{width:100%}
 .zwm-customer-notification-footer .zwm-notification-actions button{flex:1 1 140px}
 .zwm-customer-notification-footer .account-status{text-align:start}
}
@media(max-width:430px){
 .zwm-customer-notification-control{gap:12px}
 .zwm-customer-notification-control small{font-size:.76rem}
 .zwm-customer-notification-footer .zwm-notification-actions button{flex-basis:100%}
}

/* Admin notification settings */
.zwm-admin-notification-card{
  padding:28px!important;border:1px solid #e1e5df!important;border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcf8 100%)!important;
  box-shadow:0 10px 30px rgba(22,61,35,.055)!important
}
.zwm-admin-notification-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:20px
}
.zwm-admin-notification-kicker{
  margin:0 0 6px!important;color:#276440!important;font-size:.72rem!important;font-weight:900!important;
  letter-spacing:.14em;text-transform:uppercase
}
.zwm-admin-notification-head h3{margin:0!important;color:#1c2c20;font-size:1.55rem!important;line-height:1.15}
.zwm-admin-notification-head>div>p:last-child{max-width:720px;margin:7px 0 0;color:#727b74;line-height:1.5}
.zwm-admin-notification-state{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:220px;padding:7px 12px;
  border:1px solid #dce3d9;border-radius:999px;background:#f4f5f2;color:#657066;font-size:.76rem;font-weight:800;white-space:nowrap
}
.zwm-admin-notification-state.is-on{background:#edf6e9;border-color:#d4e5cf;color:#1d5b31}
.zwm-admin-notification-state.is-off{background:#f7f7f4;color:#747a73}
.zwm-admin-notification-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px
}
.zwm-admin-notification-toolbar .zwm-notification-actions{margin:0}
.zwm-admin-notification-toolbar button{min-height:42px!important;padding:0 16px!important;border-radius:12px!important}
.zwm-admin-notification-toolbar button[disabled]{opacity:.45;cursor:not-allowed}
.zwm-admin-notification-toolbar .field-help{margin:0!important;flex:1 1 320px;text-align:end}
.zwm-admin-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.zwm-admin-pref{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:82px;
  padding:15px 16px;border:1px solid #e1e6df;border-radius:16px;background:#fff
}
.zwm-admin-pref-copy{display:grid;gap:4px;min-width:0}
.zwm-admin-pref-copy strong{color:#203426;font-size:.96rem}
.zwm-admin-pref-copy small{color:#778079;font-size:.76rem;line-height:1.4}
.zwm-admin-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.zwm-admin-switch input{position:absolute;opacity:0;pointer-events:none}
.zwm-admin-switch>span{position:relative;display:block;width:46px;height:26px;border-radius:999px;background:#d8ddd7;transition:.2s ease}
.zwm-admin-switch>span:after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.2s ease
}
.zwm-admin-switch input:checked+span{background:#164c2c}
.zwm-admin-switch input:checked+span:after{transform:translateX(20px)}
[dir="rtl"] .zwm-admin-switch>span:after{left:auto;right:3px}
[dir="rtl"] .zwm-admin-switch input:checked+span:after{transform:translateX(-20px)}
.zwm-admin-device-section{
  margin-top:22px;padding-top:20px;border-top:1px solid #e6e9e3
}
.zwm-admin-device-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.zwm-admin-device-heading h4{margin:0;color:#203426;font-size:1rem}
.zwm-admin-device-heading p{margin:4px 0 0;color:#7b837d;font-size:.75rem}
.zwm-admin-device-card{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;
  border:1px solid #e1e6df;border-radius:14px;background:#fff
}
.zwm-admin-device-card+.zwm-admin-device-card{margin-top:8px}
.zwm-admin-device-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef4ec;color:#164c2c;font-size:17px;font-weight:900
}
.zwm-admin-device-copy{display:grid;gap:3px;min-width:0}
.zwm-admin-device-copy strong{color:#203426;font-size:.9rem}
.zwm-admin-device-copy small{color:#747d76;font-size:.74rem;line-height:1.35}
.zwm-admin-device-current{
  display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;
  background:#edf6e9;color:#215c33;font-size:.68rem;font-weight:850;white-space:nowrap
}
.zwm-admin-device-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.zwm-admin-device-actions button{min-height:38px!important;padding:0 13px!important;border-radius:10px!important;font-size:.76rem!important}
.zwm-admin-no-devices{padding:12px 0!important;margin:0!important}
.zwm-admin-notification-note{margin:14px 0 0!important;color:#7d857f!important}
@media(max-width:900px){
 .zwm-admin-notification-card{padding:22px!important}
 .zwm-admin-pref-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .zwm-admin-notification-card{padding:18px!important;border-radius:18px!important}
 .zwm-admin-notification-head{grid-template-columns:1fr;gap:12px}
 .zwm-admin-notification-state{justify-self:start}
 .zwm-admin-notification-toolbar{align-items:stretch}
 .zwm-admin-notification-toolbar .zwm-notification-actions{width:100%}
 .zwm-admin-notification-toolbar .zwm-notification-actions button{flex:1 1 150px}
 .zwm-admin-notification-toolbar .field-help{text-align:start}
 .zwm-admin-pref{min-height:74px;padding:13px 14px}
 .zwm-admin-device-card{grid-template-columns:36px minmax(0,1fr)}
 .zwm-admin-device-current{grid-column:2;justify-self:start}
}
@media(max-width:430px){
 .zwm-admin-notification-toolbar .zwm-notification-actions button{flex-basis:100%}
 .zwm-admin-device-actions button{flex:1 1 100%}
}

/* ===== mobile-audit-20261006: notification chrome on small phones ===== */
.zwm-customer-switch,
.zwm-admin-switch{min-width:46px;min-height:44px;justify-content:center}
.zwm-customer-notification-control>div,
.zwm-admin-pref-copy{min-width:0}
.zwm-customer-notification-control strong,
.zwm-customer-notification-control small,
.zwm-admin-pref-copy strong,
.zwm-admin-pref-copy small{overflow-wrap:anywhere}
@media(max-width:760px){
  .zwm-notification-popover,
  .zwm-customer-notification-popover{
    max-height:calc(100dvh - 82px);
    overscroll-behavior:contain
  }
  .site-header .nav>.nav-actions:has(#zwmCustomerNotificationBell){
    width:88px!important;min-width:88px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important
  }
  .site-header .nav>.nav-actions:has(#zwmCustomerNotificationBell) #zwmCustomerNotificationBell{
    position:relative!important;inset:auto!important;transform:none!important;
    display:grid!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important
  }
  .site-header .nav:has(#zwmCustomerNotificationBell)>.brand{
    max-width:calc(100% - 200px)!important
  }
}
@media(max-width:430px){
  .zwm-customer-notification-state,
  .zwm-admin-notification-state{max-width:100%;white-space:normal;text-align:start}
  .site-header .nav:has(#zwmCustomerNotificationBell)>.brand{
    max-width:40px!important
  }
  .site-header .nav:has(#zwmCustomerNotificationBell)>.brand .brand-wordmark{
    display:none!important
  }
  .topbar-right #zwmNotificationBell{
    display:grid!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important
  }
}