/* Bespoke porcelain icons on matte black; preserves the five real nav actions. */
.store-shell{--bn-panel:#191a18;--bn-edge:#b7a071;--bn-text:#cbc8bf}
.shop-dock{overflow:visible!important}
.shop-dock>.bespoke-nav,.shop-dock>.bespoke-legacy{position:relative;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;width:100%;height:auto;min-height:82px;margin:0;padding:7px 2px calc(5px + env(safe-area-inset-bottom,0px));gap:0;background:linear-gradient(180deg,#222320,var(--bn-panel) 23%,#151614);border:0;border-top:1px solid #393a35;border-radius:17px 17px 0 0;box-shadow:0 -5px 18px #17181624,inset 0 1px 0 #ffffff0a;overflow:visible}
html[data-store-theme=old] .shop-dock>.bespoke-nav:not(.legacy-only){display:none!important}
.shop-dock .bespoke-nav :is(button,a),.shop-dock .bespoke-legacy :is(button,a){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:4px 0;border:0;border-radius:8px;background:transparent!important;box-shadow:none!important;color:var(--bn-text);font:500 .625rem/1.15 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.shop-dock .bespoke-nav :is(button,a)[aria-current=page],.shop-dock .bespoke-legacy :is(button,a)[aria-current=page]{color:#fff}
.bespoke-nav .bn-ico,.bespoke-legacy .bn-ico,.bespoke-nav .dock-bag,.bespoke-legacy .dock-bag{position:relative;display:block;width:38px;height:38px;margin:0!important;transform:none!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none}
.bespoke-nav .bn-icon,.bespoke-legacy .bn-icon{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.bespoke-nav .bn-label,.bespoke-legacy .bn-label{display:block;max-width:100%;overflow:visible;white-space:nowrap;text-overflow:clip;color:inherit}
.shop-dock .bespoke-nav :is(button,a)[aria-current=page] .bn-label,.shop-dock .bespoke-legacy :is(button,a)[aria-current=page] .bn-label{font-weight:700}
.shop-dock .bespoke-nav :is(button,a)[aria-current=page]::after,.shop-dock .bespoke-legacy :is(button,a)[aria-current=page]::after{content:"";position:absolute;bottom:0;left:calc(50% - 7px);width:14px;height:2px;border-radius:2px;background:var(--bn-edge)}
.bespoke-nav :is(button,a):active .bn-icon,.bespoke-legacy :is(button,a):active .bn-icon{opacity:.8}
.shop-dock .bespoke-nav :is(button,a):focus-visible,.shop-dock .bespoke-legacy :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:-2px}
.bespoke-nav .bn-whatsapp[aria-disabled=true],.bespoke-legacy .bn-whatsapp[aria-disabled=true]{opacity:.55;cursor:default}
.bespoke-nav .dock-total,.bespoke-legacy .dock-total{display:none!important}
/* Muted brass badges, never saturated orange or green. */
.shop-dock .bespoke-nav :is(.favorite-count,.cart-count,.order-badge),.shop-dock .bespoke-legacy :is(.favorite-count,.cart-count,.order-badge){position:absolute;top:-2px;right:-6px;min-width:16px;height:16px;padding:0 4px;border:0;border-radius:8px;background:#b7a071!important;color:#211f19!important;font:700 .625rem/16px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--bn-panel)}
.shop-dock .bespoke-nav .dock-bag .cart-count,.shop-dock .bespoke-legacy .dock-bag .cart-count{top:-2px!important;right:-6px!important}
.shop-dock .bespoke-nav :is(.favorite-count,.cart-count,.order-badge)[hidden],.shop-dock .bespoke-legacy :is(.favorite-count,.cart-count,.order-badge)[hidden]{display:none!important}
/* Space: no raised element, so no extra clearance needed */
.store-shell[data-purchase-dock=true] .shop-dock>.purchase-dock{padding-bottom:12px}
@media(max-width:380px){.bespoke-nav .bn-ico,.bespoke-legacy .bn-ico,.bespoke-nav .dock-bag,.bespoke-legacy .dock-bag{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.bespoke-nav *,.bespoke-legacy *{transition:none!important;animation:none!important}}
/* Invoice/payment actions sit above the actual dock, not the former 60px nav.
   No white strip: only the green button intercepts touches. */
.store-shell:is([data-route=invoice],[data-route=payment]) .store-content .checkout-fixed-action{
  position:fixed;left:0;right:0;
  bottom:calc(var(--shop-dock-height,calc(82px + env(safe-area-inset-bottom,0px))) + 8px);
  width:100%;max-width:760px;margin:0 auto;
  padding:0 16px!important;background:transparent!important;
  border:0!important;box-shadow:none!important;backdrop-filter:none;
  pointer-events:none;z-index:70;
}
.store-shell:is([data-route=invoice],[data-route=payment]) .store-content .checkout-fixed-action>.primary-button{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:52px;margin:0;border-radius:12px;
  pointer-events:auto;
}
.store-shell:is([data-route=invoice],[data-route=payment]){
  padding-bottom:calc(var(--shop-dock-height,calc(82px + env(safe-area-inset-bottom,0px))) + 84px);
}