/* Gold Sylone V88 — professional customer drawer + notification control */
@media (max-width:760px){
  body.public-app .gs88-mobile-nav{z-index:6500!important;background:transparent!important;}
  body.public-app .gs88-mobile-nav .mobile-nav-backdrop{display:block!important;background:rgba(10,8,6,.48)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
  body.public-app .gs88-menu-panel{
    left:auto!important;right:0!important;top:0!important;width:min(392px,92vw)!important;max-width:92vw!important;height:100dvh!important;max-height:100dvh!important;
    padding:max(10px,env(safe-area-inset-top)) 0 calc(10px + env(safe-area-inset-bottom))!important;
    border-radius:28px 0 0 28px!important;background:#f7f5f1!important;box-shadow:-24px 0 60px rgba(15,10,5,.24)!important;
    transform:translateX(105%)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
  }
  body.public-app .gs88-mobile-nav.open .gs88-menu-panel{transform:translateX(0)!important;}

  .gs88-menu-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px 12px;border-bottom:1px solid #e7e0d7;background:rgba(247,245,241,.98);}
  .gs88-menu-brand{display:flex;align-items:center;gap:10px;min-width:0}.gs88-menu-brand img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:#090806;flex:0 0 44px}.gs88-menu-brand span{min-width:0}.gs88-menu-brand strong,.gs88-menu-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs88-menu-brand strong{font-family:'Playfair Display',serif;font-size:18px;line-height:1.05;color:#1e1813}.gs88-menu-brand small{font-size:9px;color:#7c7369;margin-top:4px;max-width:220px}
  .gs88-menu-close{width:40px;height:40px;border:1px solid #e7ded2;background:#fff;border-radius:50%;display:grid;place-items:center;color:#261f18;font-size:25px;line-height:1;box-shadow:0 6px 18px rgba(25,17,9,.06);cursor:pointer;flex:0 0 40px}

  .gs88-menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:12px 14px 18px;scrollbar-width:none}.gs88-menu-scroll::-webkit-scrollbar{display:none}
  .gs88-account-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;background:linear-gradient(145deg,#17120e,#312316);color:#fff;border-radius:20px;padding:12px 12px;margin-bottom:10px;box-shadow:0 12px 30px rgba(28,19,10,.12)}
  .gs88-account-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:#f3e4c8;color:#8f6421;font-size:20px}.gs88-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .gs88-account-card>div{min-width:0}.gs88-account-card small,.gs88-account-card strong,.gs88-account-card span{display:block}.gs88-account-card small{font-size:7.5px;letter-spacing:.13em;color:#dfbd76;font-weight:800}.gs88-account-card strong{font-size:13px;line-height:1.2;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs88-account-card span{font-size:9px;color:#cbc0b4}.gs88-account-card>a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:11px;text-decoration:none;background:#e2b44f;color:#21170b!important;font-size:9px;font-weight:800}
  .gs88-login-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;color:#fff!important;background:linear-gradient(145deg,#17120e,#312316);border-radius:20px;padding:13px;margin-bottom:10px}.gs88-login-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1dfbd;color:#8d6220;font-size:19px}.gs88-login-card div{min-width:0}.gs88-login-card small,.gs88-login-card strong,.gs88-login-card em{display:block}.gs88-login-card small{font-size:7px;color:#d8b86e;letter-spacing:.12em;font-weight:800}.gs88-login-card strong{font-size:13px;margin:2px 0}.gs88-login-card em{font-size:8.5px;font-style:normal;color:#c9c0b7}.gs88-login-card>b{font-size:22px;font-weight:400;color:#d8c9b6}

  .gs88-branch-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e8dfd2;background:#fff;border-radius:16px;padding:10px 11px;text-align:left;color:#2a241e;margin:0 0 16px;cursor:pointer;box-shadow:0 5px 18px rgba(38,27,17,.035)}.gs88-branch-row>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f5ecdc;color:#9b6d25}.gs88-branch-row div{min-width:0}.gs88-branch-row small,.gs88-branch-row strong{display:block}.gs88-branch-row small{font-size:7px;letter-spacing:.1em;color:#9b7b4b;font-weight:800}.gs88-branch-row strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs88-branch-row b{font-size:8.5px;color:#8f6829}

  .gs88-menu-section-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:4px 3px 8px}.gs88-menu-section-head span{font-size:8px;letter-spacing:.13em;color:#9c702c;font-weight:900}.gs88-menu-section-head small{font-size:7.5px;color:#938a80;text-align:right;max-width:190px;line-height:1.35}
  .gs88-menu-list{display:grid;gap:7px;margin-bottom:15px}.gs88-menu-list>a,.gs88-menu-list>button{width:100%;min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e9e2da;background:#fff;border-radius:16px;padding:9px 10px;text-decoration:none;color:#2b251f!important;text-align:left;box-shadow:0 5px 16px rgba(34,24,15,.03);cursor:pointer;position:relative}.gs88-menu-list>a>i,.gs88-menu-list>button>i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f7f1e7;color:#9b6e28;font-style:normal;font-size:18px}.gs88-menu-list div{min-width:0}.gs88-menu-list strong,.gs88-menu-list small{display:block}.gs88-menu-list strong{font-size:11.5px;line-height:1.2}.gs88-menu-list small{font-size:8.3px;line-height:1.35;color:#81786f;margin-top:2px}.gs88-menu-list>a>b,.gs88-menu-list>button>b{font-size:22px;color:#aaa198;font-weight:400;line-height:1}.gs88-menu-list>a.is-pass{border-color:#d9bd7d;background:linear-gradient(145deg,#fffaf1,#fbf0d9)}.gs88-menu-list>a.is-pass>em{position:absolute;right:35px;top:9px;font-style:normal;font-size:7px;background:#1d1813;color:#edc76f;border-radius:999px;padding:3px 5px;font-weight:900}.gs88-menu-list>a.is-book{background:linear-gradient(145deg,#1b1612,#302318);color:#fff!important;border-color:#44311f}.gs88-menu-list>a.is-book>i{background:#d9a847;color:#1e160d}.gs88-menu-list>a.is-book small{color:#d2c7ba}.gs88-menu-list>a.is-book>b{color:#dfc497}
  .gs88-menu-list-secondary{margin-bottom:10px}

  .gs88-notification-row>span[data-gs-web-push-badge]{justify-self:end;border-radius:999px;padding:5px 7px;background:#f3eee5;color:#756d63;font-size:7px;font-weight:900;letter-spacing:.02em}.gs88-notification-row.is-on{border-color:#b9d4b7;background:#f8fcf7}.gs88-notification-row.is-on>i{background:#e7f4e5;color:#39713b}.gs88-notification-row.is-on>span[data-gs-web-push-badge]{background:#e5f2e3;color:#39713b}.gs88-notification-row.is-blocked{border-color:#e3c0bd;background:#fff9f8}.gs88-notification-row.is-blocked>i{background:#f9e8e5;color:#9d4a42}.gs88-notification-row.is-blocked>span[data-gs-web-push-badge]{background:#f7e6e3;color:#9d4a42}.gs88-notification-row.is-setup{border-color:#e6d0a0;background:#fffaf0}.gs88-notification-row.is-setup>span[data-gs-web-push-badge]{background:#f8e9c7;color:#8d6424}

  .gs88-menu-mini-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.gs88-menu-mini-actions>a{min-width:0;text-decoration:none;color:#302922!important;background:#fff;border:1px solid #e9e2da;border-radius:15px;padding:10px 7px;display:flex;align-items:center;gap:7px;justify-content:center}.gs88-menu-mini-actions span{width:28px;height:28px;border-radius:9px;background:#f5eee2;color:#946929;display:grid;place-items:center;flex:0 0 28px}.gs88-menu-mini-actions strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .gs88-menu-footer{flex:0 0 auto;display:flex;gap:9px;padding:10px 14px 2px;background:linear-gradient(180deg,rgba(247,245,241,0),#f7f5f1 22%);border-top:1px solid #e7e0d7}.gs88-primary-book{flex:1;min-height:48px;border-radius:15px;background:linear-gradient(135deg,#d8a640,#e6bd67);display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:#21170c!important;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(177,127,39,.16)}.gs88-primary-book span{font-size:20px;font-weight:400}.gs88-whatsapp-mini{width:48px;min-height:48px;border-radius:15px;background:#fff;border:1px solid #dfe6db;color:#278c48!important;text-decoration:none;display:grid;place-items:center;font-size:21px}

  /* Web-push feedback shown outside the drawer too. */
  .gs-web-push-inline-note{position:fixed;left:14px;right:14px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:100020;max-width:520px;margin:auto;background:#17130f;color:#fff;border:1px solid #c7993d;border-radius:16px;padding:12px 14px;box-shadow:0 18px 48px rgba(20,14,8,.28);font-size:11px;line-height:1.5;opacity:0;transform:translateY(16px);pointer-events:none;transition:.22s ease}.gs-web-push-inline-note.show{opacity:1;transform:none}.gs-web-push-inline-note strong{display:block;color:#efc96f;margin-bottom:2px}
}
@media(max-width:370px){
  body.public-app .gs88-menu-panel{width:94vw!important;max-width:94vw!important}.gs88-menu-scroll{padding-left:11px;padding-right:11px}.gs88-menu-mini-actions strong{font-size:7.8px}.gs88-menu-section-head small{display:none}
}