/* DreamHomeGarden — Premium Mobile Navigation Recovery v20 */
@media (max-width: 980px){
  .site-header{position:sticky;top:0;z-index:3000!important;background:var(--bg)!important;backdrop-filter:saturate(140%) blur(12px);}
  .header-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:1180px!important;padding:10px 14px!important;min-height:64px!important;}
  .logo{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 150px)!important;overflow:hidden!important;}
  .logo-word{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .logo-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .header-cse{display:none!important;}
  .header-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .header-actions .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;}
  .main-nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(360px,88vw)!important;height:100dvh!important;max-height:none!important;box-sizing:border-box!important;z-index:3100!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:76px 18px 28px!important;background:rgba(251,248,242,.985)!important;color:var(--ink)!important;border-left:1px solid var(--line)!important;box-shadow:-24px 0 60px rgba(25,31,23,.20)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;transform:translate3d(105%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility .28s!important;}
  [data-theme="dark"] .main-nav{background:rgba(28,31,27,.985)!important;}
  .main-nav.open{transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  .main-nav>a,.main-nav>.nav-search-link,.main-nav>.nav-categories>summary{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;box-sizing:border-box!important;min-height:52px!important;padding:13px 12px!important;margin:0!important;border-bottom:1px solid var(--line)!important;border-radius:10px!important;font-size:1rem!important;font-weight:650!important;line-height:1.25!important;color:var(--ink)!important;background:transparent!important;}
  .main-nav>a:hover,.main-nav>.nav-search-link:hover,.main-nav>.nav-categories>summary:hover{background:rgba(181,114,62,.08)!important;color:var(--forest)!important;}
  .main-nav>.nav-categories{width:100%!important;}
  .main-nav>.nav-categories>summary{cursor:pointer!important;list-style:none!important;}
  .main-nav>.nav-categories>summary::-webkit-details-marker{display:none!important;}
  .main-nav>.nav-categories>summary:after{content:'＋';margin-left:auto;font-size:1.1rem;font-weight:400;opacity:.6;}
  .main-nav>.nav-categories[open]>summary:after{content:'−';}
  .nav-categories-panel{position:static!important;width:auto!important;margin:6px 0 8px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(255,255,255,.62)!important;box-shadow:none!important;}
  [data-theme="dark"] .nav-categories-panel{background:rgba(255,255,255,.04)!important;}
  .mega-heading,.mega-grid,.nav-categories-viewall{width:100%!important;}
  .mega-grid{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;}
  .mega-card{display:flex!important;gap:10px!important;padding:9px!important;border-radius:10px!important;}
  .mega-card img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:9px!important;}
  .mega-card small{display:block!important;line-height:1.35!important;}
  .dhg-mobile-nav-head{position:absolute!important;top:0!important;left:0!important;right:0!important;height:64px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 16px!important;border-bottom:1px solid var(--line)!important;background:inherit!important;font-family:var(--font-display)!important;font-size:1.05rem!important;font-weight:650!important;z-index:2!important;}
  .dhg-mobile-nav-close{width:38px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--bg-elevated)!important;color:var(--ink)!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;}
  .nav-scrim{display:block!important;position:fixed!important;inset:0!important;z-index:3050!important;background:rgba(20,24,19,.48)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important;}
  .nav-scrim.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  body.dhg-nav-open{overflow:hidden!important;touch-action:none!important;}
  .nav-toggle{display:inline-flex!important;position:relative!important;z-index:3200!important;}
}

/* DreamHomeGarden — Mobile Navigation Stacking Fix v21
   The navigation lives inside .site-header (a stacking context), while the
   scrim is a sibling. Keep the entire header above the scrim so the drawer
   and its close button receive touch/click events. */
@media (max-width: 980px){
  .site-header{z-index:10000!important;overflow:visible!important;}
  .main-nav{z-index:10002!important;}
  .nav-scrim{z-index:9990!important;}
  .nav-toggle{z-index:10003!important;}
  .dhg-mobile-nav-head{z-index:3!important;}
  .dhg-mobile-nav-close{position:relative!important;z-index:4!important;pointer-events:auto!important;}
  .main-nav.open{pointer-events:auto!important;}
  .nav-scrim.open{pointer-events:auto!important;}
}