.customer-notification-menu {position:relative; flex-shrink:0;}
.customer-notification-menu[hidden], .customer-notification-dropdown[hidden], [data-notification-count][hidden] {display:none!important;}
#customerNotificationLoadMore[hidden] {display:none!important;}
.customer-notification-bell {position:relative; display:flex; align-items:center; justify-content:center;}
.customer-notification-bell i {font-size:18px;}
.customer-notification-count {position:absolute; top:-5px; right:-5px; min-width:19px; height:19px; padding:0 4px; border-radius:20px; background:#b42318; color:#fff; font:600 10px/19px Arial,sans-serif; text-align:center; box-shadow:0 0 0 2px #fff;}
.customer-notification-sidebar-count {position:static; margin-left:auto; order:3; box-shadow:none;}
.customer-notification-dropdown {position:absolute; top:calc(100% + 12px); right:0; width:370px; max-width:calc(100vw - 24px); max-height:var(--notification-max-height,calc(100dvh - 100px)); display:flex; flex-direction:column; box-sizing:border-box; background:#fff; border:1px solid #e9e3db; border-radius:14px; box-shadow:0 16px 48px #3a281a26; z-index:1200; overflow:hidden; color:#2d2119; text-align:left;}
.customer-notification-heading {display:flex; flex-shrink:0; justify-content:space-between; align-items:center; gap:12px; padding:17px; border-bottom:1px solid #eee;}
.customer-notification-heading strong {font-size:15px;}
.customer-notification-heading button {background:none; border:0; padding:4px; color:#79552d; cursor:pointer; font:500 11px/1.4 Arial,sans-serif;}
#customerNotificationItems {max-height:400px; min-height:0; flex:1 1 auto; overflow:auto; overscroll-behavior:contain;}
.customer-inbox-item {display:block; position:relative; padding:15px 18px; color:#33271d; background:#fff; border-bottom:1px solid #eee; text-decoration:none; overflow-wrap:anywhere;}
.customer-inbox-item:hover {background:#faf7f2;}
.customer-inbox-item.is-unread {background:#faf4e9; border-left:3px solid #a67c42; padding-left:15px;}
.customer-inbox-item strong {display:block; font:600 13px/1.5 Arial,sans-serif;}
.customer-inbox-item p {font:400 12px/1.6 Arial,sans-serif; margin:5px 0 7px; color:#645e56; white-space:pre-line;}
#customerNotificationItems .customer-inbox-item p {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.customer-inbox-item time {display:block; font:400 10px/1.5 Arial,sans-serif; color:#847c70;}
.customer-inbox-empty {padding:28px 18px; font-size:13px; color:#7a7167; text-align:center;}
.customer-notification-view-all {display:block; flex-shrink:0; padding:14px; text-align:center; font-size:12px; color:#79552d; border-top:1px solid #eee; text-decoration:none;}
.customer-notification-feedback {margin:0; padding:0 16px; font-size:11px; color:#79552d;}
.customer-notification-feedback:not(:empty) {padding-block:10px;}
.customer-inbox-page-heading {display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:20px; flex-wrap:wrap;}
.customer-inbox-page-heading h1 {margin-bottom:8px;}
.customer-inbox-page-heading p {font-size:12px; color:#7a7167;}
.customer-inbox-page-list {border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; margin-bottom:20px;}
@media(max-width:768px) {.customer-notification-dropdown {position:fixed; top:var(--notification-top,76px); right:12px; left:12px; width:auto; max-width:none;}.customer-inbox-page-heading {align-items:flex-start;}}
@media(max-width:360px) {.site-header .navbar-actions {gap:4px!important;}.site-header .navbar-logo img {max-width:64px!important;}}