/* Mobile navigation drawer. */
@media(max-width:850px){
	.mella-site-header{z-index:1000}
	.mella-header-inner{min-height:68px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 20px}
	.mella-brand{min-width:0}
	.mella-brand img{width:auto;height:auto;max-width:clamp(128px,42vw,160px);max-height:36px}
	.mella-header-actions{gap:6px}
	.mella-header-actions .mella-icon-link,.mella-header-actions .mella-search-popover>summary{width:40px;height:44px}
	.mella-header-actions .mella-cart-count{top:1px;right:1px}
	.mella-mobile-menu>summary{width:44px;height:44px;align-items:center;gap:5px}
	.mella-mobile-menu>summary span{width:22px;height:2px}
	.mella-mobile-menu:not([open]) .mella-mobile-backdrop,.mella-mobile-menu:not([open]) nav{display:none}
	.mella-mobile-menu .mella-mobile-backdrop{position:fixed;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:rgba(16,16,16,.48);cursor:pointer}
	.mella-mobile-menu nav{position:fixed;inset:0 0 0 auto;z-index:2;display:flex;flex-direction:column;width:min(380px,calc(100vw - 24px));height:100dvh;max-height:100dvh;padding:0;background:#fff;box-shadow:-18px 0 45px rgba(0,0,0,.14);overflow-y:auto;overscroll-behavior:contain}
	.mella-mobile-panel-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 25px;background:#fff;border-bottom:1px solid var(--mella-line)}
	.mella-mobile-panel-head>span{color:var(--mella-ink);font-size:19px;font-weight:600;letter-spacing:-.025em}
	.mella-mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-9px;padding:0;border:0;background:transparent;color:var(--mella-ink);cursor:pointer}
	.mella-mobile-menu-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
	.mella-mobile-nav-list{padding:18px 25px!important}
	.mella-mobile-nav-list>li{position:relative;margin:0!important;border-bottom:1px solid var(--mella-line)}
	.mella-mobile-nav-list>li>a{display:flex;align-items:center;min-height:58px;padding:14px 52px 14px 0;border:0;color:var(--mella-ink);font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1.4;text-decoration:none;text-transform:uppercase}
	.mella-mobile-nav-list>li:not(.menu-item-has-children)>a{padding-right:0}
	.mella-mobile-nav-list a:hover,.mella-mobile-nav-list .current-menu-item>a,.mella-mobile-nav-list .current-menu-ancestor>a{color:var(--mella-red)}
	.mella-mobile-subtoggle{position:absolute;top:5px;right:-4px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;background:transparent;color:var(--mella-ink);cursor:pointer}
	.mella-mobile-subtoggle:after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
	.mella-mobile-subtoggle[aria-expanded="true"]{color:var(--mella-red)}
	.mella-mobile-subtoggle[aria-expanded="true"]:after{transform:translateY(2px) rotate(225deg)}
	.mella-mobile-nav-list .sub-menu{margin:0 0 14px;padding:0 0 0 16px;border-left:2px solid var(--mella-red);list-style:none}
	.mella-mobile-nav-list .sub-menu[hidden]{display:none!important}
	.mella-mobile-nav-list .sub-menu li{margin:0;padding:0}
	.mella-mobile-nav-list .sub-menu a{display:flex;align-items:center;min-height:45px;padding:9px 0;border:0;color:#67635f;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.4;text-decoration:none;text-transform:uppercase}
	.mella-mobile-nav-list .sub-menu a:hover,.mella-mobile-nav-list .sub-menu .current-menu-item>a{color:var(--mella-red)}
	.mella-mobile-menu-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:auto;padding:23px 25px 28px;border-top:1px solid var(--mella-line)}
	.mella-mobile-menu-tools a{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--mella-ink);font-size:11px;font-weight:600;letter-spacing:.03em;text-decoration:none}
	.mella-mobile-menu-tools a span{color:var(--mella-red);font-size:17px;font-weight:400}
	.mella-mobile-menu-tools a:hover{color:var(--mella-red)}
	.mella-mobile-menu-close:focus-visible,.mella-mobile-subtoggle:focus-visible,.mella-mobile-menu>summary:focus-visible,.mella-mobile-menu nav a:focus-visible{outline:2px solid var(--mella-red);outline-offset:3px}
	body.mella-menu-open{overflow:hidden}
}
@media(max-width:380px){.mella-header-inner{padding:0 16px}.mella-header-actions{gap:4px}.mella-header-actions .mella-icon-link,.mella-header-actions .mella-search-popover>summary{width:38px}.mella-mobile-menu>summary{width:42px}}
@media(max-width:300px){.mella-header-inner{padding:0 12px;gap:4px}.mella-brand img{max-width:118px}.mella-header-actions{gap:2px}.mella-header-actions .mella-icon-link,.mella-header-actions .mella-search-popover>summary{width:36px}.mella-mobile-menu>summary{width:40px}}
@media(max-width:782px){body.admin-bar .mella-mobile-menu nav{top:46px;height:calc(100dvh - 46px);max-height:calc(100dvh - 46px)}body.admin-bar .mella-mobile-menu .mella-mobile-backdrop{top:46px}}
@media(min-width:783px) and (max-width:850px){body.admin-bar .mella-mobile-menu nav{top:32px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}body.admin-bar .mella-mobile-menu .mella-mobile-backdrop{top:32px}}
@media(prefers-reduced-motion:reduce){.mella-mobile-subtoggle:after{transition:none}}