/**
 * LioPlus Global Navigation 1.1.7 — production runtime, OFF by default
 * Scoped, fail-closed presentation for the native WoodMart drawer + toolbar.
 */

@media (max-width: 1024px) {
  html.lio-gn-runtime {
    --lio-gn-surface: #ececec;
    --lio-gn-surface-soft: #f2f2f2;
    --lio-gn-surface-deep: #e7e7e7;
    --lio-gn-ink: #242424;
    --lio-gn-muted: #6d6d6d;
    --lio-gn-accent: #8e1d1d;
    --lio-gn-accent-soft: #eadcdd;
    --lio-gn-line: rgba(107, 107, 107, .13);
    --lio-gn-focus: #7f151b;
    --lio-gn-ease: cubic-bezier(.22, 1, .36, 1);
    --lio-gn-drawer-z: 12010;
    --lio-gn-backdrop-z: 12000;
    --lio-gn-toolbar-clearance: 94px;
    --lio-gn-raised:
      -2px -2px 6px rgba(255, 255, 255, .65),
      2px 3px 7px rgba(136, 140, 144, .1);
    --lio-gn-raised-soft:
      -2px -2px 5px rgba(255, 255, 255, .65),
      2px 2px 5px rgba(136, 140, 144, .1);
    --lio-gn-inset:
      inset 3px 3px 7px rgba(141, 145, 149, .18),
      inset -3px -3px 7px rgba(255, 255, 255, .7);
    --lio-gn-inset-deep:
      inset 3px 3px 8px rgba(141, 145, 149, .2),
      inset -3px -3px 8px rgba(255, 255, 255, .72);
  }

  .mobile-nav.lio-gn-ready {
    position: fixed !important;
    z-index: var(--lio-gn-drawer-z) !important;
    inset-block: 0 !important;
    inset-inline: auto 0 !important;
    right: 0 !important;
    left: auto !important;
    width: min(90vw, 400px) !important;
    max-width: calc(100vw - 16px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 28px 0 0 28px;
    background: var(--lio-gn-surface) !important;
    box-shadow: -22px 0 46px rgba(40, 40, 40, .2) !important;
    color: var(--lio-gn-ink);
    direction: rtl;
    outline: 0;
    visibility: hidden !important;
    transform: translateX(104%) !important;
    transition:
      transform 220ms var(--lio-gn-ease),
      visibility 0s linear 220ms !important;
  }

  .mobile-nav.lio-gn-ready.wd-opened {
    visibility: visible !important;
    transform: translateX(0) !important;
    transition-delay: 0s !important;
  }

  .mobile-nav.lio-gn-ready [hidden] {
    display: none !important;
  }

  body.lio-gn-open .wd-close-side {
    z-index: var(--lio-gn-backdrop-z) !important;
    background: rgba(28, 28, 30, .45) !important;
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
  }

  .lio-gn-shell,
  .lio-gn-shell *,
  body.lio-gn-toolbar-ready .wd-toolbar,
  body.lio-gn-toolbar-ready .wd-toolbar * {
    box-sizing: border-box;
  }

  .lio-gn-shell {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: var(--lio-gn-surface);
    color: var(--lio-gn-ink);
    font-family: inherit;
  }

  .lio-gn-shell a {
    color: inherit;
    text-decoration: none;
  }

  .lio-gn-shell button,
  .lio-gn-shell input {
    font: inherit;
  }

  .lio-gn-shell :is(a, button, input):focus-visible,
  body.lio-gn-toolbar-ready .wd-toolbar :is(a, button):focus-visible {
    outline: 3px solid var(--lio-gn-focus) !important;
    outline-offset: 2px !important;
  }

  .lio-gn-header {
    position: relative;
    z-index: 3;
    padding:
      calc(12px + env(safe-area-inset-top))
      max(14px, env(safe-area-inset-right))
      12px
      max(14px, env(safe-area-inset-left));
    background: var(--lio-gn-surface);
    box-shadow: 0 8px 22px rgba(95, 95, 95, .08);
  }

  .lio-gn-titlebar {
    min-height: 52px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
  }

  .lio-gn-titlebar strong,
  .lio-gn-titlebar small {
    display: block;
  }

  .lio-gn-titlebar strong {
    color: var(--lio-gn-ink);
    font-size: 1.03rem;
    font-weight: 900;
    line-height: 1.45;
  }

  .lio-gn-titlebar small {
    margin-top: 1px;
    color: var(--lio-gn-muted);
    font-size: .68rem;
    line-height: 1.45;
  }

  .lio-gn-close {
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--lio-gn-surface);
    box-shadow: var(--lio-gn-raised-soft);
    color: #343434;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: box-shadow 140ms ease, transform 140ms ease;
  }

  .lio-gn-close:active {
    transform: scale(.96);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-close svg {
    width: 22px;
    height: 22px;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search {
    position: relative;
    width: 100%;
    height: 54px;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px;
    background: var(--lio-gn-surface-deep) !important;
    box-shadow: var(--lio-gn-inset);
    overflow: visible;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search:focus-within {
    box-shadow:
      var(--lio-gn-inset),
      0 0 0 3px rgba(127, 21, 27, .2);
  }

  .mobile-nav.lio-gn-ready .lio-gn-search form.searchform {
    position: relative;
    width: 100%;
    height: 54px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search input.s {
    width: 100%;
    min-width: 0;
    height: 52px !important;
    padding: 0 16px 0 4px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--lio-gn-ink) !important;
    font-size: .8rem !important;
    line-height: 1 !important;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search input.s::placeholder {
    color: #707070;
    opacity: 1;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search .searchsubmit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    margin: 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--lio-gn-surface-soft) !important;
    box-shadow: var(--lio-gn-raised-soft) !important;
    color: var(--lio-gn-accent) !important;
    display: grid !important;
    place-items: center;
  }

  .mobile-nav.lio-gn-ready .lio-gn-shell .lio-gn-search .searchsubmit span {
    --lio-gn-search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.25' cy='8.25' r='5.75'/%3E%3Cpath d='m12.75 12.75 5 5'/%3E%3C/svg%3E");
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-color: var(--lio-gn-accent);
    color: transparent;
    font-size: 0;
    -webkit-mask: var(--lio-gn-search-icon) center / contain no-repeat;
    mask: var(--lio-gn-search-icon) center / contain no-repeat;
    forced-color-adjust: none;
  }

  .mobile-nav.lio-gn-ready .lio-gn-shell .lio-gn-search .searchsubmit::before,
  .mobile-nav.lio-gn-ready .lio-gn-shell .lio-gn-search .searchsubmit::after,
  .mobile-nav.lio-gn-ready .lio-gn-shell .lio-gn-search .searchsubmit span::before,
  .mobile-nav.lio-gn-ready .lio-gn-shell .lio-gn-search .searchsubmit span::after {
    content: none !important;
    display: none !important;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search .wd-clear-search {
    z-index: 3;
    inset-inline: auto 50px !important;
    width: 44px;
    height: 44px;
  }

  .mobile-nav.lio-gn-ready .lio-gn-search .wd-search-results-wrapper {
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    border-radius: 18px;
  }

  .lio-gn-tabs {
    height: 52px;
    margin-top: 11px;
    padding: 4px;
    border-radius: 17px;
    background: var(--lio-gn-surface-deep);
    box-shadow: var(--lio-gn-inset);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
  }

  .lio-gn-tabs button {
    min-width: 0;
    min-height: 44px;
    padding: 0 6px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: #626262;
    font-size: .75rem;
    font-weight: 750;
    line-height: 1.35;
    cursor: pointer;
    transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
  }

  .lio-gn-tabs button[aria-selected="true"] {
    color: var(--lio-gn-accent);
    background: var(--lio-gn-surface-soft);
    box-shadow: var(--lio-gn-raised-soft);
  }

  .lio-gn-scroll {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(94, 94, 94, .25) transparent;
    padding: 12px 14px calc(24px + env(safe-area-inset-bottom));
  }

  .lio-gn-scroll::-webkit-scrollbar {
    width: 5px;
  }

  .lio-gn-scroll::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background: rgba(94, 94, 94, .25);
  }

  .lio-gn-panel {
    animation: lio-gn-panel-in 180ms var(--lio-gn-ease) both;
  }

  @keyframes lio-gn-panel-in {
    from { opacity: 0; transform: translateY(3px); }
    to { opacity: 1; transform: none; }
  }

  .lio-gn-all-products {
    width: 100%;
    min-height: 64px;
    padding: 7px 8px 7px 10px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 18px;
    background: var(--lio-gn-surface-soft);
    box-shadow: var(--lio-gn-raised-soft);
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 9px;
    transition: box-shadow 140ms ease, transform 140ms ease;
  }

  a.lio-gn-all-products:active {
    transform: scale(.98);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-all-products__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: var(--lio-gn-accent);
    background: var(--lio-gn-accent-soft);
    display: grid;
    place-items: center;
  }

  .lio-gn-all-products__icon svg,
  .lio-gn-all-products > svg {
    width: 21px;
    height: 21px;
  }

  .lio-gn-all-products > svg {
    color: var(--lio-gn-accent);
  }

  .lio-gn-all-products__arrow {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    justify-self: end;
    border-radius: 12px;
    color: var(--lio-gn-accent);
  }

  .lio-gn-all-products__arrow svg {
    width: 21px;
    height: 21px;
  }

  .lio-gn-all-products--nested {
    grid-template-columns: 46px minmax(0, 1fr) 44px;
    cursor: default;
  }

  .lio-gn-all-products__arrow:focus-visible {
    outline: 2px solid var(--lio-gn-accent);
    outline-offset: 2px;
  }

  .lio-gn-all-products__arrow:active {
    transform: scale(.94);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-all-products__copy strong,
  .lio-gn-all-products__copy small {
    display: block;
  }

  .lio-gn-all-products__copy strong {
    color: var(--lio-gn-ink);
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.5;
  }

  .lio-gn-all-products__copy small {
    margin-top: 1px;
    color: var(--lio-gn-muted);
    font-size: .65rem;
    line-height: 1.5;
  }

  .lio-gn-category-list {
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
  }

  .lio-gn-category-item {
    margin: 0 0 9px;
    padding: 0;
  }

  .lio-gn-category-main {
    min-height: 58px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 16px;
    background: var(--lio-gn-surface);
    box-shadow: var(--lio-gn-raised);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: stretch;
  }

  .lio-gn-category-main.is-leaf {
    grid-template-columns: minmax(0, 1fr);
  }

  .lio-gn-category-link {
    min-width: 0;
    min-height: 58px;
    padding: 9px 13px 9px 5px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    color: #292929 !important;
    font-size: .8rem;
    font-weight: 730;
    line-height: 1.7;
  }

  .lio-gn-category-link:active {
    background: var(--lio-gn-surface-deep);
    box-shadow: var(--lio-gn-inset);
  }

  button.lio-gn-category-link,
  button.lio-gn-subrow__link {
    border: 0;
    background: transparent;
    text-align: start;
    cursor: pointer;
  }

  .lio-gn-category-opener,
  .lio-gn-subrow__opener,
  .lio-gn-drill-head button {
    align-self: center;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    color: var(--lio-gn-accent);
    background: var(--lio-gn-surface-soft);
    box-shadow: var(--lio-gn-raised-soft);
    cursor: pointer;
  }

  .lio-gn-category-opener {
    justify-self: end;
    width: 44px;
    height: 44px;
    margin-inline-end: 2px;
    border-radius: 14px;
  }

  .lio-gn-category-opener,
  .lio-gn-subrow__opener {
    background: transparent;
    box-shadow: none;
  }

  .lio-gn-category-opener svg,
  .lio-gn-subrow__opener svg,
  .lio-gn-drill-head button svg {
    width: 19px;
    height: 19px;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .75));
    transition: transform 180ms var(--lio-gn-ease);
  }

  .lio-gn-category-opener[aria-expanded="true"] {
    background: var(--lio-gn-surface-deep);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-category-opener[aria-expanded="true"] svg {
    transform: rotate(-90deg);
  }

  .lio-gn-subtray,
  .lio-gn-drill-list {
    position: relative;
    margin: 9px 7px 13px 2px;
    padding: 10px 15px 8px 8px;
    border: 1px solid rgba(137, 137, 137, .07);
    border-radius: 17px;
    background: var(--lio-gn-surface-deep);
    box-shadow: var(--lio-gn-inset-deep);
  }

  .lio-gn-subtray::before {
    position: absolute;
    inset-block: 13px;
    inset-inline-start: 6px;
    width: 4px;
    border-radius: 99px;
    background: rgba(142, 29, 29, .22);
    box-shadow:
      inset 1px 1px 2px rgba(91, 28, 28, .3),
      inset -1px -1px 2px rgba(255, 255, 255, .68);
    content: "";
  }

  .lio-gn-subrow {
    min-height: 48px;
    margin-bottom: 6px;
    border: 1px solid rgba(137, 137, 137, .06);
    border-radius: 13px;
    background: rgba(235, 235, 235, .72);
    box-shadow:
      inset 2px 2px 5px rgba(151, 151, 151, .15),
      inset -2px -2px 5px rgba(255, 255, 255, .7);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .lio-gn-subrow.has-children {
    min-height: 52px;
    grid-template-columns: minmax(0, 1fr) 44px;
    border-color: rgba(142, 29, 29, .16);
    background:
      linear-gradient(145deg, rgba(219, 219, 219, .22), rgba(255, 255, 255, .09)),
      var(--lio-gn-surface-deep);
    box-shadow:
      inset 3px 3px 7px rgba(141, 145, 149, .18),
      inset -3px -3px 7px rgba(255, 255, 255, .7),
      0 0 0 1px rgba(255, 255, 255, .18);
  }

  .lio-gn-subrow__link {
    min-width: 0;
    min-height: 48px;
    padding: 7px 11px 7px 5px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: #515151 !important;
    font-size: .7rem;
    font-weight: 640;
    line-height: 1.65;
  }

  .lio-gn-subrow.has-children .lio-gn-subrow__link {
    min-height: 52px;
    color: #333 !important;
    font-weight: 740;
  }

  .lio-gn-subrow__link:active {
    background: rgba(226, 226, 226, .7);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-subrow .lio-gn-link-label {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    text-shadow:
      1px 1px 1px rgba(255, 255, 255, .78),
      -1px -1px 1px rgba(112, 112, 112, .12);
  }

  .lio-gn-subrow .lio-gn-link-label::before {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border: 1px solid rgba(142, 29, 29, .36);
    border-radius: 50%;
    background: var(--lio-gn-surface-deep);
    box-shadow:
      inset 1px 1px 2px rgba(112, 35, 35, .45),
      inset -1px -1px 2px rgba(255, 255, 255, .75);
    content: "";
  }

  .lio-gn-subrow__opener {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .lio-gn-subrow__opener:active,
  .lio-gn-drill-head button:active,
  .lio-gn-category-opener:active {
    transform: scale(.97);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-drill-head {
    min-height: 60px;
    margin: 0 0 9px;
    padding: 5px 4px;
    border-bottom: 1px solid var(--lio-gn-line);
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  .lio-gn-drill-head button {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .lio-gn-drill-head small,
  .lio-gn-drill-head strong {
    display: block;
  }

  .lio-gn-drill-head small {
    color: var(--lio-gn-muted);
    font-size: .63rem;
  }

  .lio-gn-drill-head strong {
    margin-top: 1px;
    color: var(--lio-gn-ink);
    font-size: .82rem;
    font-weight: 850;
  }

  .lio-gn-all-products--nested {
    margin: 0 0 10px;
  }

  .lio-gn-drill-list {
    margin: 0;
    padding: 10px 9px 4px;
  }

  .lio-gn-page-links {
    display: grid;
    gap: 11px;
  }

  .lio-gn-page-links a {
    min-height: 58px;
    padding: 7px 8px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 18px;
    background: var(--lio-gn-surface);
    box-shadow: var(--lio-gn-raised);
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 11px;
    color: #303030 !important;
    font-size: .8rem;
    font-weight: 730;
  }

  .lio-gn-page-link__icon {
    width: 40px;
    height: 40px;
    padding: 9px;
    border-radius: 13px;
    color: var(--lio-gn-accent);
    background: var(--lio-gn-surface-soft);
    box-shadow: var(--lio-gn-raised-soft);
    display: grid;
    place-items: center;
  }

  .lio-gn-page-link__icon svg,
  .lio-gn-page-links a > svg {
    width: 20px;
    height: 20px;
  }

  .lio-gn-page-links a > svg {
    color: var(--lio-gn-accent);
  }

  .lio-gn-page-links a:active {
    background: var(--lio-gn-surface-deep);
    box-shadow: var(--lio-gn-inset);
  }

  .lio-gn-empty {
    min-height: 190px;
    padding: 34px 18px;
    color: var(--lio-gn-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .lio-gn-empty svg {
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
  }

  .lio-gn-empty strong {
    color: #4f4f4f;
    font-size: .84rem;
  }

  /* Single-owner native WoodMart toolbar. */
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
    --lio-gn-toolbar-surface: #ececec;
    --lio-gn-toolbar-ink: #55595b;
    --lio-gn-toolbar-accent: #8e1d1d;
    position: fixed !important;
    z-index: 10000 !important;
    right: max(0px, env(safe-area-inset-right)) !important;
    bottom: 0 !important;
    left: max(0px, env(safe-area-inset-left)) !important;
    width: auto !important;
    height: calc(64px + env(safe-area-inset-bottom)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    padding: 7px 5px calc(6px + env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .7) !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background: var(--lio-gn-toolbar-surface) !important;
    box-shadow: 0 -5px 16px rgba(150, 150, 150, .13), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
    direction: rtl;
    isolation: isolate;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(.wd-toolbar-sidebar, .wd-header-wishlist) {
    display: none !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    display: flex !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar [data-lio-gn-toolbar-item="cart"] { order: 1; }
  body.lio-gn-toolbar-ready .wd-toolbar [data-lio-gn-toolbar-item="home"] { order: 3; }
  body.lio-gn-toolbar-ready .wd-toolbar [data-lio-gn-toolbar-item="shop"] { order: 2; }
  body.lio-gn-toolbar-ready .wd-toolbar [data-lio-gn-toolbar-item="profile"] { order: 4; }
  body.lio-gn-toolbar-ready .wd-toolbar [data-lio-gn-toolbar-item="contact"] { order: 5; }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] > a,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-action-btn,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-tools-element > a {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 44px;
    min-height: 48px;
    padding: 1px 2px !important;
    border: 0 !important;
    border-radius: 11px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--lio-gn-toolbar-ink) !important;
    display: grid !important;
    place-items: center;
    align-content: center;
    gap: 1px;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] > a::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-action-btn::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-tools-element > a::before {
    position: absolute;
    z-index: -1;
    inset: 0 2px;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 16px;
    background: var(--lio-gn-toolbar-surface);
    box-shadow:
      inset 5px 5px 11px rgba(158, 158, 158, .4),
      inset -5px -5px 11px rgba(255, 255, 255, .9);
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: scale(.96);
    transition: opacity .22s ease, transform .32s var(--lio-gn-ease), box-shadow .2s ease;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active > a::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active .wd-action-btn::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active .wd-tools-element > a::before {
    opacity: 1;
    transform: scale(1);
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(a, .wd-action-btn):active::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(a, .wd-action-btn).is-popping::before {
    opacity: 1;
    transform: scale(.975);
    box-shadow:
      inset 9px 9px 15px rgba(142, 142, 142, .52),
      inset -7px -7px 13px rgba(255, 255, 255, .94);
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(a, .wd-action-btn).is-popping::before {
    animation: lio-gn-toolbar-pop-bubble .3s cubic-bezier(.22, .9, .34, 1);
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(.wd-toolbar-icon, .wd-tools-icon, .wd-icon) {
    position: relative;
    z-index: 1;
    width: 23px;
    min-width: 23px;
    height: 24px;
    min-height: 24px;
    color: currentColor;
    display: grid;
    place-items: center;
    font-size: 22px;
    line-height: 1;
    transition: color .3s ease, transform .5s var(--lio-gn-ease);
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="contact"] .wd-tools-icon {
    font-size: 0 !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="contact"] .wd-tools-icon::before {
    --lio-gn-support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v5a3 3 0 0 1-3 3h-3'/%3E%3Cpath d='M4 13H2v5h4v-5zm16 0h2v5h-4v-5z'/%3E%3C/svg%3E");
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    background-color: currentColor;
    content: "" !important;
    display: block;
    -webkit-mask: var(--lio-gn-support-icon) center / contain no-repeat;
    mask: var(--lio-gn-support-icon) center / contain no-repeat;
    forced-color-adjust: none;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="contact"] .wd-tools-icon::after {
    content: none !important;
    display: none !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(.wd-toolbar-name, .wd-tools-text, .wd-toolbar-label, .lio-toolbar__label) {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow: hidden;
    display: block !important;
    color: var(--lio-gn-toolbar-ink) !important;
    font-size: clamp(10px, 2.6vw, 11px) !important;
    font-weight: 650;
    line-height: 1.15;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active :is(a, .wd-tools-icon, .wd-toolbar-name, .wd-tools-text, .wd-toolbar-label, .lio-toolbar__label) {
    color: var(--lio-gn-toolbar-accent) !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready .wd-cart-number {
    position: absolute !important;
    z-index: 4;
    top: 1px !important;
    right: calc(50% - 21px) !important;
    left: auto !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: #c82835 !important;
    color: #fff !important;
    display: grid !important;
    place-items: center;
    direction: ltr;
    font-size: 9px !important;
    font-variant-numeric: tabular-nums;
    font-weight: 760;
    line-height: 1 !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="cart"].lio-gn-cart-empty .wd-cart-number {
    display: none !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready .wd-cart-number span {
    display: none !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(a, .wd-action-btn).is-popping :is(.wd-toolbar-icon, .wd-tools-icon, .wd-icon) {
    animation: lio-gn-toolbar-pop-icon .3s cubic-bezier(.22, .9, .34, 1);
  }

  body.lio-gn-open .wd-toolbar.lio-gn-toolbar-ready {
    pointer-events: none !important;
  }

  @keyframes lio-gn-toolbar-pop-icon {
    0% { transform: scale(1); }
    38% { transform: scale(.76); }
    70% { transform: scale(1.07); }
    100% { transform: scale(1); }
  }
}

@media (max-width: 1024px) {
  /* Floating toolbar: stable destinations, separated from browser chrome. */
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
    --lio-gn-toolbar-bubble: 48px;
    --lio-gn-toolbar-inset: radial-gradient(ellipse 29% 11% at 35% 13%, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .15) 78%, transparent 100%), radial-gradient(ellipse 42% 17% at 68% 87%, rgba(255, 255, 255, .95) 0%, transparent 100%), radial-gradient(ellipse at 46% 41%, rgba(255, 255, 255, .08) 38%, rgba(171, 181, 187, .16) 70%, rgba(111, 127, 137, .24) 89%, rgba(255, 255, 255, .82) 100%);
    --lio-gn-toolbar-inset-shadow: inset 1px 1px 2px rgba(255, 255, 255, .98), inset -2px -3px 5px rgba(109, 127, 139, .19), 0 2px 3px rgba(75, 87, 94, .22), 0 5px 8px rgba(93, 110, 120, .09);
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: 380px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin-inline: auto !important;
    padding: 5px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 999px !important;
    background: #ededed !important;
    box-shadow: 0 5px 16px rgba(88, 92, 96, .13), inset 0 1px 0 rgba(255, 255, 255, .75) !important;
    transition: max-width 300ms cubic-bezier(.22, .7, .3, 1), height 300ms ease, min-height 300ms ease, padding 300ms ease;
  }

  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
      background: rgba(236, 236, 236, .84) !important;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
      background: #ededed !important;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] {
    z-index: auto;
    min-height: 52px;
    transition: min-height 300ms ease;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item]::after {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: var(--lio-gn-toolbar-bubble);
    height: var(--lio-gn-toolbar-bubble);
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    content: "";
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: width 300ms cubic-bezier(.22, .7, .3, 1), height 300ms cubic-bezier(.22, .7, .3, 1), transform 180ms var(--lio-gn-ease), box-shadow 160ms ease, background 160ms ease;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] > a,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-action-btn,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-tools-element > a {
    z-index: 1;
    height: 52px !important;
    min-height: 52px;
    border-radius: 50%;
    isolation: isolate;
    transition: height 300ms ease, min-height 300ms ease;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] > a::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-action-btn::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-tools-element > a::before {
    display: none !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] > a > *,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item] .wd-action-btn > * {
    position: relative;
    z-index: 1;
  }

  /* Icon-only presentation retains each native accessible link name. */
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready :is(.wd-toolbar-name, .wd-tools-text, .wd-toolbar-label, .lio-toolbar__label) {
    position: absolute !important;
    width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active::after {
    border-color: rgba(255, 255, 255, .83);
    background: var(--lio-gn-toolbar-inset);
    box-shadow: var(--lio-gn-toolbar-inset-shadow);
    -webkit-backdrop-filter: blur(.7px) contrast(1.04);
    backdrop-filter: blur(.7px) contrast(1.04);
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item]:has(> :is(a, .wd-action-btn):active)::after,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item]:has(> :is(a, .wd-action-btn).is-popping)::after {
    animation: lio-gn-toolbar-pop-bubble 300ms cubic-bezier(.22, .9, .34, 1);
    background: #e6e6e6;
    box-shadow: inset 4px 4px 7px rgba(116, 120, 124, .32), inset -3px -3px 6px rgba(255, 255, 255, .86);
  }

  @keyframes lio-gn-toolbar-pop-bubble {
    0% { transform: translate(-50%, -50%) scale(1); }
    27% { transform: translate(-50%, -50%) scale(.96); }
    58% { transform: translate(-50%, -50%) scale(1.018); }
    100% { transform: translate(-50%, -50%) scale(1); }
  }

  /* Pop-it inversion stays inside the destination cup; links never wait for motion. */
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active.lio-gn-is-transferring::after {
    z-index: 0;
    animation: lio-gn-popit-seat 420ms cubic-bezier(.2, .8, .25, 1) !important;
    background: var(--lio-gn-toolbar-inset);
    box-shadow: var(--lio-gn-toolbar-inset-shadow);
  }

  @keyframes lio-gn-popit-seat {
    0% { transform: translate(-50%, -50%) scale(1); box-shadow: inset 0 0 0 transparent; }
    42% { transform: translate(-50%, -50%) scale(.92); box-shadow: inset 5px 5px 8px rgba(115,118,122,.25), inset -4px -4px 7px rgba(255,255,255,.9); }
    72% { transform: translate(-50%, -50%) scale(.985); }
    100% { transform: translate(-50%, -50%) scale(1); }
  }

  @keyframes lio-gn-liquid-transfer {
    0% {
      transform: translate(calc(-50% + var(--lio-gn-transfer-start)), -50%) scale(.96, 1);
      border-radius: 50%;
      background: var(--lio-gn-toolbar-inset);
      box-shadow: var(--lio-gn-toolbar-inset-shadow);
    }
    20% {
      transform: translate(calc(-50% + var(--lio-gn-transfer-start) * .78), -50%) scale(1.12, .93);
      border-radius: 47% 53% 52% 48% / 51% 47% 53% 49%;
    }
    44% {
      transform: translate(calc(-50% + var(--lio-gn-transfer-start) * .3), -50%) scale(1.24, .86);
      border-radius: 53% 47% 45% 55% / 48% 53% 47% 52%;
      box-shadow: var(--lio-gn-toolbar-inset-shadow);
    }
    68% {
      transform: translate(calc(-50% + var(--lio-gn-transfer-start) * .035), -50%) scale(1.08, .95);
      border-radius: 46% 54% 53% 47% / 55% 48% 52% 45%;
    }
    84% {
      transform: translate(-50%, -50%) scale(.95, 1.045);
      border-radius: 49% 51% 48% 52% / 51% 48% 52% 49%;
      background: var(--lio-gn-toolbar-inset);
    }
    100% {
      transform: translate(-50%, -50%) scale(1);
      border-radius: 50%;
      background: var(--lio-gn-toolbar-inset);
      box-shadow: var(--lio-gn-toolbar-inset-shadow);
    }
  }

  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="shop"] .wd-tools-icon::before,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="shop"] .wd-tools-icon::after { content: none !important; }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item="shop"] svg { width: 23px; height: 24px; }

  /* Compact presentation reduces visual size while retaining five 44px targets. */
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact {
    --lio-gn-toolbar-bubble: 38px;
    max-width: clamp(234px, calc(80vw - 25.6px), 304px) !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 3px !important;
  }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact [data-lio-gn-toolbar-item] { min-height: 44px; }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact [data-lio-gn-toolbar-item] > a,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact [data-lio-gn-toolbar-item] .wd-action-btn,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact [data-lio-gn-toolbar-item] .wd-tools-element > a {
    height: 44px !important;
    min-height: 44px;
  }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready.lio-gn-toolbar-compact :is(.wd-tools-icon, .wd-toolbar-icon, .wd-icon) { transform: scale(.9); }

  .lio-gn-tabs button {
    font-size: 14px;
    line-height: 1.35;
  }

  .lio-gn-category-link {
    min-height: 56px;
    padding-block: 8px;
    font-size: 16px;
    line-height: 1.55;
    white-space: normal;
    font-weight: 600;
  }

  .lio-gn-subrow__link,
  .lio-gn-subrow.has-children .lio-gn-subrow__link {
    min-height: 54px;
    font-size: 13px;
    line-height: 1.55;
    white-space: normal;
  }

  .lio-gn-all-products__copy strong { font-size: 14px; }
  .lio-gn-all-products__copy small { font-size: 12px; }

  .mobile-nav.lio-gn-ready .lio-gn-search input.s { font-size: 16px !important; }

  @media (prefers-reduced-motion: reduce) {
    body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active.lio-gn-is-transferring::after,
    body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item]::after {
      animation: none !important;
      transition-duration: 0.01ms;
    }
  }
}

/*
 * Shared fixed-control clearance with the active Customer Club Capsule.
 * Navigation owns the shared clearance for its floating toolbar range.
 */
@media (max-width: 1024px) {
  html.lio-gn-runtime .lio-floating-cart {
    bottom: calc(var(--lio-gn-toolbar-clearance) + env(safe-area-inset-bottom));
  }

  html.lio-gn-runtime .lio-floating-cart .lio-floating-cart__panel {
    max-height: calc(100dvh - 116px - env(safe-area-inset-bottom));
  }
}


@media (max-width: 359px) {
  .mobile-nav.lio-gn-ready {
    width: calc(100vw - 16px) !important;
  }

  .lio-gn-header,
  .lio-gn-scroll {
    padding-inline: 12px;
  }

  .lio-gn-titlebar small {
    display: none;
  }

  .lio-gn-tabs button {
    font-size: 13px;
  }

  .lio-gn-category-link {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-nav.lio-gn-ready,
  .mobile-nav.lio-gn-ready *,
  body.lio-gn-toolbar-ready .wd-toolbar,
  body.lio-gn-toolbar-ready .wd-toolbar * {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  .mobile-nav.lio-gn-ready :is(a, button, input):focus-visible,
  body.lio-gn-toolbar-ready .wd-toolbar :is(a, button):focus-visible {
    outline: 3px solid Highlight !important;
  }

  .lio-gn-category-main,
  .lio-gn-subrow,
  .lio-gn-all-products,
  .lio-gn-page-links a,
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
    border: 1px solid CanvasText !important;
  }
}

/* Restore the early drawer's airy, local soft-surface hierarchy. These values
 * live on the drawer shell so the frozen toolbar lens is unaffected. */
@media (max-width: 1024px) {
  .mobile-nav.lio-gn-ready .lio-gn-shell {
    --lio-gn-raised:
      -5px -5px 11px rgba(255, 255, 255, .78),
      6px 7px 14px rgba(150, 150, 150, .17);
    --lio-gn-raised-soft:
      -4px -4px 9px rgba(255, 255, 255, .7),
      5px 6px 12px rgba(150, 150, 150, .14);
    --lio-gn-inset:
      inset 5px 5px 11px rgba(151, 151, 151, .24),
      inset -5px -5px 11px rgba(255, 255, 255, .78);
    --lio-gn-inset-deep:
      inset 7px 7px 15px rgba(151, 151, 151, .28),
      inset -7px -7px 15px rgba(255, 255, 255, .8);
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-item { margin-bottom: 11px; }
  .mobile-nav.lio-gn-ready .lio-gn-category-main {
    border-color: rgba(255, 255, 255, .58);
    border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(226, 226, 226, .08)),
      var(--lio-gn-surface);
  }
}

/* Reference 1.1.0/1.1.1 drawer copy was about 10–11px at the native root.
 * Keep its light composition, with a 20–30% readable increase in fixed px. */
.mobile-nav.lio-gn-ready .lio-gn-titlebar strong { font-size: 16px !important; }
.mobile-nav.lio-gn-ready .lio-gn-titlebar small { font-size: 10px !important; }
.mobile-nav.lio-gn-ready .lio-gn-drill-head strong { font-size: 13px !important; }
.mobile-nav.lio-gn-ready .lio-gn-drill-head small { font-size: 10px !important; }
.mobile-nav.lio-gn-ready .lio-gn-page-links a { font-size: 13px !important; font-weight: 400; }
.mobile-nav.lio-gn-ready .lio-gn-empty strong { font-size: 12px !important; }
.mobile-nav.lio-gn-ready .lio-gn-all-products__copy strong { font-size: 12.5px !important; }
.mobile-nav.lio-gn-ready .lio-gn-all-products__copy small { font-size: 10px !important; }

/* Fixed values prevent WoodMart's verified 10px root from shrinking copy. */
@media (max-width: 1024px) {
  .mobile-nav.lio-gn-ready .lio-gn-tabs button { font-size: 12px !important; font-weight: 500; }
  .mobile-nav.lio-gn-ready .lio-gn-category-link,
  .mobile-nav.lio-gn-ready button.lio-gn-category-link {
    min-height: 58px;
    padding-block: 9px;
    font-size: 13px !important;
    font-weight: 400 !important;
  }
  .mobile-nav.lio-gn-ready .lio-gn-subrow__link,
  .mobile-nav.lio-gn-ready button.lio-gn-subrow__link {
    min-height: 48px;
    font-size: 11.5px !important;
  }
  .mobile-nav.lio-gn-ready .lio-gn-subrow.has-children .lio-gn-subrow__link,
  .mobile-nav.lio-gn-ready .lio-gn-subrow.has-children button.lio-gn-subrow__link { min-height: 52px; }
}

@media (max-width: 359px) {
  .mobile-nav.lio-gn-ready .lio-gn-tabs button { font-size: 11.5px !important; }
  .mobile-nav.lio-gn-ready .lio-gn-category-link,
  .mobile-nav.lio-gn-ready button.lio-gn-category-link { font-size: 12.5px !important; }
  .mobile-nav.lio-gn-ready .lio-gn-subrow__link,
  .mobile-nav.lio-gn-ready button.lio-gn-subrow__link { font-size: 11px !important; }
}

/* A continuous flat surface; only the selected destination sits inward. */
@media (max-width: 1024px) {
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready {
    --lio-gn-toolbar-inset: linear-gradient(145deg, #dedede, #eeeeee);
    --lio-gn-toolbar-inset-shadow: inset 4px 4px 7px rgba(115,118,122,.24), inset -4px -4px 7px rgba(255,255,255,.9);
  }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item]::after {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  body.lio-gn-toolbar-ready .wd-toolbar.lio-gn-toolbar-ready [data-lio-gn-toolbar-item].lio-gn-toolbar-active::after {
    background: var(--lio-gn-toolbar-inset);
    box-shadow: var(--lio-gn-toolbar-inset-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Refined category rhythm: a quiet, ordered list with one consistent text edge.
 * The 44px opener remains the touch target for branches; leaves reserve the
 * same leading space so their labels do not jump when a chevron is absent. */
@media (max-width: 1024px) {
  .mobile-nav.lio-gn-ready .lio-gn-shell {
    --lio-gn-raised:
      -3px -3px 8px rgba(255, 255, 255, .72),
      3px 4px 8px rgba(145, 145, 145, .11);
    --lio-gn-raised-soft:
      -3px -3px 7px rgba(255, 255, 255, .66),
      3px 3px 7px rgba(145, 145, 145, .09);
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-list {
    margin-top: 10px;
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-item {
    margin-bottom: 7px;
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-main {
    min-height: 52px;
    border-radius: 15px;
    box-shadow: var(--lio-gn-raised-soft);
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-link,
  .mobile-nav.lio-gn-ready button.lio-gn-category-link {
    min-height: 52px;
    padding-block: 7px;
    padding-inline: 14px;
    justify-content: flex-start;
    text-align: right;
    line-height: 1.45;
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-main.is-leaf .lio-gn-category-link {
    padding-inline-end: 56px;
  }

  .mobile-nav.lio-gn-ready .lio-gn-category-opener {
    width: 44px;
    height: 44px;
    margin-inline-end: 2px;
  }
}

@media (max-width: 359px) {
  .mobile-nav.lio-gn-ready .lio-gn-category-item { margin-bottom: 6px; }
  .mobile-nav.lio-gn-ready .lio-gn-category-main,
  .mobile-nav.lio-gn-ready .lio-gn-category-link,
  .mobile-nav.lio-gn-ready button.lio-gn-category-link { min-height: 50px; }
}

/* Candidate only — scoped to the generated card at the head of a subcategory tray.
   The root "همه محصولات" tile, category rows, menu anchors, and runtime remain untouched. */
.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested {
  min-height: 64px;
  padding: 9px;
  background: rgba(255, 255, 255, .2);
  border-color: rgba(255, 255, 255, .45);
  border-radius: 16px;
  box-shadow: 2px 3px 8px rgba(98, 98, 98, .06), -2px -2px 7px rgba(255, 255, 255, .4);
  grid-template-columns: 38px minmax(0, 1fr) 44px;
  gap: 8px;
}

.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested .lio-gn-all-products__icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
}

.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested .lio-gn-all-products__icon svg,
.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested .lio-gn-all-products__arrow svg {
  width: 18px;
  height: 18px;
}

.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested .lio-gn-all-products__copy strong {
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45;
}

.mobile-nav.lio-gn-ready .lio-gn-subtray > .lio-gn-all-products--nested .lio-gn-all-products__copy small {
  margin-top: 2px;
  font-size: 10.5px !important;
  line-height: 1.4;
}