/* AniTala RC33 — customer mobile drawer portal and unified SVG icon pack */
.sf-app-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:inherit}
.sf-app-icon svg{display:block;width:100%;height:100%;overflow:visible}
.sf-customer-sidebar-nav a>.sf-app-icon{grid-row:1/3;width:32px;height:32px;padding:7px;border-radius:11px;background:rgba(255,255,255,.045);color:#e6c76f}
.sf-customer-sidebar-nav a.is-active>.sf-app-icon{background:linear-gradient(135deg,#efd88d,#ad7924);color:#171208;box-shadow:0 8px 22px rgba(216,182,90,.22)}
.sf-customer-mobile-dock .sf-app-icon{width:22px;height:22px;padding:0;background:none;border-radius:0;color:inherit}
.sf-customer-mobile-dock .sf-app-icon svg{width:22px;height:22px}
.sf-customer-sidebar-close .sf-app-icon{width:20px;height:20px}
.sf-customer-menu-trigger .sf-app-icon{width:23px!important;height:23px!important;background:none!important}
.sf-customer-menu-trigger .sf-app-icon svg{width:23px;height:23px}

@media(max-width:780px){
  body.sf-customer-drawer-mounted>.sf-customer-sidebar[data-customer-sidebar]{
    display:grid!important;position:fixed!important;inset:0 0 0 auto!important;
    width:min(88vw,360px)!important;height:100dvh!important;max-height:none!important;
    margin:0!important;padding:max(58px,calc(env(safe-area-inset-top) + 52px)) 12px calc(14px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0!important;background:linear-gradient(180deg,#24231f 0%,#171612 100%)!important;
    box-shadow:-28px 0 80px rgba(0,0,0,.62)!important;z-index:5001!important;
    transform:translate3d(104%,0,0)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;
    overflow:hidden!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;
    pointer-events:none!important;visibility:visible!important;opacity:1!important;filter:none!important;isolation:isolate
  }
  html[dir="ltr"] body.sf-customer-drawer-mounted>.sf-customer-sidebar[data-customer-sidebar]{inset:0 auto 0 0!important;transform:translate3d(-104%,0,0)!important;box-shadow:28px 0 80px rgba(0,0,0,.62)!important}
  body.sf-customer-drawer-mounted.sf-customer-menu-open>.sf-customer-sidebar[data-customer-sidebar]{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar-backdrop{position:fixed!important;inset:0!important;margin:0!important;border:0!important;border-radius:0!important;background:rgba(5,5,6,.7)!important;backdrop-filter:none!important;z-index:5000!important;opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.sf-customer-drawer-mounted.sf-customer-menu-open>.sf-customer-sidebar-backdrop:not([hidden]){display:block!important;opacity:1;pointer-events:auto}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar-backdrop[hidden]{display:none!important}
  body.sf-customer-menu-open{overflow:hidden!important;touch-action:none}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav{display:grid!important;grid-template-columns:1fr!important;align-content:start!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding:4px!important;scrollbar-width:none}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav::-webkit-scrollbar{display:none}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav a{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:52px!important;padding:7px 9px!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav a>.sf-app-icon{width:32px!important;height:32px!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-close{display:grid!important;position:absolute!important;inset-block-start:max(12px,env(safe-area-inset-top))!important;inset-inline-start:12px!important;width:42px!important;height:42px!important;place-items:center!important;z-index:3!important}
  .sf-customer-mobile-toolbar{z-index:1100!important}
  .sf-customer-mobile-dock{z-index:1090!important}
  .sf-customer-mobile-toolbar>button.sf-customer-menu-trigger{display:grid!important;place-items:center!important;gap:0!important;color:#f2d47c!important}
  .sf-customer-mobile-toolbar>button.sf-customer-menu-trigger>span{display:grid!important;width:23px!important;height:23px!important;background:none!important;border-radius:0!important}
  .sf-customer-mobile-dock :is(a,button){min-height:54px!important;padding:3px 2px!important;border-radius:13px!important}
  .sf-customer-mobile-dock :is(a,button).is-active{background:rgba(216,182,90,.08)}
  .sf-customer-mobile-dock b{font-size:9px!important;line-height:1.25!important}
}
@media(max-width:780px) and (max-height:720px){
  body.sf-customer-drawer-mounted>.sf-customer-sidebar[data-customer-sidebar]{padding-top:max(52px,calc(env(safe-area-inset-top) + 46px))!important;gap:6px!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-progress{display:none!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav a{min-height:45px!important;padding-block:5px!important}
  body.sf-customer-drawer-mounted>.sf-customer-sidebar .sf-customer-sidebar-nav a>small{display:none!important}
}