/* Story Core — customer menu sheet (phones). Loaded with account.css on account pages, and on its own on other pages
   where the profile icon opens the sheet in place. */
/* menu icons: My Account menu, the hidden copy (.bdcs-navsrc) the sheet reads on other pages, and the account dropdown (.bdcs-am-nav) */
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--dashboard a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--orders a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l-1 13h-11z'/%3E%3Cpath d='M9 7.5V7a3 3 0 0 1 6 0v.5'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--track-my-order a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 9.5h4l3 3.2V16h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--downloads a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v11M7.5 10l4.5 4.5 4.5-4.5M5 20.5h14'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--edit-address a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.8-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 15.2 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.3'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--payment-methods a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--edit-account a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c0-3.8 3.4-5.8 7.5-5.8s7.5 2 7.5 5.8'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--returns a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 13.5 4.5 9 9 4.5'/%3E%3Cpath d='M4.5 9H15a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--reviews a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.6l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--customer-logout a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5h4a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4M10 16.5l4.5-4.5L10 7.5M14.5 12H3.5'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--wishlist a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--vouchers a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1V10a2 2 0 0 0 0 4v2.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V14a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14 6.5v11' stroke-dasharray='1.5 2'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--referrals a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M3 19.5c.6-3.2 3.1-5 6-5s5.4 1.8 6 5'/%3E%3Cpath d='M18.5 8v6M15.5 11h6'/%3E%3C/svg%3E")}
:is(body.woocommerce-account .woocommerce-MyAccount-navigation,.bdcs-navsrc,.bdcs-am-nav) .woocommerce-MyAccount-navigation-link--rewards a{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.8 2.5 5.1 5.6.8-4 4 .9 5.6-5-2.7-5 2.7.9-5.6-4-4 5.6-.8z'/%3E%3C/svg%3E")}
/* ---------- bottom sheet ---------- */
html.bdcs-sheet-lock,html.bdcs-sheet-lock body{overflow:hidden!important;overscroll-behavior:none}
.bdcs-sheet{position:fixed;inset:0;z-index:100000;font-family:var(--bdcs-font);color:var(--bdcs-text)}
.bdcs-sheet[hidden]{display:none}
.bdcs-sheet-dim{position:absolute;inset:0;background:color-mix(in srgb,var(--sb-ink) 42%,transparent);opacity:0;transition:opacity .26s ease;-webkit-tap-highlight-color:transparent}
.bdcs-sheet-p{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(88vh,88dvh);margin:0 auto;max-width:560px;background:var(--bdcs-bg);border-radius:calc(var(--bdcs-radius,14px)*1.714) calc(var(--bdcs-radius,14px)*1.714) 0 0;box-shadow:0 -18px 48px -12px color-mix(in srgb,var(--sb-ink) 35%,transparent);transform:translateY(105%);transition:transform .3s cubic-bezier(.22,.8,.26,1);will-change:transform}
.bdcs-sheet.is-open .bdcs-sheet-dim{opacity:1}
.bdcs-sheet.is-open .bdcs-sheet-p{transform:translateY(0)}
.bdcs-sheet-p.is-drag{transition:none}
.bdcs-sheet-top{flex:none;padding:calc(8px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));touch-action:none;background:linear-gradient(180deg,var(--bdcs-blush),var(--bdcs-bg));border-radius:calc(var(--bdcs-radius,14px)*1.714) calc(var(--bdcs-radius,14px)*1.714) 0 0}
.bdcs-sheet-grab{display:block;width:44px;height:5px;margin:2px auto calc(12px*var(--sb-sp,1));border-radius:5px;background:color-mix(in srgb,var(--sb-ink) 22%,transparent)}
.bdcs-sheet-me{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1))}
.bdcs-sheet-me .bdcs-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;line-height:1;background:var(--bdcs-primary);color:var(--bdcs-bg);box-shadow:0 0 0 3px var(--bdcs-card),0 0 0 4px color-mix(in srgb,var(--sb-copper) 50%,transparent)}
.bdcs-sheet-me>div{flex:1;min-width:0}
.bdcs-sheet-me strong{display:block;font-family:var(--bdcs-head);font-size:calc(19px*var(--sb-fs,1));font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdcs-sheet-me span{display:block;font-size:calc(12px*var(--sb-fs,1));letter-spacing:.04em;color:var(--bdcs-muted)}
.bdcs-sheet-x{position:relative;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--bdcs-card);box-shadow:0 1px 3px color-mix(in srgb,var(--sb-ink) 12%,transparent);cursor:pointer}
.bdcs-sheet-x::before,.bdcs-sheet-x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 calc(-8px*var(--sb-sp,1));border-radius:2px;background:var(--bdcs-text);transform:rotate(45deg)}
.bdcs-sheet-x::after{transform:rotate(-45deg)}
.bdcs-sheet-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:calc(8px*var(--sb-sp,1));margin-top:calc(14px*var(--sb-sp,1))}
.bdcs-sheet-q>a,.bdcs-sheet-q>button{display:flex;flex-direction:column;align-items:center;gap:calc(6px*var(--sb-sp,1));min-height:64px;margin:0;padding:calc(10px*var(--sb-sp,1)) calc(6px*var(--sb-sp,1));border:1px solid color-mix(in srgb,var(--sb-copper) 30%,transparent);border-radius:calc(var(--bdcs-radius,14px)*1.143);background:var(--bdcs-card);color:var(--bdcs-text)!important;font:inherit;font-size:calc(12px*var(--sb-fs,1));font-weight:500;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.bdcs-sheet-q>a:active,.bdcs-sheet-q>button:active{transform:scale(.96)}
/* the theme gives <button> a fixed height: let Chat stretch to the row like Shop and Track, and keep its icon square */
.bdcs-sheet-q>a,.bdcs-sheet-q>button{height:auto!important;align-self:stretch;justify-content:center;line-height:inherit}
.bdcs-sheet-q .bdcs-sq-i{flex:none}
.bdcs-sq-i{display:block;width:22px;height:22px;background:var(--bdcs-accent);-webkit-mask:var(--q) center/contain no-repeat;mask:var(--q) center/contain no-repeat}
.bdcs-sq-i.is-shop{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l-1 13h-11z'/%3E%3Cpath d='M9 7.5V7a3 3 0 0 1 6 0v.5'/%3E%3C/svg%3E")}
.bdcs-sq-i.is-track{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 9.5h4l3 3.2V16h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.bdcs-sq-i.is-chat{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-11.6 7.1L4 20l1-4A8 8 0 1 1 20 12z'/%3E%3C/svg%3E")}
.bdcs-sq-i.is-call{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.5h2.8l1.4 4.2-2 1.4a12 12 0 0 0 6.1 6.1l1.4-2 4.2 1.4v2.8a2 2 0 0 1-2.2 2A17 17 0 0 1 4.6 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E")}
.bdcs-sq-i.is-wa{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-11.6 7.1L4 20l1-4A8 8 0 1 1 20 12z'/%3E%3Cpath d='M9 9.5c0 3 2.5 5.5 5.5 5.5l1-1.5-2-1-1 .8a4 4 0 0 1-1.8-1.8l.8-1-1-2z'/%3E%3C/svg%3E")}
.bdcs-sheet-b{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(4px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1)) calc(calc(18px*var(--sb-sp,1)) + env(safe-area-inset-bottom))}
.bdcs-sheet-b section{margin-top:calc(12px*var(--sb-sp,1))}
.bdcs-sheet-b h3{margin:0 calc(6px*var(--sb-sp,1)) calc(6px*var(--sb-sp,1));font-family:var(--bdcs-font);font-size:calc(11px*var(--sb-fs,1));font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bdcs-muted)}
.bdcs-sheet-b ul{list-style:none;margin:0;padding:calc(4px*var(--sb-sp,1));background:var(--bdcs-card);border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*1.286)}
.bdcs-sheet-b li{position:relative;margin:0;padding:0;list-style:none}
.bdcs-sheet-b li+li::before{content:"";position:absolute;top:0;left:60px;right:12px;height:1px;background:var(--bdcs-border)}
.bdcs-sheet-b li:has(.is-on)::before,.bdcs-sheet-b li:has(.is-on)+li::before{display:none}
.bdcs-si{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));min-height:56px;padding:calc(8px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));border-radius:var(--bdcs-radius,14px);color:var(--bdcs-text)!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:background .15s}
.bdcs-si:active{background:color-mix(in srgb,var(--bdcs-blush) 60%,transparent)}
.bdcs-si-i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:calc(var(--bdcs-radius,14px)*0.857);background:color-mix(in srgb,var(--bdcs-blush) 70%,var(--bdcs-card))}
.bdcs-si-i::before{content:"";display:block;width:20px;height:20px;background:var(--bdcs-accent-ink);-webkit-mask:var(--i,none) center/contain no-repeat;mask:var(--i,none) center/contain no-repeat}
.bdcs-si-t{flex:1;min-width:0}
.bdcs-si-t b{display:block;font-weight:500;font-size:calc(15px*var(--sb-fs,1));line-height:1.25}
.bdcs-si-t small{display:block;margin-top:1px;font-size:calc(12px*var(--sb-fs,1));line-height:1.3;color:var(--bdcs-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdcs-si-b{color:var(--bdcs-accent-ink)!important;font-weight:500}
.bdcs-si-b.is-hot::before{content:"";display:inline-block;width:6px;height:6px;margin:0 calc(6px*var(--sb-sp,1)) 1px 0;border-radius:50%;background:var(--bdcs-accent);vertical-align:middle}
.bdcs-si-go{flex:none;width:8px;height:8px;margin-right:calc(6px*var(--sb-sp,1));border:solid var(--bdcs-taupe);border-width:1.6px 1.6px 0 0;transform:rotate(45deg)}
.bdcs-si.is-on{background:var(--bdcs-primary);color:var(--bdcs-bg)!important}
.bdcs-si.is-on .bdcs-si-i{background:color-mix(in srgb,var(--sb-porcelain) 12%,transparent)}
.bdcs-si.is-on .bdcs-si-i::before{background:var(--bdcs-accent)}
.bdcs-si.is-on small,.bdcs-si.is-on .bdcs-si-b{color:color-mix(in srgb,var(--sb-porcelain) 72%,transparent)!important}
.bdcs-si.is-on .bdcs-si-go{border-color:var(--bdcs-accent)}
.bdcs-sheet-out{display:flex;align-items:center;justify-content:center;gap:calc(8px*var(--sb-sp,1));min-height:50px;margin:calc(14px*var(--sb-sp,1)) 0 0;border:1px solid var(--bdcs-border);border-radius:calc(var(--bdcs-radius,14px)*1.143);color:var(--sb-brick-deep)!important;font-weight:500;text-decoration:none!important}
.bdcs-sheet-out::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5h4a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4M10 16.5l4.5-4.5L10 7.5M14.5 12H3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5h4a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4M10 16.5l4.5-4.5L10 7.5M14.5 12H3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.bdcs-sheet :is(a,button):focus{outline:none}.bdcs-sheet :is(a,button):focus-visible{outline:2px solid var(--bdcs-accent);outline-offset:2px}
@media(min-width:561px){.bdcs-sheet-p{bottom:16px;border-radius:calc(var(--bdcs-radius,14px)*1.714)}.bdcs-sheet-top{border-radius:calc(var(--bdcs-radius,14px)*1.714) calc(var(--bdcs-radius,14px)*1.714) 0 0}}
@media(prefers-reduced-motion:reduce){.bdcs-sheet-p,.bdcs-sheet-dim,.bdcs-navtog-c,.bdcs-navtog-c i{transition:none!important}}
/* verified badge (base look + next to the name in the sheet) */
.bdcs-vbadge{display:inline-flex;align-items:center;gap:calc(4px*var(--sb-sp,1));height:22px;padding:0 calc(9px*var(--sb-sp,1)) 0 calc(4px*var(--sb-sp,1));border-radius:var(--sb-pill,999px);background:color-mix(in srgb,var(--sb-copper) 15%,transparent);color:var(--sb-copper-deep);font-family:var(--sb-body,inherit);font-size:calc(12px*var(--sb-fs,1));font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;vertical-align:middle}
.bdcs-vbadge .bdcs-vseal{flex:none;color:var(--sb-copper)}
.bdcs-vbadge:not(:has(span:not(.screen-reader-text))){padding:0 calc(3px*var(--sb-sp,1))}
.bdcs-navcard strong .bdcs-vbadge,.bdcs-sheet-me strong .bdcs-vbadge{margin-left:calc(6px*var(--sb-sp,1));font-size:calc(11px*var(--sb-fs,1));height:20px;transform:translateY(-2px)}
.bdcs-navcard strong .bdcs-vbadge,.bdcs-sheet-me strong .bdcs-vbadge{display:inline-flex;vertical-align:middle;font-family:var(--sb-body,inherit);color:var(--sb-copper-deep);letter-spacing:.02em}
.bdcs-navcard strong .bdcs-vbadge span,.bdcs-sheet-me strong .bdcs-vbadge span{display:inline;font-size:1em;letter-spacing:inherit;color:inherit;margin:0}
/* phone menu sheet: the current item is a dark row, so its icon gets a light tile and a clear colour */
.bdcs-si.is-on .bdcs-si-i{background:var(--bdcs-bg);box-shadow:0 4px 10px -6px rgba(0,0,0,.5)}
.bdcs-si.is-on .bdcs-si-i::before{background:var(--bdcs-primary)}
.bdcs-si.is-on .bdcs-si-go{border-color:color-mix(in srgb,var(--bdcs-bg) 80%,transparent)}
body.bdcs-l-milano .bdcs-si.is-on .bdcs-si-i{background:#fff}
body.bdcs-l-milano .bdcs-si.is-on .bdcs-si-i::before{background:var(--m-ink)} /* same colour as the active row */
.bdcs-si.is-on .bdcs-si-b.is-hot::before{background:#fff}
body.bdcs-l-milano .bdcs-si.is-on .bdcs-si-b.is-hot::before{background:var(--m-primary)}
/* the phone menu sheet: slim scrollbar, like the dropdowns */
.bdcs-sheet-b{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentColor 18%,transparent) transparent}
.bdcs-sheet-b::-webkit-scrollbar{width:4px}
.bdcs-sheet-b::-webkit-scrollbar-track{background:transparent;margin:10px 0}
.bdcs-sheet-b::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:4px}
.bdcs-sheet-b:hover{scrollbar-color:color-mix(in srgb,currentColor 34%,transparent) transparent}
.bdcs-sheet-b:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 34%,transparent)}
