/* TAD Storefront: menu drawer groups, nested drop-downs and menu focus states.
   Scoped with :is(body.bks,.bkm-prev) so the Top menu preview in the admin looks the same as the site. */
:is(body.bks,.bkm-prev) .bks-drawer__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
:is(body.bks,.bkm-prev) .bks-drawer__scroll .bks-cats{overflow:visible;flex:none}
:is(body.bks,.bkm-prev) .bks-dm{display:block}
:is(body.bks,.bkm-prev) .bks-dm__list{list-style:none;margin:0;padding:0}
:is(body.bks,.bkm-prev) .bks-dm__row{display:flex;flex-wrap:wrap;align-items:center;margin:0;min-height:56px;border-bottom:1px solid var(--bks-bd)}
:is(body.bks,.bkm-prev) .bks-dm__sub .bks-dm__row{min-height:48px;border-bottom:0}
:is(body.bks,.bkm-prev) .bks-dm__link{--bks-hbg:var(--bks-soft);flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:56px;padding:12px 8px 12px 16px;margin:0;background:none;border:0;border-radius:0;font:inherit;font-size:18px;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;color:var(--bks-tx);cursor:pointer}
:is(body.bks,.bkm-prev) .bks-dm__link--btn{width:100%}
:is(body.bks,.bkm-prev) .bks-dm__sub .bks-dm__link{min-height:48px;font-size:16px;font-weight:400;color:var(--bks-mu)}
:is(body.bks,.bkm-prev) .bks-dm__link:hover,:is(body.bks,.bkm-prev) .bks-dm__link.is-hov{background:var(--bks-soft);color:var(--bks-p)}
:is(body.bks,.bkm-prev) .bks-dm__link:focus-visible{outline:2px solid var(--bks-p);outline-offset:-2px}
:is(body.bks,.bkm-prev) .bks-dm__row.is-open{background:var(--bks-card)}
:is(body.bks,.bkm-prev) .bks-dm__row.is-open>.bks-dm__link,:is(body.bks,.bkm-prev) .bks-dm__row.is-current>.bks-dm__link{color:var(--bks-p);font-weight:600}
:is(body.bks,.bkm-prev) .bks-dm__tg{--bks-hbg:var(--bks-soft);flex:none;width:48px;height:48px;margin-right:8px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:999px;color:var(--bks-mu);cursor:pointer}
:is(body.bks,.bkm-prev) .bks-dm__tg:focus-visible{outline:2px solid var(--bks-p);outline-offset:-2px}
:is(body.bks,.bkm-prev) .bks-dm__ic{display:inline-flex;flex:none;color:var(--bks-mu)}
:is(body.bks,.bkm-prev) .bks-dm__ic>span{display:inline-flex}
:is(body.bks,.bkm-prev) .bks-dm__ic .i-plus,:is(body.bks,.bkm-prev) .bks-dm__ic .i-minus{display:none}
:is(body.bks,.bkm-prev) .bks-dm__ic .i-chev{transition:transform .2s ease}
:is(body.bks,.bkm-prev) [aria-expanded=true] .i-chev{transform:rotate(180deg)}
:is(body.bks,.bkm-prev) .bks-drawer--plus .bks-dm__ic .i-chev{display:none}
:is(body.bks,.bkm-prev) .bks-drawer--plus .bks-dm__ic .i-plus{display:inline-flex}
:is(body.bks,.bkm-prev) .bks-drawer--plus [aria-expanded=true] .bks-dm__ic .i-plus{display:none}
:is(body.bks,.bkm-prev) .bks-drawer--plus [aria-expanded=true] .bks-dm__ic .i-minus{display:inline-flex}
:is(body.bks,.bkm-prev) .bks-dm__tg .bks-dm__ic,:is(body.bks,.bkm-prev) .bks-dm__link--btn .bks-dm__ic{color:inherit}
:is(body.bks,.bkm-prev) .bks-dm__tg{color:var(--bks-mu)}
:is(body.bks,.bkm-prev) .bks-dm__sub{flex-basis:100%;box-sizing:border-box;padding:0 0 6px 22px;background:var(--bks-bg)}
:is(body.bks,.bkm-prev) .bks-dm__sub[hidden]{display:none}
:is(body.bks,.bkm-prev) .bks-dm__sub .bks-dm__sub{padding-left:18px}
body.bks .bks-cats__sub2{list-style:none;margin:0;padding:0 0 4px 14px}
body.bks .bks-cats__sub2 a{display:block;padding:8px 10px;font-size:15px;color:var(--bks-mu)}
body.bks .bks-cats__sub2 a:hover{color:var(--bks-p)}
@media(max-width:380px){:is(body.bks,.bkm-prev) .bks-dm__link{font-size:16px;min-height:52px;padding-left:14px}:is(body.bks,.bkm-prev) .bks-dm__row{min-height:52px}:is(body.bks,.bkm-prev) .bks-dm__sub .bks-dm__link{font-size:15px}}
/* nested desktop drop-downs */
body.bks .bks-drop__menu:not(.bks-mega){max-height:min(70vh,560px);overflow-y:auto}
body.bks .bks-drop__sub{margin:0 0 4px 14px;padding-left:6px;border-left:2px solid var(--bks-bd)}
body.bks .bks-drop__h{display:block;padding:8px 10px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bks-mu)}
body.bks .bks-drop__all{font-weight:700;color:var(--bks-p)}
body.bks .bks-drop__sub .bks-drop__a{font-size:13.5px}
/* visible keyboard focus in the menu bar */
body.bks .bks-desknav :is(a,button):focus-visible{outline:2px solid var(--bks-p);outline-offset:2px}
body.bks .bks-drop__menu a:focus-visible{outline:2px solid var(--bks-p);outline-offset:-2px}

.bks-mega__sub{list-style:none;margin:2px 0 4px;padding:0 0 0 16px}.bks-mega__sub a{font-size:.94em;opacity:.9}