/* AVS Navigation v61 — Mobile Visual Commerce Prototype
   Data and navigation logic remain unchanged; this is a new presentation layer. */
:root{
  --avs61-bg:#f7f9fc;
  --avs61-surface:#fff;
  --avs61-text:#15203a;
  --avs61-muted:#7d8799;
  --avs61-line:#e7ebf2;
  --avs61-accent:#d71938;
  --avs61-radius:18px;
  --avs61-shadow:0 18px 48px rgba(15,23,42,.16);
}

@media (max-width:1023px){
  body.avs-navigation-v61 .avs-mobile-nav__sheet,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    top:max(8px,env(safe-area-inset-top,0px))!important;
    right:2vw!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    width:96vw!important;
    max-width:760px!important;
    height:auto!important;
    border:1px solid rgba(225,230,239,.95)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:var(--avs61-shadow)!important;
  }

  body.avs-navigation-v61 .avs-mobile-nav__sticky-header,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    flex:0 0 auto!important;
    min-height:92px!important;
    height:92px!important;
    padding:10px 14px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
    border-bottom:1px solid var(--avs61-line)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__brand-row{width:100%!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
  body.avs-navigation-v61 .avs-mobile-nav__close{grid-column:1!important;width:46px!important;height:46px!important;border:1px solid #e3e8f0!important;border-radius:15px!important;background:#f8fafc!important;color:#17233e!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
  body.avs-navigation-v61 .avs-mobile-nav__signature{grid-column:2!important;justify-self:end!important;min-width:0!important;text-decoration:none!important;text-align:right!important}
  body.avs-navigation-v61 .avs-mobile-nav__logo-img{max-width:190px!important;max-height:50px!important;object-fit:contain!important}
  body.avs-navigation-v61 .avs-mobile-nav__signature em{display:block!important;margin-top:2px!important;color:#8790a2!important;font-style:normal!important;font-size:10px!important;font-weight:800!important}

  body.avs-navigation-v61 .avs-mobile-nav__content-frame,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(72px,19vw,86px)!important;
    gap:8px!important;
    padding:8px 8px 0!important;
    direction:ltr!important;
    background:linear-gradient(180deg,#fafbfe 0%,#f7f9fc 100%)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__viewport,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-column:1!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    border:0!important;
    border-radius:18px 18px 0 0!important;
    background:transparent!important;
    overflow:hidden!important;
    direction:rtl!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-rail{
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:2px!important;
    margin:0!important;
    border:0!important;
    border-radius:17px 17px 0 0!important;
    background:transparent!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
    direction:rtl!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-rail::-webkit-scrollbar{display:none!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:78px!important;
    padding:7px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:1px solid #e6ebf2!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#17233e!important;
    box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
    text-decoration:none!important;
    font:inherit!important;
    cursor:pointer!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-active{
    border-color:#1678ef!important;
    background:linear-gradient(160deg,#1989ff 0%,#0867d8 100%)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(18,112,231,.23)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-visual{width:46px!important;height:42px!important;display:grid!important;place-items:center!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{width:46px!important;height:42px!important;object-fit:contain!important;display:block!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{display:block!important;max-width:100%!important;font-size:9px!important;line-height:1.2!important;font-weight:950!important;text-align:center!important;color:inherit!important;white-space:normal!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-active img{filter:drop-shadow(0 3px 5px rgba(0,0,0,.14)) brightness(1.08)!important}

  body.avs-navigation-v61 .avs-mobile-nav__panel{
    padding:0 2px 16px!important;
    background:transparent!important;
    scrollbar-width:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__panel::-webkit-scrollbar{display:none!important}
  body.avs-navigation-v61 .avs-mobile-nav__root-intro,
  body.avs-navigation-v61 .avs-mobile-nav__panel-search{margin:0 0 7px!important;padding:0!important}
  body.avs-navigation-v61 .avs-mobile-nav__search{
    min-height:48px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    border:1px solid #dde3ed!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__search button,
  body.avs-navigation-v61 .avs-mobile-nav__search input{height:46px!important}
  body.avs-navigation-v61 .avs-mobile-nav__search input{font-size:12px!important;font-weight:700!important;color:#28334a!important}
  body.avs-navigation-v61 .avs-mobile-nav__search input::placeholder{color:#8f98aa!important}

  body.avs-navigation-v61 .avs-mobile-nav__back{
    height:42px!important;
    min-height:42px!important;
    margin:0 0 7px!important;
    padding:0 10px!important;
    border:1px solid #e3e8f0!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#48536a!important;
    box-shadow:none!important;
    font-size:10.5px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all{
    min-height:40px!important;
    margin:0 0 7px!important;
    border-radius:13px!important;
    border-color:#eadfe2!important;
    background:#fff9fa!important;
  }

  body.avs-navigation-v61 .avs-mobile-nav__panel ul{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;padding:0!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel li{border:0!important}

  /* Root category cards */
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root li{
    display:block!important;
    min-height:82px!important;
    border:1px solid #e5eaf1!important;
    border-radius:17px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root li>button{
    width:100%!important;
    min-height:80px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 76px!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 10px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{grid-column:3!important;width:72px!important;height:66px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon img{width:72px!important;height:66px!important;object-fit:contain!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-copy{grid-column:2!important;text-align:right!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{grid-column:1!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#f6f8fb!important;display:grid!important;place-items:center!important;color:#26334f!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:13.5px!important;font-weight:950!important;color:#17233e!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{display:block!important;margin-top:4px!important;font-size:9.5px!important;color:#8a93a4!important;font-weight:700!important}

  /* v61 visual-commerce cards for Accessories */
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories){
    display:block!important;
    min-height:112px!important;
    border:1px solid #e5eaf1!important;
    border-radius:17px!important;
    overflow:hidden!important;
    box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-keyboard{background:linear-gradient(110deg,#eef5ff 0%,#fbfdff 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-mouse{background:linear-gradient(110deg,#fff3f0 0%,#fffaf8 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-speaker{background:linear-gradient(110deg,#eefbf8 0%,#fbfefd 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-headset-mic{background:linear-gradient(110deg,#f4f0ff 0%,#fcfbff 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-cables{background:linear-gradient(110deg,#eef7ff 0%,#fbfdff 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-cooling-pad{background:linear-gradient(110deg,#fff1f3 0%,#fffafb 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-bag{background:linear-gradient(110deg,#fff8e9 0%,#fffdf8 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-monitor-arm{background:linear-gradient(110deg,#eefaf4 0%,#fbfefc 62%,#fff 100%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-mobile-accessories{background:linear-gradient(110deg,#f2f4ff 0%,#fcfcff 62%,#fff 100%)!important}

  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button{
    min-height:110px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) minmax(112px,40%)!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px 9px!important;
    border:0!important;
    background:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory{
    grid-column:3!important;
    grid-row:1!important;
    width:100%!important;
    height:96px!important;
    min-width:0!important;
    min-height:0!important;
    flex:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory img{
    width:100%!important;
    height:96px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    filter:drop-shadow(0 8px 9px rgba(27,39,66,.12))!important;
    transform:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    padding:0!important;
    text-align:right!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-title{
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:950!important;
    color:#17233e!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-subtitle{
    display:block!important;
    margin-top:5px!important;
    font-size:9.7px!important;
    line-height:1.5!important;
    color:#7f899b!important;
    font-weight:700!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__row-chevron{
    grid-column:1!important;
    grid-row:1!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.06)!important;
    display:grid!important;
    place-items:center!important;
    color:#24324e!important;
  }

  body.avs-navigation-v61 .avs-mobile-nav__sticky-footer{
    flex:0 0 auto!important;
    padding:7px 8px max(7px,env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid var(--avs61-line)!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -7px 18px rgba(15,23,42,.04)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock>a{
    min-width:0!important;
    min-height:58px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:4px 2px!important;
    border:1px solid #e6ebf1!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#2c3852!important;
    text-decoration:none!important;
    box-shadow:0 2px 8px rgba(15,23,42,.025)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock img{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:9px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock strong{display:block!important;font-size:8.5px!important;line-height:1.1!important;font-weight:950!important;white-space:nowrap!important}
}

@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__sheet,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{width:98vw!important;right:1vw!important;border-radius:20px!important}
  body.avs-navigation-v61 .avs-mobile-nav__content-frame{grid-template-columns:minmax(0,1fr) 68px!important;gap:5px!important;padding-inline:5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action{min-height:70px!important;border-radius:13px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{width:40px!important;height:38px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{font-size:8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button{grid-template-columns:32px minmax(0,1fr) minmax(92px,38%)!important;padding-inline:6px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-title{font-size:12.5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-subtitle{font-size:8.8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock strong{font-size:7.5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock img{width:27px!important;height:27px!important}
}

/* =========================================================
   v61.1.0 — Layout Stabilization / CSS-generation isolation
   Root cause fixed: v60 scoped skin no longer coexists on body.
   These rules also neutralize unscoped legacy geometry that remains
   loaded as the low-level compatibility foundation.
   ========================================================= */
@media (max-width:1023px){
  /* Shell: one scrollable content column + persistent physical-right master rail. */
  body.avs-navigation-v61 .avs-mobile-nav__content-frame,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-areas:none!important;
    align-items:stretch!important;
    flex-direction:initial!important;
    direction:ltr!important;
    gap:7px!important;
    padding:8px 7px 0 8px!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__viewport,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    order:initial!important;
    position:relative!important;
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    width:auto!important;
    height:100%!important;
    overflow:hidden!important;
    direction:rtl!important;
    z-index:1!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-rail,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-rail{
    grid-area:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    order:initial!important;
    position:relative!important;
    inset:auto!important;
    z-index:4!important;
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    align-content:initial!important;
    gap:5px!important;
    padding:2px!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    border:1px solid #e9edf3!important;
    border-radius:16px 16px 0 0!important;
    background:#fbfcfe!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action{
    flex:0 0 auto!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    height:auto!important;
    padding:5px 2px!important;
    border:1px solid #e6eaf1!important;
    border-radius:12px!important;
    background:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:3px!important;
    color:#18243c!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    overflow:hidden!important;
    box-shadow:0 2px 7px rgba(15,23,42,.025)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active{
    color:#fff!important;
    border-color:#1477e7!important;
    background:linear-gradient(165deg,#238cf5 0%,#0864ce 100%)!important;
    box-shadow:0 7px 18px rgba(16,105,214,.20)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual>span{
    flex:0 0 auto!important;
    width:42px!important;
    height:36px!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{
    display:block!important;
    width:42px!important;
    height:36px!important;
    max-width:42px!important;
    max-height:36px!important;
    object-fit:contain!important;
    margin:0!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:inherit!important;
    font-size:7.9px!important;
    line-height:1.22!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Panels: absolute stack remains, but active panel is a normal RTL scroll surface. */
  body.avs-navigation-v61 .avs-mobile-nav__panel,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    padding:2px 1px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    direction:rtl!important;
  }

  /* Search: neutralize legacy compact dimensions. */
  body.avs-navigation-v61 .avs-mobile-nav__root-intro,
  body.avs-navigation-v61 .avs-mobile-nav__panel-search{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 8px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__search{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    overflow:hidden!important;
    border:1px solid #e0e5ed!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__search button,
  body.avs-navigation-v61 .avs-mobile-nav__search input{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:46px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding-block:0!important;
  }

  /* Accessory visual cards: deterministic physical layout.
     LTR grid gives: arrow on physical-left, image center-left, Persian copy on right. */
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories),
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:106px!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button{
    position:relative!important;
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:34px minmax(108px,38%) minmax(0,1fr)!important;
    grid-template-rows:104px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:104px!important;
    height:104px!important;
    gap:7px!important;
    padding:0 9px!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    writing-mode:horizontal-tb!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:96px!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    direction:ltr!important;
    transform:none!important;
    writing-mode:horizontal-tb!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-copy{
    grid-column:3!important;
    grid-row:1!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    direction:rtl!important;
    text-align:right!important;
    writing-mode:horizontal-tb!important;
    overflow:visible!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-title,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-subtitle{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-inline:0!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    transform:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-title{
    font-size:13.2px!important;
    line-height:1.45!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-subtitle{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.45!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__row-chevron{
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
    direction:ltr!important;
    transform:none!important;
  }
}

@media (max-width:389px){
  body.avs-navigation-v61 .avs-mobile-nav__content-frame,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 70px!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-areas:none!important;
    flex-direction:initial!important;
    direction:ltr!important;
    gap:5px!important;
    padding:6px 5px 0 6px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-rail,
  body.avs-navigation-v61.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-rail{
    grid-column:2!important;grid-row:1!important;display:flex!important;width:70px!important;min-width:70px!important;max-width:70px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action{min-height:60px!important;padding:4px 1px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{width:38px!important;height:32px!important;max-width:38px!important;max-height:32px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{font-size:7.2px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button{
    grid-template-columns:30px minmax(92px,37%) minmax(0,1fr)!important;
    grid-template-rows:96px!important;height:96px!important;min-height:96px!important;padding-inline:6px!important;gap:5px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory{height:88px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-title{font-size:12px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__item-subtitle{font-size:8.2px!important}
}

/* ==========================================================================
   v61.2.0 — Master Rail Selection Contract + Leaf Destination Panels
   The right rail is a selector only. Navigation away from the drawer happens
   exclusively from the left content pane.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61 .avs-mobile-nav__master-action[role="tab"]{
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"]{
    border-color:#1678ef!important;
    background:linear-gradient(160deg,#1989ff 0%,#0867d8 100%)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(18,112,231,.23)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action:focus-visible{
    outline:3px solid rgba(22,120,239,.22)!important;
    outline-offset:2px!important;
  }

  body.avs-navigation-v61 .avs-mobile-nav__panel.is-leaf-destination{
    padding-bottom:24px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-card{
    width:100%!important;
    min-height:148px!important;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:10px 14px!important;
    margin:4px 0 0!important;
    padding:18px!important;
    box-sizing:border-box!important;
    border:1px solid #e2e8f0!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;
    color:#17233e!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-visual{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:82px!important;
    height:82px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid #e7ebf1!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(15,23,42,.05)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-visual img{
    width:74px!important;
    height:74px!important;
    object-fit:contain!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    align-self:end!important;
    text-align:right!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-copy strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:950!important;
    color:#17233e!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-copy small{
    display:block!important;
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.7!important;
    font-weight:750!important;
    color:#8791a3!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-cta{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    min-width:74px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 15px!important;
    border-radius:11px!important;
    background:#17233e!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-card:active{
    transform:scale(.992)!important;
  }

  /* Keep the action rail content fully reachable above the sticky communication dock. */
  body.avs-navigation-v61 .avs-mobile-nav__master-rail{
    padding-bottom:12px!important;
    overscroll-behavior:contain!important;
    scroll-behavior:smooth!important;
  }

  /* Panel chrome: consistent hierarchy and less visual competition. */
  body.avs-navigation-v61 .avs-mobile-nav__back{
    font-weight:850!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all{
    font-weight:800!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__destination-card{
    min-height:132px!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    padding:14px 12px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-visual{
    width:68px!important;height:68px!important;border-radius:14px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__destination-visual img{width:62px!important;height:62px!important}
  body.avs-navigation-v61 .avs-mobile-nav__destination-copy strong{font-size:13px!important}
}
\n\n/* ==========================================================================\n   v61.3.0 — Default Laptop Hub / No Root Duplication\n   Root is a structural container only. The rail owns top-level selection.\n   ========================================================================== */\n@media (max-width:1023px){\n  body.avs-navigation-v61 .avs-mobile-nav__back{display:none!important}\n  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root{display:none!important}\n  body.avs-navigation-v61 .avs-mobile-nav__viewport{scrollbar-width:none!important}\n  body.avs-navigation-v61 .avs-mobile-nav__viewport::-webkit-scrollbar{display:none!important}\n  body.avs-navigation-v61 .avs-mobile-nav__viewport.is-scrolling::-webkit-scrollbar-thumb{background:transparent!important}\n}\n
/* ==========================================================================
   v61.4.0 — UX Navigation Polish
   Nested Back is contextual; Master Rail remains the top-level reset control.
   View-all becomes a compact commerce CTA instead of breadcrumb-like text.
   ========================================================================== */
@media (max-width:1023px){
  /* Root remains structural only. */
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-root{display:none!important}

  /* No Back at master level; only nested panels render .context-back. */
  body.avs-navigation-v61 .avs-mobile-nav__back{display:none!important}
  body.avs-navigation-v61 .avs-mobile-nav__context-back{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin:0 0 9px!important;
    padding:0 10px 0 12px!important;
    border:1px solid #e6eaf0!important;
    border-radius:12px!important;
    background:#f9fafc!important;
    color:#566176!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__context-back-icon{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#27344f!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__context-back-icon svg{width:14px!important;height:14px!important}
  body.avs-navigation-v61 .avs-mobile-nav__context-back:active{transform:scale(.985)!important;background:#f4f6fa!important}
  body.avs-navigation-v61 .avs-mobile-nav__context-back:focus-visible{outline:3px solid rgba(27,112,215,.16)!important;outline-offset:2px!important}

  /* Commerce "view all" CTA. */
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:7px 9px 7px 12px!important;
    box-sizing:border-box!important;
    border:1px solid #e3e9f2!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#f8fbff 0%,#f5f8fd 100%)!important;
    color:#17233e!important;
    text-decoration:none!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:1px!important;
    text-align:right!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy small{
    display:block!important;
    font-size:8px!important;
    line-height:1.3!important;
    font-weight:750!important;
    color:#98a1b1!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy strong{
    display:block!important;
    font-size:11px!important;
    line-height:1.45!important;
    font-weight:900!important;
    color:#27344f!important;
    white-space:normal!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#1c6bc3!important;
    box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-icon svg{width:16px!important;height:16px!important}
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce:active{transform:scale(.992)!important;background:#f1f6fc!important}
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce:focus-visible{outline:3px solid rgba(27,112,215,.16)!important;outline-offset:2px!important}

  /* Slightly calmer active rail: clear selection without stealing focus. */
  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"]{
    border-color:#2d7fd5!important;
    background:linear-gradient(160deg,#2c87e7 0%,#1769c3 100%)!important;
    box-shadow:0 5px 14px rgba(26,103,190,.18)!important;
  }

  /* More breathing room between panel chrome and content. */
  body.avs-navigation-v61 .avs-mobile-nav__hub-title{margin-top:2px!important;margin-bottom:10px!important}
  body.avs-navigation-v61 .avs-mobile-nav__hub-grid{gap:8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__panel>ul{padding-top:1px!important}
}

@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce{min-height:46px!important;padding-inline:8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy strong{font-size:10px!important}
  body.avs-navigation-v61 .avs-mobile-nav__context-back{font-size:9px!important}
}

/* ==========================================================================
   v61.5.0 — Unified Nested Header
   One consistent chrome for every nested panel: Back + current route + View All.
   ========================================================================== */
@media (max-width:1023px){
  /* Retire every previous nested/back visual generation. */
  body.avs-navigation-v61 .avs-mobile-nav__context-back,
  body.avs-navigation-v61 .avs-mobile-nav__back{display:none!important}

  body.avs-navigation-v61 .avs-mobile-nav__nested-header{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border:1px solid #e4e9f1!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#fff 0%,#f8fafc 100%)!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-actions{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    direction:rtl!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{
    min-width:88px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 9px!important;
    border:1px solid #dfe5ee!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#26334d!important;
    box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
    font:inherit!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon{
    width:25px!important;height:25px!important;flex:0 0 25px!important;
    display:grid!important;place-items:center!important;
    border-radius:8px!important;
    background:#f2f6fb!important;
    color:#1d6fc8!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon svg{width:14px!important;height:14px!important}

  body.avs-navigation-v61 .avs-mobile-nav__nested-view-all{
    min-width:92px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 9px!important;
    border:1px solid #e0e8f3!important;
    border-radius:11px!important;
    background:#f3f8ff!important;
    color:#1d64ac!important;
    text-decoration:none!important;
    font-size:9.8px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-icon{
    width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
    border-radius:7px!important;background:#fff!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-icon svg{width:11px!important;height:11px!important}

  body.avs-navigation-v61 .avs-mobile-nav__nested-title{
    min-width:0!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:0 5px 1px!important;
    text-align:right!important;
    direction:rtl!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-title small{
    flex:0 0 auto!important;
    color:#9aa3b3!important;
    font-size:8.5px!important;
    line-height:1.3!important;
    font-weight:750!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-title strong{
    min-width:0!important;
    color:#17233e!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:950!important;
    white-space:normal!important;
  }

  body.avs-navigation-v61 .avs-mobile-nav__nested-back:active,
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-all:active{transform:scale(.975)!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-back:focus-visible,
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-all:focus-visible{
    outline:3px solid rgba(30,112,204,.15)!important;outline-offset:2px!important;
  }

  /* Master-level View All: simple, clear, not breadcrumb-like. */
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce{
    min-height:52px!important;
    margin-bottom:10px!important;
    padding:7px 10px 7px 12px!important;
    border-color:#e2e8f1!important;
    background:#f8fbff!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy{
    align-items:flex-start!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy strong{
    font-size:11.2px!important;color:#26344e!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all-copy small{
    margin-top:2px!important;font-size:8.2px!important;color:#9aa3b2!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__nested-header{padding:7px!important;border-radius:13px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{min-width:78px!important;height:36px!important;font-size:9.5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-all{min-width:82px!important;height:36px!important;font-size:9px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-title strong{font-size:11.5px!important}
}

/* ==========================================================================
   v61.6.0 — Clean Nested Header + Final View-All Card
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61 .avs-mobile-nav__nested-header{
    width:100%!important;min-height:48px!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
    gap:10px!important;margin:0 0 10px!important;padding:5px 6px!important;
    border:0!important;border-radius:13px!important;background:#f8fafc!important;box-shadow:none!important;
    direction:rtl!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-actions,
  body.avs-navigation-v61 .avs-mobile-nav__nested-title,
  body.avs-navigation-v61 .avs-mobile-nav__nested-view-all{display:none!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{
    flex:0 0 auto!important;min-width:80px!important;height:38px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 8px!important;
    border:1px solid #e1e7ef!important;border-radius:10px!important;background:#fff!important;color:#24324a!important;
    box-shadow:0 2px 8px rgba(15,23,42,.035)!important;font:inherit!important;font-size:10.5px!important;
    line-height:1!important;font-weight:900!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon{
    width:24px!important;height:24px!important;flex:0 0 24px!important;display:grid!important;place-items:center!important;
    border-radius:7px!important;background:#eef5fc!important;color:#1972cf!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon svg{width:13px!important;height:13px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-heading{
    min-width:0!important;display:block!important;overflow:hidden!important;color:#17233d!important;
    font-size:12px!important;line-height:1.45!important;font-weight:950!important;text-align:right!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__view-all--commerce{display:none!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all{
    width:calc(100% - 4px)!important;min-height:64px!important;margin:12px 2px 18px!important;padding:9px 12px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    box-sizing:border-box!important;border:1px solid rgba(22,103,197,.12)!important;border-radius:16px!important;
    background:linear-gradient(135deg,#153b6f 0%,#176ec5 100%)!important;color:#fff!important;text-decoration:none!important;
    box-shadow:0 8px 20px rgba(27,91,164,.13)!important;direction:rtl!important;-webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy{
    min-width:0!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
    align-items:flex-start!important;gap:2px!important;text-align:right!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy small{
    color:rgba(255,255,255,.68)!important;font-size:8.3px!important;line-height:1.35!important;font-weight:700!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy strong{
    max-width:100%!important;overflow:hidden!important;color:#fff!important;font-size:11.5px!important;
    line-height:1.5!important;font-weight:950!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-icon{
    width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;
    border-radius:11px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.13)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-icon svg{width:15px!important;height:15px!important;stroke-width:2.2!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all:active,
  body.avs-navigation-v61 .avs-mobile-nav__nested-back:active{transform:scale(.98)!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all:focus-visible,
  body.avs-navigation-v61 .avs-mobile-nav__nested-back:focus-visible{
    outline:3px solid rgba(30,112,204,.17)!important;outline-offset:2px!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__nested-header{gap:7px!important;padding-inline:4px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{min-width:72px!important;height:36px!important;font-size:9.5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-heading{font-size:10.8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all{min-height:58px!important;padding:8px 9px!important;border-radius:14px!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy strong{font-size:10.5px!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
}

/* ==========================================================================
   v61.7.0 — FINAL VISUAL POLISH / DESIGN FREEZE
   Architecture is frozen. These rules only refine hierarchy, rhythm,
   active states, tap feedback, media sizing and the persistent social dock.
   ========================================================================== */
@media (max-width:1023px){
  :root{
    --avs61-text:#17233d;
    --avs61-muted:#8791a3;
    --avs61-line:#e9edf3;
  }

  /* Master rail — quieter chrome, clear but non-dominant active state. */
  body.avs-navigation-v61 .avs-mobile-nav__master-rail{
    gap:5px!important;
    padding:2px 1px 12px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action{
    min-height:74px!important;
    padding:6px 3px!important;
    gap:3px!important;
    border-color:#e9edf3!important;
    border-radius:14px!important;
    box-shadow:0 1px 5px rgba(15,23,42,.025)!important;
    transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"]{
    border-color:#2d7bc9!important;
    background:linear-gradient(155deg,#2b82da 0%,#1d6fbe 100%)!important;
    box-shadow:0 5px 12px rgba(24,91,161,.15)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action:active{transform:scale(.975)!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action:focus-visible{
    outline:3px solid rgba(38,119,202,.16)!important;
    outline-offset:1px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{
    width:44px!important;height:40px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{
    font-size:8.8px!important;line-height:1.25!important;font-weight:900!important;
  }

  /* Content rhythm — lighter borders and consistent card geometry. */
  body.avs-navigation-v61 .avs-mobile-nav__panel ul{gap:6px!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item{
    border-color:#e8edf3!important;
    border-radius:16px!important;
    box-shadow:0 2px 9px rgba(15,23,42,.025)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__item-title{letter-spacing:-.08px!important}
  body.avs-navigation-v61 .avs-mobile-nav__item-subtitle{color:#8993a4!important}

  /* Accessory visual cards — normalize visual weight without recoloring assets. */
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories){
    min-height:106px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>a,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories)>button{
    min-height:104px!important;
    grid-template-columns:34px minmax(0,1fr) minmax(108px,39%)!important;
    padding:6px 8px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory,
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory img{
    height:90px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.has-identity:is(.is-keyboard,.is-mouse,.is-speaker,.is-headset-mic,.is-cables,.is-cooling-pad,.is-bag,.is-monitor-arm,.is-mobile-accessories) .avs-mobile-nav__identity--accessory img{
    filter:drop-shadow(0 6px 7px rgba(27,39,66,.10))!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-mouse .avs-mobile-nav__identity--accessory img{transform:scale(.92)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-headset-mic .avs-mobile-nav__identity--accessory img{transform:scale(.95)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-cables .avs-mobile-nav__identity--accessory img{transform:scale(.93)!important}
  body.avs-navigation-v61 .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory img{transform:scale(.96)!important}

  /* Nested header — one compact, recognizable Back affordance. */
  body.avs-navigation-v61 .avs-mobile-nav__nested-header{
    min-height:46px!important;
    gap:9px!important;
    margin-bottom:8px!important;
    padding:4px 5px!important;
    border-radius:12px!important;
    background:#f8fafc!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{
    min-width:76px!important;
    height:36px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-color:#e3e8ef!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 1px 5px rgba(15,23,42,.025)!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon{
    width:22px!important;height:22px!important;flex-basis:22px!important;
    border-radius:7px!important;background:#eef5fb!important;color:#236fba!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-heading{
    font-size:11.8px!important;line-height:1.4!important;font-weight:950!important;
  }

  /* Final View-All — distinctive but quieter than the active master rail. */
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all{
    min-height:60px!important;
    margin:10px 2px 16px!important;
    padding:8px 10px!important;
    border-radius:15px!important;
    border-color:rgba(22,91,162,.14)!important;
    background:linear-gradient(135deg,#183d6b 0%,#1d6db4 100%)!important;
    box-shadow:0 6px 16px rgba(24,77,135,.11)!important;
    transition:transform .16s ease,box-shadow .16s ease!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy small{
    font-size:8px!important;color:rgba(255,255,255,.66)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-copy strong{
    font-size:11.2px!important;line-height:1.45!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-icon{
    width:34px!important;height:34px!important;flex-basis:34px!important;
    border-radius:10px!important;background:rgba(255,255,255,.12)!important;
  }

  /* Persistent social dock — slightly shorter, larger visuals, less chrome. */
  body.avs-navigation-v61 .avs-mobile-nav__sticky-footer{
    padding:5px 7px max(5px,env(safe-area-inset-bottom,0px))!important;
    box-shadow:0 -5px 14px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock{gap:4px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock>a{
    min-height:54px!important;
    gap:2px!important;
    padding:3px 2px!important;
    border-color:#e9edf2!important;
    border-radius:12px!important;
    box-shadow:0 1px 5px rgba(15,23,42,.02)!important;
    transition:transform .15s ease,background-color .15s ease!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock>a:active{transform:scale(.97)!important;background:#f8fafc!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock>a:focus-visible{outline:3px solid rgba(38,119,202,.14)!important;outline-offset:1px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock img{
    width:31px!important;height:31px!important;border-radius:9px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__social-dock strong{
    font-size:8px!important;font-weight:900!important;
  }

  /* Reduced motion is respected across the new interaction layer. */
  @media (prefers-reduced-motion:reduce){
    body.avs-navigation-v61 .avs-mobile-nav__master-action,
    body.avs-navigation-v61 .avs-mobile-nav__social-dock>a,
    body.avs-navigation-v61 .avs-mobile-nav__final-view-all,
    body.avs-navigation-v61 .avs-mobile-nav__nested-back{transition:none!important}
  }
}

@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__master-action{min-height:68px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{width:39px!important;height:36px!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action b{font-size:7.8px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-back{min-width:68px!important;height:34px!important;font-size:9px!important}
  body.avs-navigation-v61 .avs-mobile-nav__nested-heading{font-size:10.6px!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all{min-height:56px!important;border-radius:13px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock>a{min-height:50px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock img{width:28px!important;height:28px!important}
  body.avs-navigation-v61 .avs-mobile-nav__social-dock strong{font-size:7.2px!important}
}