.elementor-36367 .elementor-element.elementor-element-576f02cc{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}#elementor-popup-modal-36367{background-color:#0E0E0E99;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-36367 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-36367 .dialog-close-button{display:flex;}#elementor-popup-modal-36367 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){#elementor-popup-modal-36367 .dialog-message{width:360px;}#elementor-popup-modal-36367{justify-content:flex-end;}}/* Start custom CSS *//* Mobile menu popup CSS v2 (Popup Settings > Advanced > Custom CSS). Replaces sheet 01 block 03. */
/* "#elementor-popup-modal-36367" is Elementor's keyword for this popup's own modal wrapper. Leave it as typed: it keeps these frame rules off every other popup (shop filter popup etc.). */

/* ---------- Popup frame: square right-hand drawer ---------- */
#elementor-popup-modal-36367 .dialog-widget-content{background:var(--bl-cream)!important;border:0!important;border-left:2px solid var(--bl-ink)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
#elementor-popup-modal-36367 .dialog-message{width:min(360px,88vw)!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#elementor-popup-modal-36367 .dialog-message > .elementor{width:100%}

/* ---------- Close button (stays put while the drawer scrolls) ---------- */
#elementor-popup-modal-36367 .dialog-close-button{display:grid!important;place-items:center;top:12px!important;right:16px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:16px!important;width:40px;height:40px;margin:0!important;padding:0;background:var(--bl-ink)!important;color:var(--bl-cream)!important;border-radius:0!important;font-size:16px!important;line-height:1;opacity:1!important;cursor:pointer;z-index:5}
#elementor-popup-modal-36367 .dialog-close-button i{color:var(--bl-cream)!important}
#elementor-popup-modal-36367 .dialog-close-button svg{width:16px;height:16px;fill:var(--bl-cream)!important}
#elementor-popup-modal-36367 .dialog-close-button:hover,#elementor-popup-modal-36367 .dialog-close-button:focus-visible{background:var(--bl-red)!important}

/* ---------- Drawer container (class bl-drawer, Content Width: Full Width) ---------- */
.bl-drawer{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:22px!important;padding:0 0 28px!important;margin:0!important;width:100%;min-height:100vh;min-height:100dvh;background:var(--bl-cream)}
.bl-drawer > .elementor-element{width:100%;max-width:100%;box-sizing:border-box;padding-left:22px;padding-right:22px}
.bl-drawer a:focus-visible{outline:2px solid var(--bl-red);outline-offset:2px}

/* ---------- Head: logo row, sticks to the top of the drawer ---------- */
.bl-drawer > .elementor-widget-image{position:sticky;top:0;z-index:2;background:var(--bl-cream);padding-top:19px;padding-bottom:17px;padding-right:72px;border-bottom:2px solid var(--bl-ink);text-align:left!important}
.bl-drawer > .elementor-widget-image img{display:block;height:26px!important;width:auto!important;max-width:none!important}

/* ---------- Search (Advanced Woo Search) ---------- */
.bl-drawer .aws-container{max-width:none;width:100%}
.bl-drawer .aws-container .aws-search-form{height:46px;border:2px solid var(--bl-ink)!important;border-radius:0!important;background:var(--bl-cream)}
.bl-drawer .aws-container .aws-search-field{height:100%;padding:0 12px;font-family:var(--bl-body);font-size:16px;color:var(--bl-ink);background:transparent;border:0!important;border-radius:0!important}
.bl-drawer .aws-container .aws-search-btn{border:0!important;border-left:2px solid var(--bl-ink)!important;border-radius:0!important;background:var(--bl-ink)!important;color:var(--bl-cream)!important}
.bl-drawer .aws-container .aws-search-btn svg{fill:var(--bl-cream)!important}

/* ---------- WordPress Menu, Layout: Vertical ---------- */
/* Force the main (vertical) list on and the widget's own burger + dropdown copy off, whatever its Breakpoint is set to */
.bl-drawer .elementor-menu-toggle,
.bl-drawer nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:none!important}
.bl-drawer nav.elementor-nav-menu--main{display:block!important}
.bl-drawer nav.elementor-nav-menu--main > ul.elementor-nav-menu{display:block!important;margin:0!important;padding:0!important;list-style:none;border-top:2px solid var(--bl-ink)}
.bl-drawer nav.elementor-nav-menu--main > ul.elementor-nav-menu > li{display:block;float:none;width:100%;margin:0!important;border-bottom:2px solid var(--bl-ink)}
.bl-drawer nav.elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:54px;margin:0!important;padding:10px 0!important;font-family:var(--bl-display)!important;font-weight:800!important;font-size:24px!important;line-height:1.05!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:normal!important;color:var(--bl-ink)!important;fill:var(--bl-ink)!important;background:none!important;border:0!important}
.bl-drawer nav.elementor-nav-menu--main a.elementor-item::before,
.bl-drawer nav.elementor-nav-menu--main a.elementor-item::after{display:none!important}
.bl-drawer nav.elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item.elementor-item-active{color:var(--bl-red)!important;fill:var(--bl-red)!important}

/* Arrow on parents with children; flips when the sub-menu is open */
.bl-drawer .sub-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:0 -8px 0 auto!important;padding:0!important;font-size:14px;color:var(--bl-ink);transition:transform .2s ease}
.bl-drawer .sub-arrow svg{width:14px;height:14px;fill:currentColor}
.bl-drawer a.highlighted > .sub-arrow,
.bl-drawer a[aria-expanded="true"] > .sub-arrow{transform:rotate(180deg)}

/* Sub-menus open inline under the parent. position:static is what switches Elementor's menu script into tap-to-expand mode. */
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu{position:static!important;display:none;top:auto!important;left:auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 0 14px!important;list-style:none;background:transparent!important;border:0!important;box-shadow:none!important}
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu > li{display:block;margin:0!important;border:0!important}
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu a{display:flex!important;align-items:center;justify-content:space-between;min-height:40px;margin:0!important;padding:8px 0 8px 16px!important;font-family:var(--bl-body)!important;font-weight:500!important;font-size:16px!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;color:var(--bl-ink)!important;fill:var(--bl-ink)!important;background:none!important;border:0!important;border-left:2px solid var(--bl-hair)!important}
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu a:hover,
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu a.elementor-item-active{border-left-color:var(--bl-red)!important}
/* First row of each sub-menu is the "All ..." link, same as the desktop dropdowns */
.bl-drawer nav.elementor-nav-menu--main > ul.elementor-nav-menu > li > ul.sub-menu > li:first-child > a{font-weight:700!important}
/* Third level */
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu{padding:0 0 6px 16px!important}
.bl-drawer nav.elementor-nav-menu--main ul.sub-menu ul.sub-menu a{font-size:15px!important;min-height:36px}

/* ---------- Utility links (HTML block 02) ---------- */
.bl-drawer__links{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--bl-ink)}
.bl-drawer__links a{display:flex;align-items:center;min-height:48px;padding:10px 14px;font-family:var(--bl-display);font-weight:800;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-ink)!important;text-decoration:none!important;border-right:2px solid var(--bl-ink);border-bottom:2px solid var(--bl-ink)}
.bl-drawer__links a:nth-child(2n){border-right:0}
.bl-drawer__links a:nth-last-child(-n+2){border-bottom:0}
.bl-drawer__links a:hover{background:var(--bl-sand)}

/* ---------- 21+ / shipping note (HTML block 03), pinned to the bottom of the drawer ---------- */
.bl-drawer > .elementor-widget-html:last-child{margin-top:auto}
.bl-drawer__note{display:grid;gap:6px;padding-top:16px;border-top:2px solid var(--bl-ink);font-family:var(--bl-body);font-size:13px;line-height:1.45;color:var(--bl-ink2)}
.bl-drawer__note strong{font-family:var(--bl-mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bl-ink)}
.bl-drawer__note a{color:var(--bl-ink)!important;text-decoration:underline;text-underline-offset:3px}/* End custom CSS */