/* Scoped to the custom mobile drawer. Inherit WoodMart's brand accent and font. */
#mh-mobile-menu {
  --mh-css-ready:1;
  --mh-accent:var(--wd-primary-color,#cb565e);
  --mh-ink:#242424;
  --mh-accent-ink:#9e3740;
  --mh-blush:#fcf0f1;
  --mh-muted:#686066;
  --mh-line:#ede6e7;
  --mh-paper:#fff;
  position:fixed;
  inset:0 auto 0 0;
  width:min(362px,calc(100% - 24px));
  height:100vh;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:var(--mh-paper);
  color:var(--mh-ink);
  font-family:var(--wd-text-font,Arial,Helvetica,sans-serif);
  font-size:15px;
  font-weight:400;
  line-height:1.4;
  text-align:left;
  box-shadow:8px 0 30px rgb(36 24 28 / 12%);
  color-scheme:light;
}
#mh-mobile-menu:not([open]) { display:none !important; }
#mh-mobile-menu[open] { display:flex; flex-direction:column; animation:mh-menu-enter .2s ease-out; }
#mh-mobile-menu::backdrop { background:rgb(36 24 28 / 32%); }
html.mh-menu-is-open,html.mh-menu-is-open body { overflow:hidden !important; }
#mh-mobile-menu *,#mh-mobile-menu *::before,#mh-mobile-menu *::after { box-sizing:border-box; }
#mh-mobile-menu [hidden] { display:none !important; }
#mh-mobile-menu a { text-decoration:none; color:var(--mh-ink); box-shadow:none; }
#mh-mobile-menu button { margin:0; padding:0; min-width:0; font:inherit; text-transform:none; letter-spacing:normal; box-shadow:none; cursor:pointer; }
#mh-mobile-menu button::before,#mh-mobile-menu button::after { content:none; }
#mh-mobile-menu svg { display:block; width:20px; height:20px; flex-shrink:0; pointer-events:none; }
#mh-mobile-menu a:focus-visible,#mh-mobile-menu button:focus-visible,#mh-mobile-menu input:focus-visible { outline:2px solid var(--mh-accent-ink); outline-offset:2px; }
#mh-mobile-menu .mh-header { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:calc(18px + env(safe-area-inset-top,0px)) 20px 18px; }
#mh-mobile-menu .mh-brand { flex:1; min-width:0; display:block; }
#mh-mobile-menu .mh-brand-name { display:block; font-family:inherit; font-size:25px; font-weight:500; line-height:1.4; letter-spacing:-1.5px; }
#mh-mobile-menu .mh-brand-image { display:block; width:200px; max-width:100%; height:auto; margin:6px 0; }
#mh-mobile-menu .mh-caption { display:block; font-size:12px; color:var(--mh-muted); margin-top:2px; }
#mh-mobile-menu .mh-close { display:grid; place-items:center; width:44px; height:44px; min-height:44px; flex-shrink:0; border:0; border-radius:50%; color:var(--mh-ink); background:var(--mh-paper); }
#mh-mobile-menu .mh-close:hover { background:var(--mh-blush); }
#mh-mobile-menu .mh-search { display:flex; align-items:center; gap:0; flex-shrink:0; height:48px; margin:0 20px 16px; padding:0 2px; border:1px solid var(--mh-line); border-radius:12px; background:#faf8f8; }
#mh-mobile-menu .mh-search button { display:grid; place-items:center; width:44px; height:44px; min-height:44px; flex-shrink:0; border:0; border-radius:8px; background:transparent; color:var(--mh-muted); }
#mh-mobile-menu .mh-search input[type="search"] { flex:1; min-width:0; width:0; height:44px; margin:0; padding:0 4px; border:0; border-radius:4px; background:transparent; color:var(--mh-ink); font-family:inherit; font-size:16px; font-weight:400; line-height:1.4; box-shadow:none; }
#mh-mobile-menu .mh-search input::placeholder { color:var(--mh-muted); opacity:1; }
#mh-mobile-menu input::-webkit-search-cancel-button { -webkit-appearance:none; }
#mh-mobile-menu .mh-scroll { flex:1; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; padding:0 20px calc(24px + env(safe-area-inset-bottom,0px)); }
#mh-mobile-menu .mh-shop-all { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 14px; border-radius:10px; background:var(--mh-blush); font-weight:500; }
#mh-mobile-menu .mh-shop-all svg { color:var(--mh-accent-ink); }
#mh-mobile-menu .mh-section-title { margin:18px 0 8px; padding:0; color:var(--mh-muted); font:500 11px/1.4 var(--wd-text-font,Arial,Helvetica,sans-serif); letter-spacing:1.35px; text-transform:none; }
#mh-mobile-menu nav { display:grid; gap:2px; }
#mh-mobile-menu .mh-row { display:grid; grid-template-columns:34px minmax(0,1fr) 16px; align-items:center; gap:11px; min-height:48px; padding:5px 4px 5px 0; border-radius:10px; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
#mh-mobile-menu .mh-row:hover { background:#faf8f8; }
#mh-mobile-menu .mh-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--mh-blush); color:var(--mh-accent-ink); }
#mh-mobile-menu .mh-row > svg { width:16px; height:16px; color:var(--mh-muted); }
#mh-mobile-menu .mh-collection { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:68px; margin-top:16px; padding:12px 14px; border-radius:12px; background:var(--mh-blush); color:var(--mh-accent-ink); }
#mh-mobile-menu .mh-collection-caption { display:block; font-size:11px; letter-spacing:1.2px; }
#mh-mobile-menu .mh-collection-title { display:block; margin-top:4px; font-size:17px; font-weight:500; }
#mh-mobile-menu .mh-results-title { margin:0 0 8px; color:var(--mh-ink); font:500 17px/1.4 var(--wd-text-font,Arial,Helvetica,sans-serif); }
#mh-mobile-menu .mh-search-status { margin:0 0 10px; color:var(--mh-muted); font-size:13px; }
#mh-mobile-menu .mh-results-list { list-style:none; margin:0; padding:0; }
#mh-mobile-menu .mh-results-list li { margin:0; padding:0; border-bottom:1px solid var(--mh-line); }
#mh-mobile-menu .mh-results-list a { display:flex; align-items:center; min-height:48px; padding:14px 0; font-size:14px; overflow-wrap:anywhere; }
#mh-mobile-menu .mh-all-results { display:block; width:100%; min-height:48px; margin-top:16px; padding:10px 14px; border:0; border-radius:10px; background:var(--mh-blush); color:var(--mh-accent-ink); }
@supports (background:color-mix(in srgb,red,white)) {
  #mh-mobile-menu { --mh-blush:color-mix(in srgb,var(--mh-accent) 9%,white); --mh-accent-ink:color-mix(in srgb,var(--mh-accent) 72%,#242424); }
}
@media (max-width:360px) {
  #mh-mobile-menu { width:calc(100% - 20px); }
  #mh-mobile-menu .mh-header { padding-right:14px; padding-left:14px; }
  #mh-mobile-menu .mh-search { margin-right:14px; margin-left:14px; }
  #mh-mobile-menu .mh-scroll { padding-right:14px; padding-left:14px; }
  #mh-mobile-menu .mh-row { gap:8px; }
}
@keyframes mh-menu-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
@media (prefers-reduced-motion:reduce) { #mh-mobile-menu[open] { animation:none; } }