.account-notification-trigger{position:relative;width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:14px;color:#fff;background:#ffffff16;cursor:pointer}.account-notification-trigger svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.account-notification-trigger span{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;display:grid;place-items:center;border:2px solid #172535;border-radius:50%;background:#f47a16;color:#fff;font-size:.62rem;font-weight:900}.account-notification-layer[hidden]{display:none}.account-notification-layer{position:fixed;inset:0;z-index:10020;direction:rtl}.account-notification-backdrop{position:absolute;inset:0;border:0;background:#05121f88;backdrop-filter:blur(8px);opacity:0;transition:.22s}.account-notification-drawer{position:absolute;top:0;left:0;width:min(520px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #ffffffb3;background:linear-gradient(160deg,#fffffff7,#f0f6fae8);box-shadow:24px 0 70px #04162547;transform:translateX(-104%);transition:.25s}.account-notification-layer.is-open .account-notification-backdrop{opacity:1}.account-notification-layer.is-open .account-notification-drawer{transform:none}body.notifications-open{overflow:hidden}.notification-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px;color:#fff;background:radial-gradient(circle at 15% 20%,#f784226b,transparent 34%),linear-gradient(135deg,#0d2235,#1c3549)}.notification-drawer-head>div{display:flex;align-items:center;gap:12px}.notification-drawer-head small,.notification-drawer-head strong{display:block}.notification-drawer-head small{color:#f5bd85;font-size:.68rem}.notification-drawer-head strong{font-size:1.25rem}.notification-brand-icon,.notification-drawer-head>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:14px;color:#fff;background:#ffffff14}.notification-drawer-head svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-live-order{margin:15px;padding:15px;border:1px solid #eb7f1f40;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f8fbbd);box-shadow:0 14px 32px #142c3e17}.tracker-heading{display:flex;justify-content:space-between}.tracker-heading small,.tracker-heading strong{display:block}.tracker-heading small{color:#d26109;font-size:.67rem;font-weight:900}.tracker-heading strong{color:#13283b}.tracker-heading>span{padding:7px 11px;border-radius:99px;color:#a34808;background:#fff0e1;font-size:.66rem;font-weight:900}.tracker-progress{height:5px;margin:14px 0 12px;border-radius:99px;background:#dfe7ed;overflow:hidden}.tracker-progress i{display:block;width:66%;height:100%;background:linear-gradient(90deg,#f06b0e,#ffab35)}.notification-live-order ol{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:0;list-style:none}.notification-live-order li{text-align:center;color:#81909d}.notification-live-order li b{width:30px;height:30px;margin:auto;display:grid;place-items:center;border:1px solid #dce5eb;border-radius:10px;background:#f7fafc}.notification-live-order li svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-live-order li span,.notification-live-order li small{display:block;font-size:.59rem;font-weight:900}.notification-live-order li.is-done{color:#198653}.notification-live-order li.is-current{color:#dd690f}.notification-live-order li.is-current b{color:#fff;background:#f27b18}.notification-live-order>a{display:block;margin-top:10px;color:#ca5806;font-size:.67rem;font-weight:900;text-align:left}.notification-toolbar{padding:5px 15px 10px;border-bottom:1px solid #152f4214}.notification-filters{display:flex;gap:5px;overflow:auto}.notification-filters button{white-space:nowrap;padding:8px 10px;border:1px solid #dde5eb;border-radius:99px;color:#596b79;background:#ffffffc2;font:inherit;font-size:.63rem;font-weight:900}.notification-filters button.is-active{color:#fff;background:#152b3d}.notification-read-all{margin-top:8px;border:0;color:#d35e08;background:none;font:inherit;font-size:.62rem;font-weight:900}.notification-list{flex:1;overflow:auto;padding:5px 15px 18px}.notification-item{display:grid;grid-template-columns:43px 1fr 9px;gap:11px;margin-top:9px;padding:13px;border:1px solid #18354b1a;border-radius:17px;background:#ffffffb8}.notification-item.is-unread{background:linear-gradient(135deg,#fff9f2,#fff);border-color:#ec7e1c3d}.notification-item-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#28445a}.notification-item-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.tone-orange .notification-item-icon{background:#f17a16}.tone-blue .notification-item-icon{background:#2784df}.tone-green .notification-item-icon{background:#1d9862}.tone-gold .notification-item-icon{background:#d59a26}.tone-purple .notification-item-icon{background:#7859c7}.tone-red .notification-item-icon{background:#d75048}.notification-item-title{display:flex;justify-content:space-between;gap:8px}.notification-item-title strong{color:#152a3c;font-size:.76rem}.notification-item-title small{color:#82909b;font-size:.56rem}.notification-item p{margin:4px 0 6px;color:#637583;font-size:.65rem;line-height:1.7}.notification-item a{color:#ce5a06;font-size:.62rem;font-weight:900}.notification-dot{align-self:center;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:transparent}.notification-item.is-unread .notification-dot{background:#f17b1c;box-shadow:0 0 0 5px #f17b1c1c}.notification-empty{padding:35px;text-align:center;color:#71828f}.notification-drawer-footer{display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid #17334817;background:#ffffffb8;font-size:.6rem}.notification-drawer-footer a{color:#cc5b08;font-weight:900}@media(max-width:680px){.account-notification-trigger{width:40px;height:40px}.account-notification-drawer{width:100%}.notification-live-order{margin:12px}.notification-toolbar,.notification-list{padding-inline:12px}}

/* CUSTOMER_NOTIFICATION_PREFERENCES_V2 */
.account-notification-trigger.is-muted{opacity:.62}.account-notification-trigger.is-muted:after{content:"";position:absolute;width:24px;height:2px;border-radius:8px;background:#ff9a39;transform:rotate(-43deg)}
.notification-order-tabs{display:flex;gap:7px;margin-bottom:14px;overflow:auto}.notification-order-tabs button{min-width:112px;padding:9px 11px;border:1px solid #d9e4eb;border-radius:13px;color:#536a7b;background:#ffffffd1;font:inherit;font-size:.67rem;font-weight:900;text-align:right}.notification-order-tabs button small{display:block;margin-top:2px;color:#8998a3;font-size:.52rem}.notification-order-tabs button.is-active{border-color:#f18a2e;color:#fff;background:linear-gradient(135deg,#e9680c,#ff9d27);box-shadow:0 8px 20px #ef771e38}.notification-order-tabs button.is-active small{color:#fff7ee}
.notification-item-icon svg,.notification-live-order svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.notification-preferences{position:absolute;inset:0;z-index:4;overflow:auto;padding:20px;background:linear-gradient(155deg,#f8fbfdf7,#fff8f0f2);backdrop-filter:blur(22px)}.notification-preferences[hidden]{display:none}.notification-preferences-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:19px;color:#fff;background:radial-gradient(circle at 12% 18%,#ef85235e,transparent 40%),linear-gradient(135deg,#10263a,#1d394f)}.notification-preferences-head small,.notification-preferences-head strong{display:block}.notification-preferences-head small{color:#ffc17e;font-size:.66rem}.notification-preferences-head strong{font-size:1.25rem}.notification-preferences-head button{width:40px;height:40px;border:1px solid #ffffff30;border-radius:13px;color:#fff;background:#ffffff12;font-size:1.4rem}
.notification-master-toggle,.notification-preference-grid label{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #17364b1f;background:#ffffffd4}.notification-master-toggle{margin:16px 0;padding:17px;border-radius:18px}.notification-master-toggle span b,.notification-master-toggle span small,.notification-preference-grid span b,.notification-preference-grid span small{display:block}.notification-master-toggle span b,.notification-preference-grid span b{color:#172e40}.notification-master-toggle span small,.notification-preference-grid span small{margin-top:3px;color:#71828f;font-size:.61rem}.notification-master-toggle input,.notification-preference-grid input{position:absolute;opacity:0;pointer-events:none}.notification-master-toggle>i{position:relative;width:74px;height:35px;flex:0 0 auto;border-radius:99px;background:#d7e0e6;transition:.2s}.notification-master-toggle>i:after{content:"";position:absolute;top:4px;right:4px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #15304438;transition:.2s}.notification-master-toggle em,.notification-master-toggle i b{position:absolute;top:9px;font:normal 800 .58rem sans-serif}.notification-master-toggle em{left:10px;color:#778894}.notification-master-toggle i b{right:9px;color:#697b88}.notification-master-toggle input:checked+i{background:linear-gradient(90deg,#ed690c,#ffa32e)}.notification-master-toggle input:checked+i:after{transform:translateX(-39px)}.notification-master-toggle input:checked+i em{color:#fff}.notification-master-toggle input:checked+i b{opacity:0}
.notification-preference-grid{display:grid;gap:9px}.notification-preference-grid label{padding:14px;border-radius:16px}.notification-preference-grid label i{position:relative;width:47px;height:27px;flex:0 0 auto;border-radius:99px;background:#d7e0e6;transition:.2s}.notification-preference-grid label i:after{content:"";position:absolute;top:3px;right:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #18344830;transition:.2s}.notification-preference-grid input:checked+i{background:#f17a16}.notification-preference-grid input:checked+i:after{transform:translateX(-20px)}.notification-preference-grid input:disabled+i{opacity:.42}.notification-drawer-footer a{cursor:pointer}
.notifications-disabled .notification-list,.notifications-disabled .notification-toolbar{opacity:.42;filter:grayscale(.7);pointer-events:none}

/* CUSTOMER_NOTIFICATION_POLISH_V3 */
.account-notification-drawer, .account-notification-drawer button, .account-notification-drawer a { font-family: "Tajawal", "Noto Kufi Arabic", "Segoe UI", Arial, sans-serif; }
.account-notification-drawer { font-weight: 600; color: #13283a; }
.account-notification-drawer strong, .account-notification-drawer b, .account-notification-drawer button, .account-notification-drawer a { font-weight: 800; }
.notification-live-order { border: 1px solid rgba(244,121,32,.42); box-shadow: 0 18px 42px rgba(16,37,55,.13), inset 0 1px rgba(255,255,255,.9); }
.notification-live-order .tracker-heading { padding: 12px 14px; border: 1px solid rgba(23,37,51,.13); border-radius: 16px; background: rgba(255,255,255,.88); }
.notification-live-order .tracker-heading strong { display:inline-flex; padding:7px 12px; border-radius:10px; color:#10283c; background:#fff; border:1px solid rgba(244,121,32,.42); box-shadow:0 7px 18px rgba(20,40,58,.1); font-size:1.12rem; font-weight:900; }
.notification-live-order.is-complete .tracker-heading > span { min-width:88px; padding:9px 15px; border-radius:11px; color:#fff; background:linear-gradient(135deg,#087b4d,#22bb79); border:1px solid rgba(255,255,255,.55); box-shadow:0 9px 24px rgba(11,141,88,.3); text-align:center; font-weight:900; }
.notification-live-order ol { gap:9px; }
.notification-live-order ol li { min-height:74px; padding:11px 8px; border:1px solid rgba(22,52,74,.17); border-radius:14px; background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(242,247,251,.94)); box-shadow:0 8px 18px rgba(20,40,58,.08); font-weight:800; }
.notification-live-order ol li.is-done { color:#08784b; border-color:rgba(15,155,95,.38); background:linear-gradient(155deg,#f2fff8,#e4f8ee); }
.notification-live-order ol li.is-current { color:#a74600; border-color:rgba(255,126,22,.76); background:linear-gradient(155deg,#fff8f0,#ffe3c5); box-shadow:0 10px 24px rgba(245,116,20,.24); }
.notification-live-order.is-complete ol li:last-child { color:#fff; border-color:#24bd7a; background:linear-gradient(145deg,#087b4d,#21b878); box-shadow:0 12px 26px rgba(10,137,84,.32); }
.notification-live-order > a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 17px; border-radius:12px; color:#fff; background:linear-gradient(135deg,#e96708,#ff951d); border:1px solid rgba(255,255,255,.7); box-shadow:0 9px 22px rgba(238,107,11,.24); font-weight:900; text-decoration:none; }
.notification-read-all { min-height:40px; padding:0 15px; border:1px solid rgba(237,109,12,.48); border-radius:12px; background:#fff; box-shadow:0 6px 16px rgba(20,40,58,.09); color:#152b3e; font-weight:900; }
.notification-drawer-footer { gap:9px; padding:10px 14px; background:rgba(255,255,255,.97); border-top:1px solid rgba(23,37,51,.14); box-shadow:0 -10px 28px rgba(18,39,56,.11); }
.notification-drawer-footer span, .notification-drawer-footer a { min-height:40px; display:inline-flex; align-items:center; padding:0 12px; border-radius:11px; border:1px solid rgba(23,37,51,.15); background:#fff; color:#162c3f; font-weight:900; }
.notification-drawer-footer a { color:#fff; border-color:#ee7412; background:linear-gradient(135deg,#e86608,#ff941d); text-decoration:none; }
.notification-card h3, .notification-card p, .notification-card time { font-weight:700; letter-spacing:0; }

.notification-order-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:4px; }
.notification-order-tabs button { min-height:62px; padding:10px 8px; border:1px solid rgba(20,49,70,.17); border-radius:14px; background:linear-gradient(155deg,#fff,#f2f7fa); color:#173247; box-shadow:0 7px 18px rgba(18,42,61,.08); font-size:.88rem; font-weight:900; line-height:1.45; }
.notification-order-tabs button small { display:block; margin-top:3px; color:#516b7d; font-size:.73rem; font-weight:800; }
.notification-order-tabs button[aria-selected="true"], .notification-order-tabs button.is-active { color:#fff; border-color:#ff8b1d; background:linear-gradient(135deg,#e86708,#ff951d); box-shadow:0 10px 24px rgba(239,109,12,.28); transform:translateY(-1px); }
.notification-order-tabs button[aria-selected="true"] small, .notification-order-tabs button.is-active small { color:#fff; }

/* CUSTOMER_NOTIFICATION_STATUS_FIX_V4 */
.notification-live-order .tracker-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.notification-live-order .tracker-heading>div{min-width:0}
.notification-live-order .tracker-heading>span{width:auto;min-width:0;max-width:142px;min-height:38px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;align-self:center;border:1px solid rgba(240,112,18,.46);border-radius:11px;color:#a44708;background:linear-gradient(145deg,#fff8ef,#ffe7ce);box-shadow:0 7px 18px rgba(231,103,11,.14);font-size:.76rem;font-weight:900;line-height:1.35;text-align:center;white-space:normal}
.notification-live-order:not(.is-complete) ol li:last-child{color:#51697b;border-color:rgba(37,74,100,.22);background:linear-gradient(155deg,#fff,#edf4f8);box-shadow:0 8px 18px rgba(20,49,70,.08)}
.notification-live-order:not(.is-complete) ol li:last-child b{color:#536f82;border-color:rgba(37,74,100,.24);background:#f7fbfd}
.notification-live-order:not(.is-complete) ol li:last-child span{color:#334f64}
.notification-live-order:not(.is-complete) ol li:last-child small{color:#7a8d9b}
@media(max-width:420px){.notification-live-order .tracker-heading{grid-template-columns:1fr}.notification-live-order .tracker-heading>span{max-width:100%;justify-self:start}}
/* CUSTOMER_NOTIFICATION_COMPLETE_STAGE_FIX_V5 */
.notification-live-order.is-complete ol li:last-child,
.notification-live-order.is-complete ol li:last-child.is-current{
  color:#14764d;
  border-color:rgba(32,177,113,.38);
  background:linear-gradient(155deg,#f1fff8,#e2f8ed);
  box-shadow:0 9px 20px rgba(24,148,93,.14);
}
.notification-live-order.is-complete ol li:last-child b,
.notification-live-order.is-complete ol li:last-child.is-current b{
  color:#24b878;
  border-color:rgba(36,184,120,.34);
  background:#edfff6;
  box-shadow:0 4px 12px rgba(36,184,120,.14);
}
.notification-live-order.is-complete ol li:last-child span,
.notification-live-order.is-complete ol li:last-child small{
  color:#14764d;
}
/* CUSTOMER_NOTIFICATION_COMPLETE_ICON_FIX_V6 */
.notification-live-order.is-complete ol li:last-child b,
.notification-live-order.is-complete ol li:last-child.is-current b{
  width:38px;
  height:38px;
  color:#09a965;
  border:2px solid rgba(25,190,117,.48);
  background:linear-gradient(145deg,#f3fff9,#d9f9e9);
  box-shadow:0 0 0 4px rgba(35,190,119,.09),0 7px 18px rgba(23,167,102,.2);
}
.notification-live-order.is-complete ol li:last-child b svg,
.notification-live-order.is-complete ol li:last-child.is-current b svg{
  width:21px;
  height:21px;
  stroke-width:2.4;
}