:root{--customer-sidebar-width:64px}
.customer-store-with-sidebar{padding-inline-start:var(--customer-sidebar-width);box-sizing:border-box}
.customer-store-with-sidebar .store-header{grid-template-columns:auto minmax(0,1fr)}
.customer-store-with-sidebar .discovery-home,.customer-store-with-sidebar .discovery-recommendations,.customer-store-with-sidebar .discovery-rail{min-width:0;max-width:100%}
.customer-store-with-sidebar .discovery-rail-products{width:100%;min-width:0}
.customer-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--customer-sidebar-width);z-index:120;color:#172847;font:inherit;box-sizing:border-box}
.customer-sidebar *{box-sizing:border-box}
.customer-sidebar [hidden]{display:none!important}
.customer-sidebar button,.customer-sidebar a{font:inherit;-webkit-tap-highlight-color:transparent}
.customer-sidebar button{cursor:pointer}
.customer-sidebar :focus-visible{outline:3px solid #7594ff;outline-offset:3px}
.customer-sidebar-rail{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;height:100%;padding:20px 6px;border-inline-end:1px solid #e5eaf4;background:linear-gradient(180deg,#fff 0%,#f4f7fd 100%);box-shadow:0 0 18px #132b5910}
.customer-sidebar-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:50px;min-height:64px;padding:9px 3px;border:0;border-radius:13px;background:#edf2ff;color:#214bec;text-align:center;font-size:11px!important;font-weight:700!important;line-height:1.4}
.customer-sidebar-trigger:hover,.customer-sidebar-trigger[aria-expanded=true]{background:#214bec;color:#fff}
.customer-sidebar-trigger .icon{flex:none}
.customer-sidebar-layer{position:fixed;inset:0;z-index:1}
.customer-sidebar-backdrop{position:absolute;inset:0;background:#0f234951;backdrop-filter:blur(2px);touch-action:none}
.customer-sidebar-panel{position:absolute;inset-block:12px;inset-inline-start:var(--customer-sidebar-width);display:flex;align-items:stretch;max-width:calc(100% - var(--customer-sidebar-width) - 12px);border-radius:18px;box-shadow:0 16px 65px #12234436;isolation:isolate}
.customer-sidebar-drawer{display:flex;flex-direction:column;width:280px;min-width:0;max-width:100%;background:#fff;border:1px solid #e3e9f3;border-radius:18px;overflow:hidden}
.customer-sidebar[data-branch-open=true] .customer-sidebar-drawer{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}
.customer-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 18px 17px;border-bottom:1px solid #edf0f6}
.customer-sidebar-heading h2{margin:0;min-width:0;font-size:18px;font-weight:800;line-height:1.6}
.customer-sidebar-close{display:grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid #e1e7f1;border-radius:11px;background:#fff;color:#53617c}
.customer-sidebar-close:hover{background:#edf2ff;color:#214bec}
.customer-sidebar-primary{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:12px}
.customer-sidebar-browse,.customer-sidebar-actions{flex:none}
.customer-sidebar-categories{flex:1;min-height:70px;overflow:auto;overscroll-behavior:contain}
body:has(.customer-sidebar-trigger[aria-expanded=true]){overflow:hidden}
.customer-sidebar-browse{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px;border:0;border-radius:11px;background:#214bec;color:#fff;text-align:start;font-size:14px!important;font-weight:700!important}
.customer-sidebar-browse .icon{flex:none}
.customer-sidebar-categories{display:block;margin:0;padding:20px 0 12px}
.customer-sidebar-section-title{margin:0 12px 9px;color:#8490a5;font-size:11px;font-weight:700;letter-spacing:.025em}
.customer-sidebar-category-list{display:grid;width:100%;gap:4px;margin:0;padding:0;list-style:none}
.customer-sidebar-category-list>li{min-width:0}
.customer-sidebar-category{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#263753;text-align:start;font-size:14px!important;line-height:1.7}
.customer-sidebar-category-label{min-width:0;overflow-wrap:anywhere}
.customer-sidebar-category .icon{flex:none;color:#8593ac}
.customer-sidebar[dir=rtl] .customer-sidebar-category>.icon-chevron,.customer-sidebar[dir=rtl] .customer-sidebar-view-all>.icon-chevron{transform:rotate(180deg)}
.customer-sidebar-category:hover,.customer-sidebar-category[aria-expanded=true]{background:#eef3ff;color:#214bec}
.customer-sidebar-category[aria-expanded=true]{font-weight:700}
.customer-sidebar-category[aria-expanded=true]>.icon{color:#214bec}
.customer-sidebar-actions{display:grid;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid #e6ebf4}
.customer-sidebar-actions .customer-sidebar-action{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:46px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#52617b;text-align:start;text-decoration:none;font-size:13px;line-height:1.7}
.customer-sidebar-actions .customer-sidebar-action>.icon{flex:none;color:#6980aa}
.customer-sidebar-actions .customer-sidebar-action>span:not(.store-count){min-width:0;overflow-wrap:anywhere}
.customer-sidebar-actions .customer-sidebar-action:hover,.customer-sidebar-actions .customer-sidebar-action[aria-current=page]{background:#eef3ff;color:#214bec}
.customer-sidebar-actions .store-count{position:static!important;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:21px;height:21px;margin-inline-start:auto;padding:0 5px;border-radius:20px;background:#e8eeff;color:#214bec;font-size:11px;line-height:1;transform:none!important}
.customer-sidebar-flyout{display:block;width:320px;min-width:0;margin:0;padding:20px 16px;background:#fbfcff;border:1px solid #e3e9f3;border-radius:0;border-start-end-radius:18px;border-end-end-radius:18px;overflow:auto;overscroll-behavior:contain}
.customer-sidebar-back{display:flex;align-items:center;gap:7px;min-height:38px;padding:4px 7px;border:0;border-radius:8px;background:transparent;color:#6c7d99;font-size:12px!important}
.customer-sidebar[dir=rtl] .customer-sidebar-back>.icon{transform:rotate(180deg)}
.customer-store .customer-sidebar[dir=ltr] .customer-sidebar-back>.icon-arrow{transform:none}
.customer-sidebar-back:hover{background:#edf2ff;color:#214bec}
.customer-sidebar-branch-title{margin:14px 10px 3px;font-size:19px;line-height:1.7;overflow-wrap:anywhere}
.customer-sidebar-view-all{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin-bottom:13px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#214bec;text-align:start;font-size:12px!important;font-weight:700!important}
.customer-sidebar-view-all:hover{background:#eaf0ff}
.customer-sidebar-subtree{margin:3px 10px 12px;padding-inline-start:10px;border-inline-start:2px solid #dce5ff}
.customer-sidebar-nested-all{margin-bottom:2px;min-height:38px;font-size:11px!important}
.customer-sidebar-nested .customer-sidebar-category{font-size:13px!important}
.customer-sidebar-status{margin:10px 12px;color:#75829a;font-size:13px;line-height:1.9}
.customer-sidebar-retry{min-height:42px;margin:0 10px;padding:8px 13px;border:1px solid #d4def7;border-radius:9px;background:#eef3ff;color:#214bec;font-size:13px!important}
@media(max-width:767px){
  :root{--customer-sidebar-width:56px}
  .customer-sidebar-rail{padding:12px 4px}
  .customer-sidebar-trigger{width:46px;min-height:58px;font-size:10px!important}
  .customer-sidebar-panel{inset-block:8px;max-width:calc(100% - var(--customer-sidebar-width) - 8px);width:330px;flex-direction:column;background:#fff;border-radius:15px;overflow:hidden}
  .customer-sidebar-drawer{width:100%;max-width:none;min-height:0;border-radius:15px;flex:1}
  .customer-sidebar[data-branch-open=true] .customer-sidebar-drawer{flex:none;border:0;border-radius:0}
  .customer-sidebar-heading{padding:15px 12px}
  .customer-sidebar-heading h2{font-size:16px}
  .customer-sidebar-primary{padding:10px}
  .customer-sidebar-flyout{width:100%;min-height:0;padding:10px;background:#fff;border:0;border-radius:0}
  .customer-sidebar-category{font-size:13px!important;padding:10px;min-height:46px}
  .customer-sidebar-branch-title{font-size:17px}
  .customer-sidebar-actions .customer-sidebar-action{font-size:12px;padding:10px}
  .customer-sidebar-browse{font-size:13px!important;padding:10px;gap:9px}
  .customer-store-with-sidebar .store-header{grid-template-columns:minmax(0,1fr);gap:12px;padding-inline:12px}
  .customer-store-with-sidebar .store-header .store-search{min-width:0;width:100%}
  .customer-store-with-sidebar .customer-utility-bar{padding-inline:12px;gap:6px}
}
@media(prefers-reduced-motion:no-preference){.customer-sidebar-trigger,.customer-sidebar-category,.customer-sidebar-action{transition:background-color .14s ease,color .14s ease}.customer-sidebar-panel{animation:customer-sidebar-appear .16s ease-out}@keyframes customer-sidebar-appear{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}