/* One controller for the mobile drawer; 768px and above use the existing navigation. */
.maiyi-drawer-trigger,.maiyi-mobile-drawer{display:none}
@media(max-width:767px){
  .maiyi-site-header{position:relative;z-index:1000;animation:none;transform:none;overflow:visible}
  .maiyi-site-header .maiyi-drawer-enhanced{position:relative;z-index:1;pointer-events:auto}
  .maiyi-site-header .maiyi-drawer-enhanced>.wp-block-navigation__responsive-container-open,
  .maiyi-site-header .maiyi-drawer-enhanced>.wp-block-navigation__responsive-container{display:none!important}
  .maiyi-site-header .maiyi-drawer-trigger{display:flex;position:relative;width:72px;min-height:48px;padding:0;border:0;background:transparent;color:#20231f;align-items:center;justify-content:flex-end;gap:8px;cursor:pointer;pointer-events:auto}
  .maiyi-site-header .maiyi-drawer-trigger>span:first-child{font-size:var(--mobile-control-size,12px);letter-spacing:.1em}
  .maiyi-drawer-trigger-icon{width:20px;height:10px;border-block:1px solid currentColor}
  .maiyi-mobile-drawer{display:block;position:fixed;z-index:1001;inset:var(--maiyi-drawer-top,0px) 0 0;visibility:hidden;pointer-events:none;transition:visibility 0s linear 280ms}
  .maiyi-mobile-drawer.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
  .maiyi-mobile-drawer .maiyi-drawer-backdrop{position:absolute;inset:0;background:rgba(20,22,19,.28);opacity:0;transition:opacity 280ms}
  .maiyi-mobile-drawer.is-open .maiyi-drawer-backdrop{opacity:1}
  .maiyi-mobile-drawer .maiyi-drawer-panel{position:absolute;inset:0 auto 0 0;width:min(88vw,360px);box-sizing:border-box;padding:14px 22px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#f5f1e8;color:#20231f;transform:translateX(-100%);transition:transform 280ms ease}
  .maiyi-mobile-drawer.is-open .maiyi-drawer-panel{transform:translateX(0)}
  .maiyi-mobile-drawer .maiyi-drawer-close{display:block;width:48px;height:48px;margin:0 0 14px auto;padding:0;border:0;background:transparent;color:inherit;font:300 32px/1 Arial;cursor:pointer}
  .maiyi-mobile-drawer .maiyi-drawer-list{list-style:none;margin:0;padding:0;width:100%}
  .maiyi-mobile-drawer .maiyi-drawer-list[hidden]{display:none}
  .maiyi-mobile-drawer .maiyi-drawer-list>li{margin:0;padding:0;border-bottom:1px solid rgba(32,35,31,.14)}
  .maiyi-mobile-drawer .maiyi-drawer-row{display:flex;align-items:center;min-width:0}
  .maiyi-mobile-drawer .maiyi-drawer-row>a{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;padding:12px 0;color:inherit;text-decoration:none;font:400 12px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;box-sizing:border-box}
  .maiyi-mobile-drawer .maiyi-drawer-submenu-toggle{flex:0 0 44px;width:44px;height:48px;padding:0;border:0;background:transparent;color:inherit;font:400 22px/1 Arial;cursor:pointer}
  .maiyi-mobile-drawer .maiyi-drawer-list .maiyi-drawer-list{padding-left:14px;box-sizing:border-box}
  .maiyi-mobile-drawer .maiyi-drawer-list .maiyi-drawer-list>li:last-child{border-bottom:0}
  .maiyi-mobile-drawer :is(button,a):focus-visible,.maiyi-site-header .maiyi-drawer-trigger:focus-visible{outline:2px solid #a94e32;outline-offset:2px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .maiyi-mobile-drawer,.maiyi-mobile-drawer .maiyi-drawer-panel,.maiyi-mobile-drawer .maiyi-drawer-backdrop{transition:none}
}