/* AVS Navigation Runtime Bundle v75.25.1
 * Generated from the historical presentation chain in dependency order.
 * Source files are retained for rollback/debugging, but are no longer requested individually.
 */

/* ===== SOURCE: navigation-legacy-v59.css ===== */
.avs-navigation{width:100%;max-width:100%;min-width:0;--avs-red:#ff3f62;--avs-ink:#101828;--avs-muted:#667085;--avs-border:#e7eaf0;--avs-surface:#fff;position:relative;z-index:9998;font:inherit;color:var(--avs-ink)}
.avs-navigation *{box-sizing:border-box}.avs-navigation a{text-decoration:none;color:inherit}.avs-navigation svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.avs-navigation__desktop{display:block;width:100%;overflow:visible;background:#fff;border-top:1px solid #f1f2f5;border-bottom:1px solid #e8eaf0}.avs-nav{width:100%;max-width:min(100%,var(--avs-nav-max));margin-inline:auto;padding-inline:18px}.avs-nav__list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;min-height:52px}.avs-nav__item{position:static}.avs-nav__top-link{display:flex;align-items:center;gap:5px;padding:16px 12px;font-size:13px;font-weight:800;white-space:nowrap;transition:color .18s ease}.avs-nav__top-link:hover,.avs-nav__item:focus-within>.avs-nav__top-link{color:var(--avs-red)}.avs-nav__chevron{display:flex;transition:transform .18s ease}.avs-nav__item:hover .avs-nav__chevron,.avs-nav__item:focus-within .avs-nav__chevron{transform:rotate(90deg)}
.avs-mega{position:absolute;right:50%;top:100%;width:min(100%,calc(100vw - 24px),var(--avs-nav-max));max-width:calc(100vw - 24px);transform:translateX(50%) translateY(8px);opacity:0;visibility:hidden;pointer-events:none;padding-top:8px;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:10000}.avs-nav__item:hover>.avs-mega,.avs-nav__item:focus-within>.avs-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(50%) translateY(0)}
.avs-mega__inner{background:#fff;border:1px solid var(--avs-border);border-radius:0 0 22px 22px;box-shadow:0 22px 55px rgba(16,24,40,.14);padding:24px}.avs-mega__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.avs-mega__head>div{display:flex;align-items:center;gap:10px}.avs-mega__head strong{font-size:18px}.avs-mega__eyebrow{font-size:11px;font-weight:900;color:var(--avs-red);background:#fff0f3;border-radius:999px;padding:5px 9px}.avs-mega__head>a{font-size:12px;font-weight:800;color:var(--avs-red)}
.avs-mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 0 16px}.avs-mega__section{min-width:0;padding-left:14px;border-left:1px solid #edf0f4}.avs-mega__section:last-child{border-left:0}.avs-mega__section-title{display:inline-block;font-size:14px;font-weight:950;padding-bottom:9px;position:relative}.avs-mega__section-title:after{content:"";position:absolute;right:0;bottom:2px;width:22px;height:3px;background:var(--avs-red);border-radius:99px}.avs-mega__section ul{list-style:none;margin:8px 0 0;padding:0}.avs-mega__section li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:12.5px;color:#344054;transition:color .15s,transform .15s}.avs-mega__section li a span{opacity:0;transform:translateX(5px);color:var(--avs-red);transition:.15s}.avs-mega__section li a:hover{color:#101828;transform:translateX(-2px)}.avs-mega__section li a:hover span{opacity:1;transform:none}
.avs-mega__quick{display:flex;align-items:center;gap:14px;background:#fafbfc;border:1px solid #eef0f4;border-radius:14px;padding:12px 14px}.avs-mega__quick>span{font-size:11px;font-weight:900;color:#667085;white-space:nowrap}.avs-mega__quick>div{display:flex;flex-wrap:wrap;gap:7px}.avs-mega__quick a{font-size:11.5px;font-weight:800;background:#fff;border:1px solid #e4e7ec;border-radius:999px;padding:6px 10px;transition:.15s}.avs-mega__quick a:hover{border-color:#ff9caf;color:#e91e48;background:#fff7f9}
.avs-navigation__mobile{display:none}.avs-mobile-nav{display:none}.avs-nav-notice{padding:12px;background:#fff3cd;border:1px solid #ffe69c}
@media(max-width:1023px){.avs-navigation__desktop{display:none}.avs-navigation__mobile{display:block}.avs-mobile-nav__trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;border:0;border-radius:12px;background:#fff;color:#111827;font:inherit;font-weight:900;cursor:pointer}.avs-mobile-nav{display:block;position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none}.avs-mobile-nav.is-open{visibility:visible;pointer-events:auto}.avs-mobile-nav__backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.48);opacity:0;transition:opacity .2s}.avs-mobile-nav.is-open .avs-mobile-nav__backdrop{opacity:1}.avs-mobile-nav__sheet{position:absolute;top:0;right:0;width:min(88vw,390px);height:100%;background:#fff;box-shadow:-16px 0 40px rgba(15,23,42,.18);transform:translateX(105%);transition:transform .24s ease;display:flex;flex-direction:column}.avs-mobile-nav.is-open .avs-mobile-nav__sheet{transform:none}.avs-mobile-nav__sheet>header{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.avs-mobile-nav__sheet>header strong{font-size:15px}.avs-mobile-nav__sheet>header button{width:42px;height:42px;border:0;background:#f7f8fa;border-radius:12px;display:grid;place-items:center}.avs-mobile-nav__viewport{position:relative;flex:1;overflow:hidden}.avs-mobile-nav__panel{position:absolute;inset:0;overflow:auto;padding:12px 14px 26px;background:#fff;transform:translateX(-105%);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s}.avs-mobile-nav__panel.is-active{transform:none;opacity:1;visibility:visible}.avs-mobile-nav__panel ul{list-style:none;margin:0;padding:0}.avs-mobile-nav__panel li{display:grid;grid-template-columns:1fr 46px;align-items:center;border-bottom:1px solid #f0f2f5;min-height:56px}.avs-mobile-nav__panel li>a{font-size:13px;font-weight:800;padding:16px 6px}.avs-mobile-nav__next{height:42px;width:42px;border:0;background:#f8fafc;border-radius:12px;display:grid;place-items:center;color:#475467}.avs-mobile-nav__back{width:100%;height:52px;border:0;background:#f8fafc;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px;font:inherit;font-size:13px;font-weight:950;margin-bottom:8px}.avs-mobile-nav__back svg{transform:rotate(180deg)}body.avs-nav-lock{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.avs-navigation *{transition:none!important;scroll-behavior:auto!important}}
/* Exact Bakala header-slot bridge — v30.0.8. */
body.avs-navigation-replace-bakala #navbar-primary > .container-bakala.main-menu-div > [data-avs-bakala-desktop-replaced="1"],
body.avs-navigation-replace-bakala #navbar-primary-fixed > .container-bakala.main-menu-div > [data-avs-bakala-desktop-replaced="1"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.avs-navigation-replace-bakala #navbar-primary > .container-bakala.main-menu-div,
body.avs-navigation-replace-bakala #navbar-primary-fixed > .container-bakala.main-menu-div{overflow:visible!important}
body.avs-navigation-replace-bakala #navbar-primary > .container-bakala.main-menu-div > .avs-navigation.is-bakala-slot-mounted,
body.avs-navigation-replace-bakala #navbar-primary-fixed > .container-bakala.main-menu-div > .avs-navigation.is-bakala-slot-mounted{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;position:relative!important;z-index:9999!important;margin:0!important;padding:0!important;align-self:stretch}
body.avs-navigation-replace-bakala #navbar-primary .avs-navigation__desktop,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-navigation__desktop{border-top:0!important;border-bottom:0!important;background:transparent!important}
body.avs-navigation-replace-bakala #navbar-primary .avs-nav,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav{max-width:100%!important;margin:0!important;padding-inline:0!important}
body.avs-navigation-replace-bakala #navbar-primary .avs-nav__list,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__list{max-width:100%!important;min-height:46px!important;justify-content:flex-start!important;overflow:visible!important}
body.avs-navigation-replace-bakala #navbar-primary .avs-nav__top-link,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__top-link{background:transparent!important;color:#1f2937!important;text-decoration:none!important;padding:14px 10px!important;line-height:1.35!important}
body.avs-navigation-replace-bakala #navbar-primary .avs-nav__top-link:hover,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__top-link:hover,
body.avs-navigation-replace-bakala #navbar-primary .avs-nav__item:focus-within>.avs-nav__top-link,
body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__item:focus-within>.avs-nav__top-link{color:var(--avs-red)!important}
/* The old Bakala mobile off-canvas must never flash/open while AVS replacement mode is active. */
@media(max-width:1023px){
 body.avs-navigation-replace-bakala #off-canvas_menu{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
 body.avs-navigation-replace-bakala .avs-navigation.is-mobile-body-mounted{display:block!important;position:static!important;width:0!important;height:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:auto!important}
 body.avs-navigation-replace-bakala .avs-navigation.is-mobile-body-mounted>.avs-navigation__mobile{display:block!important}
 body.avs-navigation-replace-bakala .avs-mobile-nav__trigger{display:none!important}
 body.avs-navigation-replace-bakala .avs-mobile-nav{display:block!important;position:fixed!important;inset:0!important;z-index:1000000!important;direction:rtl}
 body.avs-navigation-replace-bakala .avs-mobile-nav__sheet{width:min(90vw,400px)!important;max-width:400px!important}
}
/* Avoid Bakala/Elementor list and pseudo-element rules leaking into AVS. */
.avs-navigation ul,.avs-navigation li{margin:0!important;padding:0!important;list-style:none!important}.avs-navigation li:before,.avs-navigation li:after{content:none!important;display:none!important}

/* v30.0.8 — mobile drawer body portal. It must remain independent of Bakala header/off-canvas geometry. */
@media(max-width:1023px){
 body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{display:block!important;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;visibility:hidden;pointer-events:none;z-index:2147483000!important;transform:none!important;opacity:1!important}
 body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal.is-open{visibility:visible!important;pointer-events:auto!important}
 body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{display:block!important}
 body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{display:flex!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;height:100%!important;visibility:visible!important}
}


/* v30.0.8 — Bakala-compatible mobile shell + persistent bottom navigation.
   The AVS drawer is portalled to <body>, so every visual rule required by the
   drawer is repeated here intentionally instead of relying on .avs-navigation ancestry. */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala{
    --avs-mobile-menu-top:72px;
    --avs-mobile-menu-bottom:76px;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    top:var(--avs-mobile-menu-top,72px)!important;
    right:0!important;
    bottom:var(--avs-mobile-menu-bottom,76px)!important;
    left:0!important;
    height:auto!important;
    min-height:0!important;
    font:inherit!important;
    color:#111827!important;
    direction:rtl!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal *{
    box-sizing:border-box!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal a{
    color:#111827!important;
    text-decoration:none!important;
    font:inherit!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal li{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal li:before,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal li:after{
    content:none!important;
    display:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(15,23,42,.42)!important;
    -webkit-backdrop-filter:blur(1px)!important;
    backdrop-filter:blur(1px)!important;
    border:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    top:6px!important;
    right:8px!important;
    bottom:6px!important;
    left:auto!important;
    width:min(76vw,330px)!important;
    max-width:calc(100vw - 70px)!important;
    height:auto!important;
    min-height:0!important;
    border:1px solid #e8ebf0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:-12px 10px 36px rgba(15,23,42,.18)!important;
    overflow:visible!important;
  }
  /* Bakala mobile menu has a detached close tile; reproduce that interaction shell
     while keeping AVS' own semantic close button. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header{
    height:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:3!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header strong{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button{
    position:absolute!important;
    top:0!important;
    left:-54px!important;
    width:46px!important;
    height:46px!important;
    border:1px solid #e7e9ee!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#667085!important;
    box-shadow:0 7px 22px rgba(15,23,42,.10)!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.8!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:8px 10px 16px!important;
    background:#fff!important;
    scrollbar-width:thin!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li{
    min-height:52px!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    border-bottom:1px solid #f0f2f5!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li>a{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    padding:14px 8px!important;
    font-size:12.5px!important;
    line-height:1.65!important;
    font-weight:750!important;
    text-align:right!important;
    color:#172033!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{
    width:34px!important;
    height:34px!important;
    margin:auto!important;
    border:0!important;
    border-radius:11px!important;
    background:#f7f8fa!important;
    color:#475467!important;
    box-shadow:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next svg{
    width:16px!important;
    height:16px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:48px!important;
    height:auto!important;
    margin:2px 0 8px!important;
    padding:10px 12px!important;
    border:1px solid #edf0f4!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#172033!important;
    font:inherit!important;
    font-size:12.5px!important;
    font-weight:850!important;
  }
  /* Keep Bakala's native bottom navigation as the persistent application rail. */
  body.avs-nav-lock .mobile-bottom-nav,
  body.avs-navigation-replace-bakala.avs-nav-lock .mobile-bottom-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:2147483100!important;
  }
  body.avs-nav-lock .mobile-bottom-nav #icon-menu,
  body.avs-nav-lock .mobile-bottom-nav #off-canvas_menu_icon{
    position:relative!important;
    z-index:2!important;
  }
}

/* v30.1.0 — AVS Navigation Design System
   Shared visual DNA, separate desktop/mobile presentation. */
.avs-navigation,
body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
  --avs-nav-accent:#ff3f62;
  --avs-nav-accent-soft:#fff2f5;
  --avs-nav-ink:#111827;
  --avs-nav-muted:#667085;
  --avs-nav-line:#e9edf2;
  --avs-nav-soft:#f7f9fb;
  --avs-nav-radius:16px;
  --avs-nav-shadow:0 18px 55px rgba(15,23,42,.13);
}

@media(min-width:1024px){
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__list,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__list{
    gap:2px!important;
  }
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__top-link,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__top-link{
    position:relative!important;
    border-radius:10px!important;
    transition:background-color .18s ease,color .18s ease!important;
  }
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__top-link:hover,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__top-link:hover,
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__item:focus-within>.avs-nav__top-link,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__item:focus-within>.avs-nav__top-link{
    background:#fff4f6!important;
  }
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__top-link:after,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__top-link:after{
    content:""!important;
    position:absolute!important;
    right:10px!important;
    left:10px!important;
    bottom:3px!important;
    height:2px!important;
    border-radius:99px!important;
    background:var(--avs-nav-accent)!important;
    transform:scaleX(0)!important;
    opacity:0!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__item:hover>.avs-nav__top-link:after,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__item:hover>.avs-nav__top-link:after,
  body.avs-navigation-replace-bakala #navbar-primary .avs-nav__item:focus-within>.avs-nav__top-link:after,
  body.avs-navigation-replace-bakala #navbar-primary-fixed .avs-nav__item:focus-within>.avs-nav__top-link:after{
    transform:scaleX(1)!important;
    opacity:1!important;
  }
  .avs-mega__inner{
    border-color:#e5e9ef!important;
    border-radius:0 0 20px 20px!important;
    box-shadow:var(--avs-nav-shadow)!important;
  }
  .avs-mega__head{
    min-height:58px;
  }
  .avs-mega__head strong{font-size:17px!important;letter-spacing:-.15px}
  .avs-mega__eyebrow{
    color:#e91e48!important;
    background:#fff1f4!important;
    border:1px solid #ffdce4!important;
  }
  .avs-mega__section-title{color:var(--avs-nav-ink)!important}
  .avs-mega__section li a{border-radius:8px;padding:7px 6px!important}
  .avs-mega__section li a:hover{background:#f8fafc!important;transform:none!important;padding-right:9px!important}
  .avs-mega__quick{background:#f8fafc!important;border-color:#e8ecf1!important}
}

@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:min(82vw,352px)!important;
    max-width:calc(100vw - 58px)!important;
    border-radius:20px!important;
    border-color:#e5e9ef!important;
    box-shadow:-14px 12px 46px rgba(15,23,42,.20)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    border-radius:20px!important;
    background:#fbfcfd!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:10px 10px 18px!important;
    background:#fbfcfd!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__intro{
    margin:2px 2px 10px!important;
    padding:13px 14px 12px!important;
    border:1px solid #e9edf2!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#fff 0%,#fff8fa 100%)!important;
    position:relative!important;
    overflow:hidden!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__intro:after{
    content:""!important;
    position:absolute!important;
    width:72px!important;
    height:72px!important;
    left:-20px!important;
    bottom:-34px!important;
    border-radius:50%!important;
    background:rgba(255,63,98,.07)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__intro>span{
    display:block!important;
    margin-bottom:3px!important;
    color:var(--avs-nav-accent)!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:1.2px!important;
    direction:ltr!important;
    text-align:right!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__intro>strong{
    display:block!important;
    color:var(--avs-nav-ink)!important;
    font-size:14px!important;
    line-height:1.6!important;
    font-weight:950!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__intro>small{
    display:block!important;
    margin-top:2px!important;
    color:var(--avs-nav-muted)!important;
    font-size:10px!important;
    line-height:1.7!important;
    font-weight:600!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root>ul{
    display:grid!important;
    gap:7px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 34px!important;
    min-height:64px!important;
    align-items:center!important;
    border:1px solid #e9edf2!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:active{
    transform:scale(.985)!important;
    border-color:#ffc4d0!important;
    background:#fffafb!important;
  }
  @media(any-hover:hover) and (any-pointer:fine){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:hover{
      border-color:#ffc4d0!important;
      box-shadow:0 7px 18px rgba(15,23,42,.07)!important;
      transform:translateY(-1px)!important;
    }
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon{
    width:34px!important;
    height:34px!important;
    margin-right:6px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:var(--avs-nav-accent-soft)!important;
    color:var(--avs-nav-accent)!important;
    border:1px solid #ffe0e7!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon svg{
    width:18px!important;
    height:18px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    padding:9px 7px!important;
    line-height:1.4!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-title{
    display:block!important;
    max-width:100%!important;
    color:#172033!important;
    font-size:12px!important;
    line-height:1.65!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a small{
    display:block!important;
    max-width:100%!important;
    margin-top:1px!important;
    color:#7b8494!important;
    font-size:9.2px!important;
    line-height:1.55!important;
    font-weight:550!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item .avs-mobile-nav__next{
    width:30px!important;
    height:30px!important;
    margin:auto!important;
    border:1px solid #edf0f4!important;
    border-radius:10px!important;
    background:#f8fafc!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{
    grid-template-columns:minmax(0,1fr) 38px!important;
    min-height:50px!important;
    border-bottom:1px solid #edf0f4!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:first-child{border-radius:12px 12px 0 0!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:last-child{border-radius:0 0 12px 12px!important;border-bottom:0!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item>a{
    padding:13px 10px!important;
    font-size:11.5px!important;
    font-weight:760!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    justify-content:flex-start!important;
    min-height:50px!important;
    margin:2px 0 10px!important;
    padding:10px 12px!important;
    border-color:#e6eaf0!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(15,23,42,.04)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back:before{
    content:"دسته‌بندی"!important;
    margin-left:auto!important;
    color:#98a2b3!important;
    font-size:9px!important;
    font-weight:700!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel:not(.is-root)>ul{
    border:1px solid #e9edf2!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{
    margin-top:10px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer button{
    width:100%!important;
    min-height:44px!important;
    border:1px solid #ffd6df!important;
    border-radius:12px!important;
    background:#fff5f7!important;
    color:#e91e48!important;
    font:inherit!important;
    font-size:10.5px!important;
    font-weight:850!important;
    cursor:pointer!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button{
    color:#475467!important;
    border-color:#e4e7ec!important;
  }
}


/* v30.1.1 — Mobile Navigation Clean UI
   Presentation-only refinement. Desktop renderer, Bakala bridge, body portal
   and persistent bottom navigation remain unchanged. */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:min(78vw,342px)!important;
    max-width:calc(100vw - 64px)!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #e7ebf0!important;
    box-shadow:-14px 10px 40px rgba(15,23,42,.18)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    background:#fff!important;
    border-radius:18px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:10px 10px 16px!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__compact-head{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    margin:0 2px 8px!important;
    padding:8px 10px 10px!important;
    border-bottom:1px solid #edf0f4!important;
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__compact-head strong{
    color:#111827!important;
    font-size:13px!important;
    line-height:1.7!important;
    font-weight:950!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__compact-head small{
    color:#8a94a4!important;
    font-size:9.5px!important;
    line-height:1.6!important;
    font-weight:600!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root>ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel:not(.is-root)>ul{
    display:block!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #edf0f4!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 34px!important;
    align-items:center!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #f0f2f5!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    transition:background .15s ease!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:last-child,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:last-child{
    border-bottom:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:active,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:active{
    background:#fff5f7!important;
    transform:none!important;
  }
  @media(any-hover:hover) and (any-pointer:fine){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:hover,
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:hover{
      background:#f8fafc!important;
      border-color:#f0f2f5!important;
      box-shadow:none!important;
      transform:none!important;
    }
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon{
    width:30px!important;
    height:30px!important;
    margin:0 6px 0 2px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:9px!important;
    background:#f7f8fa!important;
    color:#303846!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon svg{
    width:16px!important;
    height:16px!important;
    stroke-width:1.8!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item>a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    min-height:51px!important;
    padding:9px 6px!important;
    color:#172033!important;
    font-size:12px!important;
    line-height:1.75!important;
    font-weight:800!important;
    text-align:right!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-title{
    display:block!important;
    max-width:none!important;
    color:#172033!important;
    font-size:12px!important;
    line-height:1.75!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a small{
    display:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{
    width:28px!important;
    height:28px!important;
    margin:auto!important;
    border:0!important;
    border-radius:9px!important;
    background:#f7f8fa!important;
    color:#4b5565!important;
    box-shadow:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next svg{
    width:14px!important;
    height:14px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:not(:has(.avs-mobile-nav__next)){
    grid-template-columns:38px minmax(0,1fr) 0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item .avs-mobile-nav__item-icon{
    display:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{
    grid-template-columns:minmax(0,1fr) 34px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    min-height:46px!important;
    margin:0 0 8px!important;
    padding:9px 10px!important;
    border:1px solid #edf0f4!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#172033!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back:before{
    content:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{
    margin-top:9px!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer button{
    min-height:40px!important;
    border:1px solid #edf0f4!important;
    background:#fff!important;
    color:#667085!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }
}

/* v30.1.2 — Bakala-like Mobile Navigation
   Conservative mobile presentation: intentionally follows the native Bakala
   off-canvas menu language while keeping AVS data/stack/portal architecture. */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:min(74vw,330px)!important;
    max-width:calc(100vw - 58px)!important;
    border:0!important;
    border-radius:14px 0 0 14px!important;
    background:#fff!important;
    box-shadow:-8px 0 24px rgba(0,0,0,.14)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__compact-head,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon{
    display:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root>ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel:not(.is-root)>ul{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-bottom:1px solid #f0f0f0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:last-child,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:last-child{
    border-bottom:1px solid #f0f0f0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item>a{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:51px!important;
    padding:0 4px!important;
    color:#222!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1.7!important;
    font-weight:700!important;
    text-align:right!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-title{
    display:block!important;
    color:#222!important;
    font:inherit!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{
    width:30px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#333!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next svg{
    width:12px!important;
    height:12px!important;
    stroke-width:2!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:not(:has(.avs-mobile-nav__next)),
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:not(:has(.avs-mobile-nav__next)){
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-bottom:1px solid #e8e8e8!important;
    border-radius:0!important;
    background:#f7f7f7!important;
    color:#222!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back svg{
    width:13px!important;
    height:13px!important;
    color:#555!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer button{
    width:100%!important;
    min-height:46px!important;
    border:0!important;
    border-top:1px solid #ededed!important;
    border-radius:0!important;
    background:#fafafa!important;
    color:#555!important;
    font-size:11.5px!important;
    font-weight:700!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:active,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:active,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next:active{
    background:#f5f5f5!important;
  }
  @media(any-hover:hover) and (any-pointer:fine){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:hover,
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item:hover{
      background:#f7f7f7!important;
      box-shadow:none!important;
      transform:none!important;
    }
  }
}

/* v30.2.0 — Desktop Signature Mega Menu
   Desktop presentation only. Mobile v30.1.2 is intentionally frozen. */
@media(min-width:1024px){
  .avs-mega--signature .avs-mega__inner{
    padding:0!important;
    overflow:hidden;
    border-radius:0 0 24px 24px!important;
    border:1px solid #e5e9ef!important;
    background:#fff!important;
    box-shadow:0 26px 70px rgba(15,23,42,.16)!important;
  }
  .avs-mega--signature .avs-mega__head{
    min-height:78px!important;
    padding:16px 22px!important;
    border-bottom:1px solid #edf0f4!important;
    background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  }
  .avs-mega--signature .avs-mega__head>div{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:"eyebrow title" "eyebrow subtitle"!important;
    align-items:center!important;
    column-gap:11px!important;
    row-gap:2px!important;
  }
  .avs-mega--signature .avs-mega__eyebrow{
    grid-area:eyebrow!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  .avs-mega--signature .avs-mega__head strong{
    grid-area:title!important;
    font-size:18px!important;
    line-height:1.35!important;
    color:#101828!important;
  }
  .avs-mega--signature .avs-mega__subtitle{
    grid-area:subtitle!important;
    display:block!important;
    font-size:11.5px!important;
    color:#7b8493!important;
    font-weight:600!important;
  }
  .avs-mega--signature .avs-mega__view-all{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border:1px solid #ffd7df!important;
    border-radius:11px!important;
    background:#fff5f7!important;
    color:#e91e48!important;
    font-size:12px!important;
    font-weight:900!important;
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  .avs-mega--signature .avs-mega__view-all:hover{
    background:#ffecef!important;
    border-color:#ffb8c5!important;
    transform:translateX(-2px)!important;
  }
  .avs-mega__signature-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 258px!important;
    min-height:390px!important;
  }
  .avs-mega__signature-main{
    min-width:0!important;
    padding:18px 20px 16px!important;
    background:#fff!important;
  }
  .avs-mega--signature .avs-mega__grid{
    display:grid!important;
    grid-template-columns:1.15fr .9fr .75fr .75fr!important;
    gap:12px!important;
    padding:0!important;
    align-items:stretch!important;
  }
  .avs-mega--signature .avs-mega__section{
    min-width:0!important;
    min-height:164px!important;
    padding:14px!important;
    border:1px solid #e9edf2!important;
    border-radius:14px!important;
    background:#fff!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }
  .avs-mega--signature .avs-mega__section:hover{
    border-color:#dde3ea!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
    transform:translateY(-1px)!important;
  }
  .avs-mega--signature .avs-mega__section--brand{
    grid-row:span 2!important;
  }
  .avs-mega--signature .avs-mega__section--touch{
    min-height:104px!important;
    background:linear-gradient(135deg,#fff 0%,#fff8fa 100%)!important;
  }
  .avs-mega--signature .avs-mega__section-head{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin-bottom:8px!important;
  }
  .avs-mega--signature .avs-mega__section-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    color:#e91e48!important;
    background:#fff1f4!important;
    border:1px solid #ffdbe3!important;
  }
  .avs-mega--signature .avs-mega__section-icon svg{
    width:17px!important;
    height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .avs-mega--signature .avs-mega__section-head>div{
    min-width:0!important;
  }
  .avs-mega--signature .avs-mega__section-title{
    display:block!important;
    padding:0!important;
    font-size:12.7px!important;
    line-height:1.45!important;
    color:#172033!important;
    font-weight:950!important;
  }
  .avs-mega--signature .avs-mega__section-title:after{display:none!important}
  .avs-mega--signature .avs-mega__section-head small{
    display:block!important;
    margin-top:2px!important;
    color:#98a2b3!important;
    font-size:9.8px!important;
    font-weight:700!important;
  }
  .avs-mega--signature .avs-mega__section ul{
    margin:8px 0 0!important;
    display:grid!important;
    gap:2px!important;
  }
  .avs-mega--signature .avs-mega__section--brand ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;
  }
  .avs-mega--signature .avs-mega__section li a{
    min-height:31px!important;
    padding:6px 7px!important;
    border-radius:8px!important;
    color:#475467!important;
    font-size:11.2px!important;
    font-weight:650!important;
    line-height:1.45!important;
    background:transparent!important;
  }
  .avs-mega--signature .avs-mega__section li a:hover{
    padding-right:9px!important;
    background:#f7f9fb!important;
    color:#101828!important;
  }
  .avs-mega--signature .avs-mega__section li a .avs-mega__link-arrow{
    opacity:0!important;
    transform:translateX(4px)!important;
    color:#ff3f62!important;
    transition:opacity .15s ease,transform .15s ease!important;
  }
  .avs-mega--signature .avs-mega__section li a:hover .avs-mega__link-arrow{
    opacity:1!important;
    transform:none!important;
  }
  .avs-mega__section-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:12px!important;
    padding:9px 10px!important;
    border:1px solid #ffdbe3!important;
    border-radius:9px!important;
    background:#fff6f8!important;
    color:#e91e48!important;
    font-size:10.8px!important;
    font-weight:900!important;
  }
  .avs-mega__signature-aside{
    display:flex!important;
    flex-direction:column!important;
    padding:22px 20px!important;
    border-right:1px solid #edf0f4!important;
    background:linear-gradient(155deg,#111827 0%,#1b2434 100%)!important;
    color:#fff!important;
  }
  .avs-mega__aside-kicker{
    display:inline-flex!important;
    align-self:flex-start!important;
    margin-bottom:16px!important;
    padding:5px 8px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    color:#ffd7df!important;
    font-size:9.5px!important;
    font-weight:900!important;
  }
  .avs-mega__signature-aside>strong{
    font-size:17px!important;
    line-height:1.8!important;
    letter-spacing:-.2px!important;
  }
  .avs-mega__signature-aside>p{
    margin:8px 0 18px!important;
    color:#cbd5e1!important;
    font-size:11.2px!important;
    line-height:1.95!important;
  }
  .avs-mega__aside-actions{
    display:grid!important;
    gap:7px!important;
    margin-top:auto!important;
  }
  .avs-mega__aside-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:38px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.06)!important;
    color:#f8fafc!important;
    font-size:10.5px!important;
    font-weight:850!important;
    transition:background-color .18s ease,border-color .18s ease!important;
  }
  .avs-mega__aside-actions a:hover{
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.22)!important;
  }
  .avs-mega__aside-actions a.is-primary{
    background:#ff3f62!important;
    border-color:#ff3f62!important;
    color:#fff!important;
  }
  .avs-mega--signature .avs-mega__quick{
    margin:0!important;
    padding:10px 18px!important;
    border:0!important;
    border-top:1px solid #edf0f4!important;
    border-radius:0!important;
    background:#fafbfc!important;
  }
  .avs-mega--signature .avs-mega__quick>span{
    color:#344054!important;
  }
  .avs-mega--signature .avs-mega__quick a{
    padding:5px 9px!important;
    background:#fff!important;
  }
}
@media(min-width:1024px){
  .avs-mega--signature .avs-mega__section--touch{grid-column:span 3!important}
  .avs-mega__section-note{
    margin:11px 0 0!important;
    padding:10px!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#7b8493!important;
    font-size:10.5px!important;
    line-height:1.8!important;
  }
}

/* v30.3.0 — AvvalStock Final Navigation 2028
   Final desktop signature based on the approved concept. Mobile v30.1.2 bridge/layout remains stable. */
@media(min-width:1024px){
  .avs-mega--final .avs-mega__inner{padding:14px!important;border-radius:0 0 22px 22px!important;background:#fff!important;overflow:hidden!important}
  .avs-mega--final .avs-final-grid{display:grid!important;grid-template-columns:.92fr 1.05fr 1.05fr .9fr .9fr 1.12fr!important;gap:10px!important;align-items:stretch!important}
  .avs-final-card{min-width:0!important;border:1px solid #e8ebf0!important;border-radius:14px!important;background:#fff!important;padding:13px!important;box-shadow:0 3px 14px rgba(15,23,42,.035)!important}
  .avs-final-card__title{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:10px!important;color:#172033!important}
  .avs-final-card__title strong{font-size:12.5px!important;font-weight:950!important;line-height:1.5!important}
  .avs-final-title-icon{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:9px!important;background:#fff2f5!important;color:#ff3f62!important;font-size:13px!important;font-weight:950!important;border:1px solid #ffdce4!important}
  .avs-final-guide>small{display:block!important;color:#98a2b3!important;font-size:9.5px!important;margin:-5px 34px 8px 0!important}
  .avs-final-guide__links{display:grid!important;gap:6px!important}
  .avs-final-guide__links>a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:48px!important;padding:8px 9px!important;border:1px solid #edf0f4!important;border-radius:10px!important;background:#fff!important;transition:.16s ease!important}
  .avs-final-guide__links>a:hover{border-color:#ffd1db!important;background:#fff8fa!important;transform:translateX(-2px)!important}
  .avs-final-guide__links span{display:flex!important;flex-direction:column!important;gap:2px!important}.avs-final-guide__links b{font-size:10.6px!important;color:#344054!important}.avs-final-guide__links small{font-size:8.8px!important;color:#98a2b3!important}.avs-final-guide__links em{font-style:normal!important;color:#ff3f62!important;font-size:13px!important}
  .avs-final-help{margin-top:9px!important;padding:9px!important;border-radius:11px!important;background:#fff3f6!important;border:1px solid #ffdce4!important;display:grid!important;gap:3px!important}.avs-final-help b{font-size:10.5px!important;color:#344054!important}.avs-final-help span{font-size:8.8px!important;color:#7b8493!important}.avs-final-help a{margin-top:5px!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:30px!important;border-radius:8px!important;background:#fff!important;color:#e91e48!important;font-size:9.8px!important;font-weight:900!important;border:1px solid #ffcbd6!important}
  .avs-final-brandgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.avs-final-brandgrid a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-height:38px!important;padding:6px 8px!important;border:1px solid #edf0f4!important;border-radius:9px!important;background:#fff!important;font-size:9.8px!important;font-weight:750!important;color:#344054!important}.avs-final-brandgrid a:hover{background:#f8fafc!important;border-color:#dce2ea!important}.avs-final-brandgrid i{font-style:normal!important;display:grid!important;place-items:center!important;min-width:24px!important;height:22px!important;padding:0 4px!important;border-radius:6px!important;background:#f7f8fa!important;color:#475467!important;font-size:8.5px!important;font-weight:950!important;text-transform:uppercase!important}
  .avs-final-linklist{display:grid!important;gap:5px!important}.avs-final-linklist>a,.avs-final-cpu-list>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:39px!important;padding:7px 8px!important;border:1px solid #edf0f4!important;border-radius:9px!important;background:#fff!important;color:#344054!important;font-size:10.2px!important;font-weight:750!important}.avs-final-linklist>a:hover,.avs-final-cpu-list>a:hover{background:#fff8fa!important;border-color:#ffd5de!important}.avs-final-linklist b,.avs-final-cpu-list b{color:#ff3f62!important;font-size:11px!important}
  .avs-final-cpu-list{display:grid!important;gap:5px!important}
  .avs-final-service-list{display:grid!important;gap:7px!important}.avs-final-service-list>div{display:flex!important;align-items:center!important;gap:8px!important;min-height:50px!important;padding:8px!important;border:1px solid #edf0f4!important;border-radius:10px!important;background:#fff!important}.avs-final-service-list>div>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#f8fafc!important;color:#344054!important;font-weight:900!important}.avs-final-service-list p{margin:0!important;display:grid!important;gap:1px!important}.avs-final-service-list b{font-size:9.9px!important;color:#344054!important}.avs-final-service-list small{font-size:8.5px!important;color:#98a2b3!important}
  .avs-final-all{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:9px!important;min-height:34px!important;padding:0 8px!important;border-top:1px solid #eef1f4!important;color:#2256b2!important;font-size:9.7px!important;font-weight:900!important}.avs-final-all b{font-size:11px!important}
  .avs-final-featured{background:linear-gradient(180deg,#fff 0%,#fff9fa 100%)!important}.avs-final-product{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important}.avs-final-product img{width:100%!important;max-width:145px!important;height:112px!important;object-fit:contain!important;border-radius:9px!important;background:#fff!important}.avs-final-product>strong{font-size:11.5px!important;line-height:1.6!important;color:#172033!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.avs-final-product__price{font-size:10.8px!important;font-weight:900!important;color:#ff2f55!important;min-height:22px!important}.avs-final-product__price del{color:#98a2b3!important;font-size:9px!important;margin-right:5px!important}.avs-final-product__price ins{text-decoration:none!important}.avs-final-product__cta{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important;background:#ff3f62!important;color:#fff!important;font-size:10px!important;font-weight:950!important;box-shadow:0 8px 18px rgba(255,63,98,.20)!important}.avs-final-product__note{margin-top:9px!important;padding:7px!important;border-radius:8px!important;background:#fff!important;border:1px solid #f0e9eb!important;color:#98a2b3!important;font-size:8.6px!important;text-align:center!important}
  .avs-final-featured-empty{display:grid!important;place-items:center!important;text-align:center!important;min-height:250px!important;gap:8px!important}.avs-final-featured-empty b{font-size:13px!important}.avs-final-featured-empty span{font-size:10px!important;color:#7b8493!important}.avs-final-featured-empty a{padding:8px 14px!important;border-radius:9px!important;background:#ff3f62!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
  .avs-final-trust{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:10px!important;border:1px solid #e8ebf0!important;border-radius:13px!important;background:#fbfcfd!important;overflow:hidden!important}.avs-final-trust>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:60px!important;padding:8px!important;border-left:1px solid #edf0f4!important}.avs-final-trust>div:last-child{border-left:0!important}.avs-final-trust i{font-style:normal!important;display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e8ebf0!important;color:#344054!important;font-size:14px!important}.avs-final-trust p{margin:0!important;display:grid!important;gap:1px!important}.avs-final-trust b{font-size:9.8px!important;color:#344054!important}.avs-final-trust small{font-size:8.2px!important;color:#98a2b3!important}
}

/* Final concept mobile polish: keep the proven Bakala-like stack + persistent bottom nav, only align surfaces/accent with desktop. */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{border-radius:16px 0 0 16px!important;box-shadow:-12px 0 36px rgba(15,23,42,.17)!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:first-child{background:#fff7f9!important;border-right:2px solid #ff3f62!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:first-child>a{color:#e91e48!important;font-weight:900!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:first-child .avs-mobile-nav__next{color:#ff3f62!important}
}

/* v30.4.0 — Adaptive Mega Menu System
   One navigation core, multiple desktop presentation modes selected by menu intent. */
@media(min-width:1024px){
  .avs-mega--adaptive .avs-mega__inner{
    padding:0!important;
    border-radius:0 0 20px 20px!important;
    border:1px solid #e7ebf0!important;
    background:#fff!important;
    box-shadow:0 18px 52px rgba(15,23,42,.13)!important;
    overflow:hidden!important;
  }
  .avs-adaptive__head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
    min-height:72px!important;
    padding:15px 20px!important;
    border-bottom:1px solid #edf0f4!important;
    background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
  }
  .avs-adaptive__head>div{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:9px!important;row-gap:1px!important;min-width:0!important}
  .avs-adaptive__head strong{font-size:17px!important;font-weight:950!important;color:#172033!important;line-height:1.5!important}
  .avs-adaptive__head small{grid-column:2!important;color:#98a2b3!important;font-size:9.5px!important;line-height:1.7!important}
  .avs-adaptive__eyebrow{grid-row:1/3!important;display:grid!important;place-items:center!important;min-width:52px!important;height:30px!important;padding:0 9px!important;border-radius:999px!important;background:#fff2f5!important;border:1px solid #ffdce4!important;color:#e91e48!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
  .avs-adaptive__view-all{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:0 12px!important;border:1px solid #e7ebf0!important;border-radius:10px!important;background:#fff!important;color:#344054!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;transition:.16s ease!important}
  .avs-adaptive__view-all:hover{border-color:#ffcbd5!important;background:#fff7f9!important;color:#e91e48!important;transform:translateX(-2px)!important}
  .avs-adaptive__view-all span{color:#ff3f62!important;font-size:12px!important}
  .avs-adaptive__footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 16px 14px!important;padding:10px 12px!important;border:1px solid #e8edf2!important;border-radius:12px!important;background:#f8fafc!important;color:#98a2b3!important;font-size:9px!important}
  .avs-adaptive__footer>.avs-adaptive__view-all{min-height:32px!important}
  .avs-adaptive__chips{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  .avs-adaptive__chips a{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border:1px solid #e6eaf0!important;border-radius:999px!important;background:#fff!important;color:#475467!important;font-size:9.2px!important;font-weight:750!important}
  .avs-adaptive__chips a:hover{border-color:#ffcfda!important;color:#e91e48!important;background:#fff8fa!important}

  /* Compact Mega — Mini Case */
  .avs-mega--compact{width:min(760px,calc(100vw - 48px))!important;right:0!important;left:auto!important}
  .avs-compact-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px 16px!important}
  .avs-compact-tile{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;min-height:86px!important;padding:12px!important;border:1px solid #e8edf2!important;border-radius:13px!important;background:#fff!important;color:#172033!important;transition:.16s ease!important}
  .avs-compact-tile:hover{border-color:#ffd0da!important;background:#fff8fa!important;transform:translateY(-2px)!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important}
  .avs-compact-tile__mark{grid-row:1/3!important;display:grid!important;place-items:center!important;width:42px!important;height:44px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #e9edf2!important;color:#475467!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important}
  .avs-compact-tile strong{font-size:11px!important;font-weight:900!important;line-height:1.45!important}.avs-compact-tile small{font-size:8.7px!important;color:#98a2b3!important}.avs-compact-tile>b{grid-column:3!important;grid-row:1/3!important;color:#ff3f62!important;font-size:13px!important}

  /* Simple Dropdown — All in One */
  .avs-mega--simple{width:min(560px,calc(100vw - 48px))!important;right:0!important;left:auto!important}
  .avs-simple-list{display:grid!important;gap:8px!important;padding:14px 16px 16px!important}
  .avs-simple-list>a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px!important;align-items:center!important;gap:10px!important;min-height:72px!important;padding:10px 12px!important;border:1px solid #e8edf2!important;border-radius:13px!important;background:#fff!important;color:#172033!important;transition:.16s ease!important}
  .avs-simple-list>a:hover{background:#fff8fa!important;border-color:#ffd1db!important;transform:translateX(-2px)!important}
  .avs-simple-list__icon{display:grid!important;place-items:center!important;width:42px!important;height:44px!important;border-radius:12px!important;background:#fff2f5!important;color:#ff3f62!important;border:1px solid #ffdce4!important;font-size:15px!important}.avs-simple-list>a>span:nth-child(2){display:grid!important;gap:2px!important}.avs-simple-list strong{font-size:11.3px!important;font-weight:900!important}.avs-simple-list small{font-size:8.8px!important;color:#98a2b3!important}.avs-simple-list b{color:#ff3f62!important;font-size:13px!important}

  /* Category Mega — Parts / Accessories */
  .avs-mega--category{width:min(1320px,calc(100vw - 48px))!important;right:50%!important;left:auto!important;transform:translateX(50%) translateY(8px)!important}
  .avs-nav__item:hover>.avs-mega--category,.avs-nav__item:focus-within>.avs-mega--category{transform:translateX(50%) translateY(0)!important}
  .avs-category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:14px 16px 12px!important}
  .avs-adaptive__group{min-width:0!important;padding:4px 14px 12px!important;border-left:1px solid #edf0f4!important}.avs-adaptive__group:nth-child(4n){border-left:0!important}.avs-adaptive__group:nth-child(n+5){border-top:1px solid #f0f2f5!important;padding-top:14px!important}
  .avs-adaptive__group-title{display:inline-flex!important;align-items:center!important;min-height:30px!important;margin-bottom:6px!important;padding-bottom:5px!important;border-bottom:2px solid #ff3f62!important;color:#172033!important;font-size:11.2px!important;font-weight:950!important;line-height:1.45!important}
  .avs-adaptive__group ul{display:grid!important;gap:1px!important}.avs-adaptive__group li a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:34px!important;padding:6px 3px!important;border-radius:7px!important;color:#667085!important;font-size:9.8px!important;line-height:1.55!important;transition:.14s ease!important}.avs-adaptive__group li a:hover{background:#f8fafc!important;color:#172033!important;padding-right:7px!important}.avs-adaptive__group li b{opacity:0!important;color:#ff3f62!important;font-size:10px!important;transition:.14s ease!important}.avs-adaptive__group li a:hover b{opacity:1!important}

  /* Content Mega — Articles */
  .avs-mega--content{width:min(1100px,calc(100vw - 48px))!important;right:50%!important;left:auto!important;transform:translateX(50%) translateY(8px)!important}
  .avs-nav__item:hover>.avs-mega--content,.avs-nav__item:focus-within>.avs-mega--content{transform:translateX(50%) translateY(0)!important}
  .avs-content-layout{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr)!important;gap:12px!important;padding:14px 16px 16px!important}
  .avs-content-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .avs-content-tile{display:grid!important;grid-template-columns:38px minmax(0,1fr) 20px!important;align-items:center!important;gap:9px!important;min-height:66px!important;padding:9px 10px!important;border:1px solid #e8edf2!important;border-radius:12px!important;background:#fff!important;color:#172033!important;transition:.16s ease!important}.avs-content-tile:hover{background:#fff8fa!important;border-color:#ffd1db!important;transform:translateX(-2px)!important}.avs-content-tile i{font-style:normal!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:11px!important;background:#f8fafc!important;border:1px solid #e8edf2!important;color:#475467!important;font-size:14px!important}.avs-content-tile>span{display:grid!important;gap:2px!important}.avs-content-tile strong{font-size:10.8px!important;font-weight:900!important}.avs-content-tile small{font-size:8.6px!important;color:#98a2b3!important}.avs-content-tile>b{color:#ff3f62!important;font-size:12px!important}
  .avs-content-guide{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100%!important;padding:18px!important;border:1px solid #ffdce4!important;border-radius:14px!important;background:linear-gradient(145deg,#fff8fa 0%,#fff 100%)!important}.avs-content-guide>span{font-size:9px!important;font-weight:900!important;color:#e91e48!important}.avs-content-guide>strong{margin-top:5px!important;font-size:14px!important;line-height:1.75!important;color:#172033!important}.avs-content-guide>p{margin:7px 0 14px!important;color:#7b8493!important;font-size:9.5px!important;line-height:1.9!important}.avs-content-guide .avs-adaptive__view-all{align-self:stretch!important;justify-content:space-between!important;border-color:#ffcbd6!important;color:#e91e48!important;background:#fff!important}
}

/* v30.4.1 — Adaptive Layout Polish
   Presentation-only refinement. Mobile renderer and Bakala bridge remain unchanged. */
@media(min-width:1024px){
  /* True adaptive height: non-signature menus size to content instead of inheriting a tall visual rhythm. */
  .avs-mega--adaptive .avs-mega__inner{min-height:0!important;height:auto!important}
  .avs-mega--adaptive .avs-adaptive__head{min-height:62px!important;padding:12px 16px!important}
  .avs-mega--adaptive .avs-adaptive__head strong{font-size:14px!important}
  .avs-mega--adaptive .avs-adaptive__head small{font-size:8.8px!important}

  /* Mini Case: compact 3-tile row. */
  .avs-mega--compact{width:min(640px,calc(100vw - 40px))!important;right:0!important;left:auto!important}
  .avs-mega--compact .avs-mega__inner{border-radius:0 0 18px 18px!important}
  .avs-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:12px 14px!important}
  .avs-compact-tile{grid-template-columns:38px minmax(0,1fr) 16px!important;min-height:76px!important;padding:10px 11px!important;border-radius:12px!important}
  .avs-compact-tile__mark{width:38px!important;height:38px!important;border-radius:10px!important}
  .avs-compact-tile strong{font-size:10.6px!important}.avs-compact-tile small{font-size:8.2px!important}
  .avs-mega--compact .avs-adaptive__footer{margin:0 14px 12px!important;padding:8px 10px!important}

  /* All in One: a real small dropdown rather than a mini full-width mega menu. */
  .avs-mega--simple{width:min(430px,calc(100vw - 32px))!important;right:0!important;left:auto!important}
  .avs-mega--simple .avs-mega__inner{border-radius:0 0 16px 16px!important}
  .avs-simple-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border-bottom:1px solid #edf0f4!important;background:#fff!important}
  .avs-simple-head>div{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:7px!important;min-width:0!important}
  .avs-simple-head>div>span{grid-row:1/3!important;display:grid!important;place-items:center!important;height:27px!important;padding:0 8px!important;border-radius:999px!important;background:#fff2f5!important;border:1px solid #ffdce4!important;color:#e91e48!important;font-size:8.3px!important;font-weight:900!important}
  .avs-simple-head strong{font-size:12.5px!important;font-weight:950!important;color:#172033!important}.avs-simple-head small{font-size:8.2px!important;color:#98a2b3!important}
  .avs-simple-head .avs-adaptive__view-all{min-height:31px!important;padding:0 9px!important;font-size:8.8px!important}
  .avs-simple-list{gap:7px!important;padding:10px 12px 12px!important}
  .avs-simple-list>a{grid-template-columns:36px minmax(0,1fr) 18px!important;min-height:60px!important;padding:8px 10px!important;border-radius:11px!important}
  .avs-simple-list__icon{width:36px!important;height:38px!important;border-radius:10px!important;font-size:13px!important}.avs-simple-list strong{font-size:10.5px!important}.avs-simple-list small{font-size:8.1px!important}

  /* Parts / Accessories: actual category cards instead of sparse columns. */
  .avs-mega--category{width:min(1160px,calc(100vw - 44px))!important}
  .avs-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px 14px!important}
  .avs-adaptive__group{position:relative!important;padding:12px!important;border:1px solid #e8edf2!important;border-radius:13px!important;background:#fff!important;min-height:132px!important;transition:.16s ease!important}
  .avs-adaptive__group:nth-child(n){border-left:1px solid #e8edf2!important;border-top:1px solid #e8edf2!important;padding-top:12px!important}
  .avs-adaptive__group:hover{border-color:#ffd0da!important;background:#fffafb!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important;transform:translateY(-1px)!important}
  .avs-adaptive__group-head{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;margin-bottom:5px!important}
  .avs-adaptive__group-head>i{font-style:normal!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid #e8edf2!important;border-radius:10px!important;background:#f8fafc!important;color:#475467!important;font-size:13px!important}
  .avs-adaptive__group-head>div{display:grid!important;gap:1px!important;min-width:0!important}
  .avs-adaptive__group-title{min-height:0!important;margin:0!important;padding:0!important;border:0!important;font-size:10.9px!important;line-height:1.55!important}
  .avs-adaptive__group-title:after{display:none!important}
  .avs-adaptive__group-head small{display:block!important;color:#98a2b3!important;font-size:7.9px!important;line-height:1.65!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-adaptive__group ul{margin:6px 0 0!important;padding:0 43px 0 0!important;gap:0!important}
  .avs-adaptive__group li a{min-height:26px!important;padding:4px 0!important;font-size:8.8px!important;color:#667085!important}
  .avs-adaptive__group li a:hover{padding-right:3px!important;background:transparent!important;color:#e91e48!important}
  .avs-adaptive__group-all{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:7px 43px 0 0!important;padding-top:7px!important;border-top:1px solid #f0f2f5!important;color:#2256b2!important;font-size:8.6px!important;font-weight:900!important}
  .avs-adaptive__group-all b{color:#ff3f62!important;font-size:9px!important}
  .avs-mega--category .avs-adaptive__footer{margin:0 14px 12px!important;padding:8px 10px!important}
  .avs-mega--category .avs-adaptive__chips a{min-height:27px!important;padding:0 9px!important;font-size:8.5px!important}

  /* Articles: editorial tiles + latest real article. */
  .avs-mega--content{width:min(1080px,calc(100vw - 44px))!important}
  .avs-content-layout{grid-template-columns:minmax(0,1.75fr) minmax(230px,.65fr)!important;gap:10px!important;padding:12px 14px 14px!important}
  .avs-content-main{display:grid!important;gap:9px!important;min-width:0!important}
  .avs-content-grid{gap:7px!important}
  .avs-content-tile{min-height:60px!important;padding:8px 9px!important;border-radius:11px!important}
  .avs-content-tile i{width:34px!important;height:34px!important;border-radius:10px!important;font-size:12px!important}.avs-content-tile strong{font-size:10.2px!important}.avs-content-tile small{font-size:8.1px!important}
  .avs-content-featured{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:92px!important;padding:9px!important;border:1px solid #e8edf2!important;border-radius:12px!important;background:linear-gradient(135deg,#fbfcfd 0%,#fff 100%)!important;color:#172033!important;transition:.16s ease!important}
  .avs-content-featured:hover{border-color:#ffd0da!important;background:#fff9fa!important;transform:translateX(-2px)!important}
  .avs-content-featured img{width:96px!important;height:72px!important;object-fit:cover!important;border-radius:9px!important;background:#f5f6f8!important}
  .avs-content-featured>span{display:grid!important;gap:3px!important;min-width:0!important}.avs-content-featured small{font-size:8px!important;color:#98a2b3!important}.avs-content-featured strong{font-size:10.7px!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.avs-content-featured b{font-size:8.8px!important;color:#e91e48!important;font-weight:900!important}
  .avs-content-guide{padding:14px!important;border-radius:13px!important;justify-content:center!important}.avs-content-guide>strong{font-size:13px!important}.avs-content-guide>p{font-size:9px!important;margin:6px 0 12px!important}
}


/* v30.4.2 — Navigation De-Clutter & Readability
   Laptop signature only: fewer decision paths, larger type, no services column, stronger featured card. */
@media(min-width:1024px){
  .avs-mega--final .avs-final-grid{
    grid-template-columns:.96fr 1.08fr 1.08fr .96fr 1.28fr!important;
    gap:12px!important;
  }
  .avs-mega--final .avs-final-card{
    padding:15px!important;
    border-radius:15px!important;
  }
  .avs-mega--final .avs-final-card__title{gap:8px!important;margin-bottom:12px!important}
  .avs-mega--final .avs-final-card__title strong{font-size:15px!important;line-height:1.55!important}
  .avs-mega--final .avs-final-title-icon{width:30px!important;height:30px!important;font-size:14px!important}

  .avs-mega--final .avs-final-guide>small{font-size:11.5px!important;margin:-5px 38px 10px 0!important}
  .avs-mega--final .avs-final-guide__links{gap:8px!important}
  .avs-mega--final .avs-final-guide__links>a{min-height:54px!important;padding:10px 11px!important}
  .avs-mega--final .avs-final-guide__links b{font-size:13.5px!important}
  .avs-mega--final .avs-final-guide__links small{font-size:11px!important;line-height:1.6!important}
  .avs-mega--final .avs-final-guide__links em{font-size:15px!important}
  .avs-mega--final .avs-final-help{padding:11px!important;margin-top:11px!important}
  .avs-mega--final .avs-final-help b{font-size:13px!important}
  .avs-mega--final .avs-final-help span{font-size:11px!important}
  .avs-mega--final .avs-final-help a{min-height:38px!important;font-size:12px!important}

  .avs-mega--final .avs-final-brandgrid{gap:8px!important}
  .avs-mega--final .avs-final-brandgrid a{min-height:43px!important;padding:8px 10px!important;font-size:12.5px!important;border-radius:10px!important}
  .avs-mega--final .avs-final-brandgrid i{min-width:27px!important;height:25px!important;font-size:9.5px!important}

  .avs-mega--final .avs-final-linklist{gap:7px!important}
  .avs-mega--final .avs-final-linklist>a,
  .avs-mega--final .avs-final-cpu-list>a{min-height:46px!important;padding:9px 10px!important;font-size:13px!important;border-radius:10px!important}
  .avs-mega--final .avs-final-linklist b,
  .avs-mega--final .avs-final-cpu-list b{font-size:13px!important}
  .avs-mega--final .avs-final-cpu-list{gap:7px!important}
  .avs-mega--final .avs-final-all{min-height:40px!important;margin-top:11px!important;font-size:12px!important}

  .avs-mega--final .avs-final-featured{padding:16px!important}
  .avs-mega--final .avs-final-product{gap:8px!important}
  .avs-mega--final .avs-final-product img{max-width:190px!important;height:145px!important}
  .avs-mega--final .avs-final-product>strong{font-size:14px!important;line-height:1.65!important}
  .avs-mega--final .avs-final-product__price{font-size:13.5px!important;min-height:26px!important}
  .avs-mega--final .avs-final-product__price del{font-size:11px!important}
  .avs-mega--final .avs-final-product__cta{min-height:44px!important;padding:0 12px!important;font-size:12.5px!important;border-radius:10px!important}
  .avs-mega--final .avs-final-product__note{font-size:10.5px!important;padding:8px!important}

  .avs-mega--final .avs-final-trust{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:12px!important}
  .avs-mega--final .avs-final-trust>div{min-height:64px!important;padding:9px!important}
  .avs-mega--final .avs-final-trust i{width:34px!important;height:34px!important;font-size:15px!important}
  .avs-mega--final .avs-final-trust b{font-size:12px!important}
  .avs-mega--final .avs-final-trust small{font-size:10px!important}
}

/* v31.0.0 — Navigation Revolution
   Approved high-contrast design system. Structure remains modular; Bakala bridge is unchanged. */
@media(min-width:1024px){
  .avs-mega--v31 .avs-mega__inner{
    width:100%!important;
    padding:16px!important;
    background:#fff!important;
    border:1px solid #dfe4ea!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 22px 60px rgba(16,24,40,.16)!important;
  }
  .avs-mega--v31 .avs-final-grid{
    display:grid!important;
    grid-template-columns:1.20fr 1.00fr 1.05fr .92fr 1.02fr!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  .avs-mega--v31 .avs-final-card{
    min-width:0!important;
    padding:16px!important;
    border:1px solid #dfe4ea!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,24,40,.055)!important;
  }
  .avs-mega--v31 .avs-final-card__title{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 14px!important;
  }
  .avs-mega--v31 .avs-final-card__title strong{
    color:#101828!important;
    font-size:16px!important;
    line-height:1.55!important;
    font-weight:950!important;
    letter-spacing:-.2px!important;
  }
  .avs-mega--v31 .avs-final-title-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #ffd0da!important;
    border-radius:10px!important;
    background:#fff4f6!important;
    color:#ff3157!important;
  }
  .avs-mega--v31 .avs-final-title-icon svg,
  .avs-mega--v31 .avs-final-linkicon svg,
  .avs-mega--v31 .avs-final-help__icon svg,
  .avs-mega--v31 .avs-final-trust i svg{
    width:19px!important;
    height:19px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* Featured product */
  .avs-mega--v31 .avs-final-featured{
    background:linear-gradient(180deg,#fff 0%,#fffafb 100%)!important;
  }
  .avs-mega--v31 .avs-final-product{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    text-align:center!important;
    color:#101828!important;
  }
  .avs-mega--v31 .avs-final-product__media{
    width:100%!important;
    min-height:154px!important;
    display:grid!important;
    place-items:center!important;
    padding:4px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;
  }
  .avs-mega--v31 .avs-final-product img{
    width:100%!important;
    max-width:210px!important;
    height:150px!important;
    object-fit:contain!important;
    border-radius:10px!important;
  }
  .avs-mega--v31 .avs-final-product>strong{
    font-size:14px!important;
    line-height:1.7!important;
    font-weight:900!important;
    color:#172033!important;
  }
  .avs-mega--v31 .avs-final-product__price{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:30px!important;
    color:#ff244e!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  .avs-mega--v31 .avs-final-product__price ins{text-decoration:none!important}
  .avs-mega--v31 .avs-final-product__price del{color:#98a2b3!important;font-size:11px!important;font-weight:700!important}
  .avs-mega--v31 .avs-final-product__cta{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#ff254d 0%,#ff4368 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(255,49,87,.25)!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  .avs-mega--v31 .avs-final-product__more{
    min-height:39px!important;
    margin-top:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 12px!important;
    border:1px solid #e2e7ed!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#667085!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  .avs-mega--v31 .avs-final-product__more:hover{border-color:#cfd6df!important;color:#344054!important;background:#f9fafb!important}

  /* Brand tiles */
  .avs-mega--v31 .avs-final-brandgrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .avs-mega--v31 .avs-final-brandgrid a{
    min-height:43px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:8px 11px!important;
    border:1px solid #e2e7ed!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#344054!important;
    font-size:13px!important;
    font-weight:850!important;
    transition:border-color .15s ease,background-color .15s ease,transform .15s ease!important;
  }
  .avs-mega--v31 .avs-final-brandgrid a:hover{border-color:#ffbecb!important;background:#fff7f9!important;transform:translateX(-2px)!important}
  .avs-mega--v31 .avs-final-brandgrid i{
    min-width:31px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 6px!important;
    border:1px solid #edf0f4!important;
    border-radius:8px!important;
    background:#f8fafc!important;
    color:#475467!important;
    font-size:9.5px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }

  /* Rich decision cards */
  .avs-mega--v31 .avs-final-linklist--rich,
  .avs-mega--v31 .avs-final-cpu-list--rich{
    display:grid!important;
    gap:9px!important;
  }
  .avs-mega--v31 .avs-final-linklist--rich>a,
  .avs-mega--v31 .avs-final-cpu-list--rich>a,
  .avs-mega--v31 .avs-final-guide__links>a{
    min-height:64px!important;
    display:grid!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 11px!important;
    border:1px solid #e1e6ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#344054!important;
    transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
  }
  .avs-mega--v31 .avs-final-linklist--rich>a{grid-template-columns:36px minmax(0,1fr) 16px!important}
  .avs-mega--v31 .avs-final-cpu-list--rich>a{grid-template-columns:minmax(0,1fr) 16px!important}
  .avs-mega--v31 .avs-final-guide__links>a{grid-template-columns:36px minmax(0,1fr) 16px!important}
  .avs-mega--v31 .avs-final-linklist--rich>a:hover,
  .avs-mega--v31 .avs-final-cpu-list--rich>a:hover,
  .avs-mega--v31 .avs-final-guide__links>a:hover{
    border-color:#ffc4d0!important;
    background:#fff8fa!important;
    box-shadow:0 8px 18px rgba(16,24,40,.05)!important;
    transform:translateX(-2px)!important;
  }
  .avs-mega--v31 .avs-final-linkicon{
    width:36px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    color:#344054!important;
    border:1px solid #e4e9ef!important;
    border-radius:10px!important;
    background:#f8fafc!important;
  }
  .avs-mega--v31 .avs-final-linkcopy,
  .avs-mega--v31 .avs-final-cpu-list--rich>a>span{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    text-align:right!important;
  }
  .avs-mega--v31 .avs-final-linkcopy strong,
  .avs-mega--v31 .avs-final-cpu-list--rich strong{
    color:#172033!important;
    font-size:13.5px!important;
    line-height:1.55!important;
    font-weight:900!important;
  }
  .avs-mega--v31 .avs-final-linkcopy small,
  .avs-mega--v31 .avs-final-cpu-list--rich small{
    color:#8a94a6!important;
    font-size:10.5px!important;
    line-height:1.55!important;
    font-weight:650!important;
  }
  .avs-mega--v31 .avs-final-linklist--rich>a>b,
  .avs-mega--v31 .avs-final-cpu-list--rich>a>b,
  .avs-mega--v31 .avs-final-guide__links>a>em{
    color:#ff3157!important;
    font-size:14px!important;
    font-style:normal!important;
    font-weight:900!important;
  }
  .avs-mega--v31 .avs-final-all{
    min-height:44px!important;
    margin-top:12px!important;
    padding:0 11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid #e4e8ee!important;
    border-radius:10px!important;
    background:#fafbfc!important;
    color:#1753b5!important;
    font-size:11.5px!important;
    font-weight:900!important;
  }
  .avs-mega--v31 .avs-final-all:hover{background:#f5f8ff!important;border-color:#d5def0!important}

  /* Consultation */
  .avs-mega--v31 .avs-final-help{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    margin-top:10px!important;
    padding:11px!important;
    border:1px solid #ffcbd5!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#fff4f6 0%,#fff9fa 100%)!important;
  }
  .avs-mega--v31 .avs-final-help__icon{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#ff3157!important;
    border:1px solid #ffd7df!important;
  }
  .avs-mega--v31 .avs-final-help__copy{display:grid!important;gap:2px!important}
  .avs-mega--v31 .avs-final-help__copy b{font-size:12.5px!important;color:#344054!important;font-weight:900!important}
  .avs-mega--v31 .avs-final-help__copy small{font-size:10px!important;color:#7b8493!important;line-height:1.55!important}
  .avs-mega--v31 .avs-final-help>a{
    grid-column:1/-1!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #ffb9c7!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#e91e48!important;
    font-size:12px!important;
    font-weight:950!important;
  }

  /* Trust strip */
  .avs-mega--v31 .avs-final-trust{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    margin-top:14px!important;
    border:1px solid #dfe4ea!important;
    border-radius:14px!important;
    background:#fbfcfd!important;
    box-shadow:0 5px 16px rgba(16,24,40,.035)!important;
  }
  .avs-mega--v31 .avs-final-trust>div{
    min-height:72px!important;
    gap:10px!important;
    padding:10px 14px!important;
  }
  .avs-mega--v31 .avs-final-trust i{
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #dfe4ea!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#344054!important;
  }
  .avs-mega--v31 .avs-final-trust b{font-size:12.5px!important;color:#344054!important;font-weight:900!important}
  .avs-mega--v31 .avs-final-trust small{font-size:10.5px!important;color:#8a94a6!important;line-height:1.55!important}
}

/* v31.0.0 mobile visual skin — structure/bridge stay unchanged. */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    border:1px solid #dfe4ea!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:-18px 12px 44px rgba(16,24,40,.22)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li{
    min-height:56px!important;
    border-bottom:1px solid #e8ecf1!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li>a{
    padding:15px 10px!important;
    color:#172033!important;
    font-size:13.5px!important;
    font-weight:850!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{
    width:36px!important;
    height:38px!important;
    border:1px solid #e5e9ef!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#344054!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:first-child{
    margin-top:4px!important;
    border:1px solid #ffd0da!important;
    border-radius:12px!important;
    background:#fff3f6!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item:first-child>a{
    color:#e91e48!important;
    font-weight:950!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:52px!important;
    font-size:13px!important;
    font-weight:950!important;
    border-color:#dfe4ea!important;
    background:#f8fafc!important;
  }
}

/* v31.1.0 — Navigation Visual Identity Pack
 * Official vector brand assets + future-ready processor asset slots.
 */
@media (min-width: 992px){
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    grid-template-columns:minmax(0,1fr) 78px!important;
    display:grid!important;
    align-items:center!important;
    min-height:52px!important;
    padding:8px 12px!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-brandname{
    min-width:0!important;
    color:#344054!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.35!important;
  }
  .avs-mega--v31 .avs-final-brandmark{
    width:74px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-brandmark img{
    display:block!important;
    width:auto!important;
    max-width:70px!important;
    height:auto!important;
    max-height:27px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-dell img{max-width:50px!important;max-height:27px!important}
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{max-width:68px!important;max-height:24px!important}
  .avs-mega--v31 .avs-final-brandmark.is-asus img{max-width:66px!important;max-height:23px!important}
  .avs-mega--v31 .avs-final-brandmark.is-msi img{max-width:68px!important;max-height:27px!important}
  .avs-mega--v31 .avs-final-brandmark.is-apple img{max-width:24px!important;max-height:27px!important}
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img{max-width:27px!important;max-height:27px!important}
  .avs-mega--v31 .avs-final-brandfallback{
    justify-self:end!important;
    min-width:34px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 7px!important;
    border:1px solid #e7ebf0!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#667085!important;
    font-size:9.5px!important;
    font-weight:950!important;
    font-style:normal!important;
    text-transform:uppercase!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark img{
    transform:scale(1.035)!important;
  }
  .avs-mega--v31 .avs-final-brandmark img{
    transition:transform .16s ease!important;
  }

  .avs-mega--v31 .avs-final-cpuitem{
    grid-template-columns:42px minmax(0,1fr) 16px!important;
  }
  .avs-mega--v31 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpufamily{
    width:38px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5e9ef!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#344054!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  .avs-mega--v31 .avs-final-cpumark img{
    display:block!important;
    width:auto!important;
    max-width:32px!important;
    height:auto!important;
    max-height:24px!important;
    object-fit:contain!important;
  }
  .avs-mega--v31 .avs-final-cpucopy{min-width:0!important}
}

/* v31.2.0 — Navigation Asset System & CPU Visual Cleanup
 * Stable v31 layout + normalized vector assets + resilient CPU rows.
 */
@media (min-width:1024px){
  /* Brand asset normalization */
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img{
    max-width:70px!important;
    max-height:22px!important;
  }

  /* CPU row: one stable main lane + a dedicated arrow lane.
     This avoids inherited grid/flex rules squeezing processor names. */
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem{
    grid-template-columns:minmax(0,1fr) 18px!important;
    min-height:72px!important;
    padding:10px 12px!important;
    gap:10px!important;
    direction:rtl!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpufamily{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e3e8ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpumark img{
    display:block!important;
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    object-fit:contain!important;
    border-radius:7px!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpufamily{
    color:#344054!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem .avs-final-cpucopy{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem .avs-final-cpucopy strong{
    display:block!important;
    width:100%!important;
    color:#172033!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    direction:ltr!important;
    text-align:left!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem .avs-final-cpucopy small{
    display:block!important;
    width:100%!important;
    color:#8a94a6!important;
    font-size:10.8px!important;
    line-height:1.45!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>b{
    align-self:center!important;
    justify-self:end!important;
    color:#ff3157!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  .avs-mega--v31 .avs-final-cpuitem.is-core-i7 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-core-i5 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-core-i7 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-core-i5 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-core-i3 .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-core-ultra .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-ryzen .avs-final-cpumark,
  .avs-mega--v31 .avs-final-cpuitem.is-xeon .avs-final-cpumark{
    border-color:#d9e9f5!important;
    background:#f4fbff!important;
  }
  .avs-mega--v31 .avs-final-cpuitem:hover .avs-final-cpumark img{
    transform:scale(1.045)!important;
  }
  .avs-mega--v31 .avs-final-cpumark img{
    transition:transform .16s ease!important;
  }
}

/* v32.1.0 — Shared SVG identity assets for desktop + mobile navigation. */
.avs-final-brandmark img,
.avs-final-cpumark img,
.avs-mobile-nav__identity img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.avs-final-brandmark{overflow:hidden}
.avs-final-brandmark.is-hp,
.avs-final-brandmark.is-dell,
.avs-final-brandmark.is-apple{padding:2px}
.avs-final-brandmark.is-fujitsu,
.avs-final-brandmark.is-acer,
.avs-final-brandmark.is-asus,
.avs-final-brandmark.is-msi,
.avs-final-brandmark.is-toshiba{padding:3px 1px}
.avs-final-cpumark.is-core-i3,
.avs-final-cpumark.is-core-i5,
.avs-final-cpumark.is-core-i7,
.avs-final-cpumark.is-core-i9,
.avs-final-cpumark.is-core-ultra,
.avs-final-cpumark.is-ryzen,
.avs-final-cpumark.is-xeon{padding:0;overflow:hidden;background:transparent!important}

@media(max-width:1023px){
  .avs-mobile-nav__panel li.has-identity>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.has-identity>a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .avs-mobile-nav__identity,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity{
    flex:0 0 40px!important;
    width:40px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    padding:4px!important;
    border:1px solid #edf0f4!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__identity--processor,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--processor{
    width:36px!important;
    height:38px!important;
    flex-basis:36px!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
  }
  .avs-mobile-nav__identity--brand img{
    max-width:34px!important;
    max-height:22px!important;
  }
  .avs-mobile-nav__identity--processor img{
    width:36px!important;
    height:38px!important;
  }
  .avs-mobile-nav__item-title{min-width:0;overflow-wrap:anywhere}
}

/* v33.0.0 — Asset Harmony Layer + shared optical scaling.
 * SVG source remains shared across desktop/mobile; only presentation scale changes.
 */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandmark{
    width:74px!important;
    height:30px!important;
    padding:0!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  .avs-mega--v31 .avs-final-brandmark img{
    width:58px!important;
    height:22px!important;
    max-width:58px!important;
    max-height:22px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(var(--avs-asset-scale,1))!important;
    transform-origin:center!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark img{
    transform:scale(var(--avs-asset-scale,1))!important;
  }
  .avs-mega--v31 .avs-final-cpumark{
    overflow:visible!important;
  }
  .avs-mega--v31 .avs-final-cpumark img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    transform:scale(var(--avs-asset-scale,1))!important;
    transform-origin:center!important;
  }
  .avs-mega--v31 .avs-final-cpuitem:hover .avs-final-cpumark img{
    transform:scale(var(--avs-asset-scale,1))!important;
  }
}

@media(max-width:1023px){
  .avs-mobile-nav__identity{overflow:visible!important}
  .avs-mobile-nav__identity img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity img{
    transform:scale(var(--avs-asset-mobile-scale,1))!important;
    transform-origin:center!important;
  }
  .avs-mobile-nav__identity--brand img{
    width:32px!important;
    height:20px!important;
    max-width:32px!important;
    max-height:20px!important;
    object-fit:contain!important;
  }
  .avs-mobile-nav__identity--processor img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
  }
}

/* ======================================================================
   AVS Navigation v34 — CPU Generation Taxonomy Card
   Shared data model with mobile; desktop uses a compact optical badge.
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-generation-list{
    display:grid!important;
    gap:7px!important;
  }
  .avs-mega--v31 .avs-final-generationitem{
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 16px!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 9px!important;
    border:1px solid #edf0f4!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#344054!important;
    transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  .avs-mega--v31 .avs-final-generationitem:hover{
    background:#fff8fa!important;
    border-color:#ffd5de!important;
    transform:translateX(-2px)!important;
  }
  .avs-mega--v31 .avs-final-generationbadge{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #dfe5ec!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)!important;
    color:#111827!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    font-family:Arial,sans-serif!important;
    box-shadow:0 2px 7px rgba(16,24,40,.04)!important;
  }
  .avs-mega--v31 .avs-final-generationcopy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  .avs-mega--v31 .avs-final-generationcopy strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#263246!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:900!important;
  }
  .avs-mega--v31 .avs-final-generationcopy small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#98a2b3!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .avs-mega--v31 .avs-final-generationitem>b{
    color:#ff3f62!important;
    font-size:13px!important;
  }
}


/* ======================================================================
   AVS Navigation v34.1 — Compact Numeric CPU Generation Matrix
   Generation is an ordinal dimension: show every curated term at once,
   in natural numeric order, without footer CTAs or tall descriptive cards.
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-generation-list{display:none!important}
  .avs-mega--v31 .avs-final-generation-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-content:start!important;
    direction:rtl!important;
  }
  .avs-mega--v31 .avs-final-generationchip{
    min-width:0!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:7px 6px!important;
    border:1px solid #e3e8ef!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)!important;
    color:#344054!important;
    text-align:center!important;
    box-shadow:0 1px 3px rgba(16,24,40,.025)!important;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }
  .avs-mega--v31 .avs-final-generationchip:hover,
  .avs-mega--v31 .avs-final-generationchip:focus-visible{
    background:#fff7f9!important;
    border-color:#ffb7c5!important;
    box-shadow:0 4px 12px rgba(255,63,98,.08)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }
  .avs-mega--v31 .avs-final-generationchip__number{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#f5f7fa!important;
    border:1px solid #e4e7ec!important;
    color:#101828!important;
    font:900 11px/1 Arial,sans-serif!important;
  }
  .avs-mega--v31 .avs-final-generationchip.is-modern .avs-final-generationchip__number{
    color:#ff355d!important;
    border-color:#ffd1da!important;
    background:#fff4f6!important;
  }
  .avs-mega--v31 .avs-final-generationchip__label{
    min-width:0!important;
    color:#344054!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  /* v34.1: discovery columns no longer waste vertical space on generic
     "view all" footer actions. Product/consultation CTAs remain untouched. */
  .avs-mega--v31 .avs-final-brands>.avs-final-all,
  .avs-mega--v31 .avs-final-cpu>.avs-final-all,
  .avs-mega--v31 .avs-final-generation>.avs-final-all,
  .avs-mega--v31 .avs-final-usage>.avs-final-all{display:none!important}
}


/* ======================================================================
   AVS Navigation v34.2 — Precision Generation Matrix
   - one semantic chip per generation
   - canonical numeric order
   - compact 3xN grid
   - visual order: Featured > Brand > CPU Series > CPU Generation > Guide
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-generation-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    direction:rtl!important;
  }
  .avs-mega--v31 .avs-final-generationchip{
    min-height:46px!important;
    padding:7px 8px!important;
    gap:0!important;
  }
  .avs-mega--v31 .avs-final-generationchip__number{display:none!important}
  .avs-mega--v31 .avs-final-generationchip__label{
    width:100%!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:900!important;
    color:#27364d!important;
  }
  .avs-mega--v31 .avs-final-generationchip.is-modern .avs-final-generationchip__label{color:#e91e48!important}

  /* Re-sequence the two CPU discovery dimensions without duplicating markup. */
  .avs-mega--v31 .avs-final-featured{grid-column:1!important}
  .avs-mega--v31 .avs-final-brands{grid-column:2!important}
  .avs-mega--v31 .avs-final-cpu{grid-column:3!important}
  .avs-mega--v31 .avs-final-generation{grid-column:4!important}
  .avs-mega--v31 .avs-final-guide{grid-column:5!important}

  .avs-mega--v31 .avs-final-product__more{display:none!important}
}


/* ======================================================================
   AVS Navigation v34.3 — Desktop Row Lock & Uniform Generation Chips
   Final precision pass before expanding navigation dimensions.
   - all five laptop discovery cards are locked to one desktop row
   - semantic order remains: Featured > Brand > CPU Series > CPU Generation > Guide
   - generation chips use one neutral visual state; brand accent appears only on interaction
   - no generation is visually promoted merely because its number is newer
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-grid{
    display:grid!important;
    grid-template-columns:1.20fr 1.00fr 1.05fr .92fr 1.02fr!important;
    grid-template-rows:minmax(0,auto)!important;
    grid-auto-flow:column!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  /* Explicit row + column coordinates prevent CSS auto-placement from
     pushing reordered cards into a second row in RTL layouts. */
  .avs-mega--v31 .avs-final-featured{
    grid-column:1!important;
    grid-row:1!important;
  }
  .avs-mega--v31 .avs-final-brands{
    grid-column:2!important;
    grid-row:1!important;
  }
  .avs-mega--v31 .avs-final-cpu{
    grid-column:3!important;
    grid-row:1!important;
  }
  .avs-mega--v31 .avs-final-generation{
    grid-column:4!important;
    grid-row:1!important;
  }
  .avs-mega--v31 .avs-final-guide{
    grid-column:5!important;
    grid-row:1!important;
  }

  .avs-mega--v31 .avs-final-generation-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    direction:rtl!important;
    align-content:start!important;
  }
  .avs-mega--v31 .avs-final-generationchip,
  .avs-mega--v31 .avs-final-generationchip.is-modern{
    min-height:46px!important;
    padding:7px 8px!important;
    border:1px solid #e3e8ef!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#27364d!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .avs-mega--v31 .avs-final-generationchip__label,
  .avs-mega--v31 .avs-final-generationchip.is-modern .avs-final-generationchip__label{
    width:100%!important;
    color:#27364d!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:900!important;
  }
  .avs-mega--v31 .avs-final-generationchip:hover,
  .avs-mega--v31 .avs-final-generationchip:focus-visible,
  .avs-mega--v31 .avs-final-generationchip.is-modern:hover,
  .avs-mega--v31 .avs-final-generationchip.is-modern:focus-visible{
    background:#fff7f9!important;
    border-color:#ffb7c5!important;
    color:#27364d!important;
    box-shadow:0 4px 12px rgba(255,63,98,.08)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }

  /* Keep long Persian section titles readable without changing card width. */
  .avs-mega--v31 .avs-final-generation .avs-final-card__title strong{
    font-size:15px!important;
    line-height:1.45!important;
  }
}


/* ======================================================================
   AVS Navigation v35.0 — GPU Discovery Dimension
   - fifth desktop card becomes GPU discovery when GPU taxonomies have data
   - guide actions move to a compact utility rail, preserving five-column width
   - GPU brand/model/VRAM are visually distinct but share one curated source model
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-gpu{grid-column:5!important;grid-row:1!important}
  .avs-mega--v31 .avs-final-guide{grid-column:5!important;grid-row:1!important}
  .avs-mega--v31 .avs-final-gpu__group{margin-top:14px!important}
  .avs-mega--v31 .avs-final-gpu__eyebrow{display:block!important;margin:0 2px 8px!important;color:#98a2b3!important;font-size:10.5px!important;font-weight:800!important}
  .avs-mega--v31 .avs-final-gpu__brands{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .avs-mega--v31 .avs-final-gpu__brands a{display:grid!important;place-items:center!important;min-height:44px!important;border:1px solid #e4e9ef!important;border-radius:10px!important;background:#fff!important;color:#27364d!important;font-size:11.5px!important;font-weight:900!important;text-transform:none!important}
  .avs-mega--v31 .avs-final-gpu__models{display:grid!important;gap:7px!important}
  .avs-mega--v31 .avs-final-gpu__models a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:43px!important;padding:7px 10px!important;border:1px solid #e4e9ef!important;border-radius:10px!important;background:#fff!important;color:#27364d!important}
  .avs-mega--v31 .avs-final-gpu__models strong{font-size:11.5px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mega--v31 .avs-final-gpu__models small{font-size:9px!important;color:#98a2b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mega--v31 .avs-final-gpu__vram{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .avs-mega--v31 .avs-final-gpu__vram a{display:grid!important;place-items:center!important;min-height:38px!important;border:1px solid #e4e9ef!important;border-radius:10px!important;background:#f9fafb!important;color:#344054!important;font-size:10.5px!important;font-weight:900!important}
  .avs-mega--v31 .avs-final-gpu__brands a:hover,.avs-mega--v31 .avs-final-gpu__models a:hover,.avs-mega--v31 .avs-final-gpu__vram a:hover{background:#fff7f9!important;border-color:#ffb7c5!important;color:#e91e48!important;transform:translateY(-1px)!important}
  .avs-mega--v31 .avs-final-guide-rail{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:14px 0 0!important;border:1px solid #e1e6ed!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important}
  .avs-mega--v31 .avs-final-guide-rail a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:52px!important;padding:8px 10px!important;border-inline-start:1px solid #edf0f4!important;color:#344054!important;font-size:11px!important;font-weight:850!important;background:#fff!important}
  .avs-mega--v31 .avs-final-guide-rail a:first-child{border-inline-start:0!important}
  .avs-mega--v31 .avs-final-guide-rail i,.avs-mega--v31 .avs-final-guide-rail svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
  .avs-mega--v31 .avs-final-guide-rail a:hover{background:#f9fafb!important;color:#e91e48!important}
  .avs-mega--v31 .avs-final-guide-rail__consult{color:#e91e48!important}
}


/* ======================================================================
   AVS Navigation v35.1 — GPU Brand + VRAM visual refinement
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-gpu{overflow:hidden!important}
  .avs-mega--v31 .avs-final-gpu__group{margin-top:16px!important}
  .avs-mega--v31 .avs-final-gpu__group--brands{margin-top:12px!important}
  .avs-mega--v31 .avs-final-gpu__eyebrow{margin:0 2px 9px!important;font-size:10px!important;letter-spacing:0!important}
  .avs-mega--v31 .avs-final-gpu__brands{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .avs-mega--v31 .avs-final-gpu__brands .avs-final-gpu-brand{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:58px!important;padding:0!important;overflow:hidden!important;
    border:1px solid #e2e7ee!important;border-radius:12px!important;background:#fff!important;
    box-shadow:0 1px 2px rgba(16,24,40,.025)!important;transform:none!important;
  }
  .avs-mega--v31 .avs-final-gpu__brands .avs-final-gpu-brand img{
    display:block!important;width:100%!important;height:100%!important;min-height:58px!important;
    object-fit:cover!important;object-position:center!important;margin:0!important;
  }
  .avs-mega--v31 .avs-final-gpu__brands .avs-final-gpu-brand:hover{
    border-color:#cfd7e2!important;box-shadow:0 4px 12px rgba(16,24,40,.07)!important;transform:translateY(-1px)!important;
  }
  .avs-mega--v31 .avs-final-gpu__group--vram{margin-top:24px!important}
  .avs-mega--v31 .avs-final-gpu__vram{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .avs-mega--v31 .avs-final-gpu__vram a{
    min-height:44px!important;border-radius:11px!important;background:#fff!important;border-color:#e2e7ee!important;
    color:#25324a!important;font-size:11.5px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;
  }
  .avs-mega--v31 .avs-final-gpu__vram a:hover{
    background:#fff7f9!important;border-color:#ffb7c5!important;color:#e91e48!important;transform:translateY(-1px)!important;
  }
}


/* ======================================================================
   AVS Navigation v35.2 — GPU final polish + functional Woo layered filters
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-gpu__brands{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .avs-mega--v31 .avs-final-gpu__brands .avs-final-gpu-brand{
    min-height:88px!important;padding:8px 6px 9px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:6px!important;overflow:hidden!important;
    background:#fff!important;border:1px solid #e3e8ef!important;border-radius:13px!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand__visual{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:50px!important;overflow:hidden!important;border-radius:9px!important;background:#f7f9fc!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand__visual img{
    width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:50px!important;
    object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:8px!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand__name{
    display:block!important;max-width:100%!important;color:#25324a!important;font-size:11px!important;line-height:1.25!important;
    font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand:hover .avs-final-gpu-brand__name{color:#e91e48!important}
  .avs-mega--v31 .avs-final-gpu__group--vram{margin-top:20px!important}
  .avs-mega--v31 .avs-final-gpu__vram a{background:#fbfcfe!important}
}
@media (max-width:1024px){
  .avs-mobile-nav .avs-final-gpu-brand__visual{width:52px;height:38px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f7f9fc}
  .avs-mobile-nav .avs-final-gpu-brand__visual img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:7px!important}
  .avs-mobile-nav .avs-final-gpu-brand__name{display:inline-block;font-weight:800}
}


/* ======================================================================
   AVS Navigation v35.5 — Brand tile replacement with all provided uploaded logos
   - icon-safe square brand assets
   - optical fit per GPU brand
   - text label remains visible below the visual
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-gpu__brands{gap:10px!important}
  .avs-mega--v31 .avs-final-gpu__brands .avs-final-gpu-brand{
    min-height:102px!important;padding:9px 6px 10px!important;gap:7px!important;
    border-radius:14px!important;background:#fff!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand__visual{
    width:58px!important;height:58px!important;flex:0 0 58px!important;
    border-radius:13px!important;background:#f7f9fc!important;
    overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(16,24,40,.035)!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand__visual img{
    width:100%!important;height:100%!important;max-width:58px!important;max-height:58px!important;
    min-height:0!important;object-fit:contain!important;object-position:center!important;
    border-radius:12px!important;margin:0!important;transform:none!important;
  }
  .avs-mega--v31 .avs-final-gpu-brand.is-intel-gpu .avs-final-gpu-brand__visual img{transform:scale(.94)!important}
  .avs-mega--v31 .avs-final-gpu-brand.is-amd-gpu .avs-final-gpu-brand__visual img{transform:scale(.96)!important}
  .avs-mega--v31 .avs-final-gpu-brand.is-nvidia .avs-final-gpu-brand__visual img{transform:scale(.94)!important}
  .avs-mega--v31 .avs-final-gpu-brand__name{
    font-size:11.5px!important;line-height:1.2!important;font-weight:900!important;
    color:#25324a!important;letter-spacing:0!important;
  }
}
@media (max-width:1024px){
  .avs-mobile-nav .avs-final-gpu-brand__visual{
    width:52px!important;height:48px!important;flex:0 0 52px!important;border-radius:11px!important;
    overflow:hidden!important;background:#f7f9fc!important;
  }
  .avs-mobile-nav .avs-final-gpu-brand__visual img{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
    border-radius:10px!important;
  }
  .avs-mobile-nav .avs-final-gpu-brand__name{font-weight:900!important}
}

/* v35.5.0 — Brand tile replacement
 * All provided uploaded brand menu-tile SVGs replace legacy flat logos.
 * Desktop and mobile use a shared square icon slot for better visual harmony.
 */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    grid-template-columns:minmax(0,1fr) 56px!important;
    min-height:58px!important;
    gap:10px!important;
  }
  .avs-mega--v31 .avs-final-brandmark{
    width:52px!important;
    height:48px!important;
    padding:0!important;
    overflow:hidden!important;
    justify-content:center!important;
    align-items:center!important;
    border-radius:12px!important;
    background:transparent!important;
  }
  .avs-mega--v31 .avs-final-brandmark img,
  .avs-mega--v31 .avs-final-brandmark.is-dell img,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-brandmark.is-msi img,
  .avs-mega--v31 .avs-final-brandmark.is-apple img,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img,
  .avs-mega--v31 .avs-final-brandmark.is-hp img,
  .avs-mega--v31 .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(var(--avs-asset-scale,1))!important;
    transform-origin:center!important;
  }
}

@media (max-width:1023px){
  .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
  }
  .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand img{
    width:36px!important;
    height:38px!important;
    max-width:36px!important;
    max-height:38px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}


/* v36.0.1 — AvvalStock Brand Identity System
   Raw brand SVGs + CSS generated stage + per-brand optical sizing.
   This layer intentionally supersedes earlier brand-logo overrides. */

.avs-final-branditem.is-dell,
.avs-mobile-nav__panel li.is-dell{--avs-brand-rgb:0,118,206}
.avs-final-branditem.is-hp,
.avs-mobile-nav__panel li.is-hp{--avs-brand-rgb:0,161,224}
.avs-final-branditem.is-lenovo,
.avs-mobile-nav__panel li.is-lenovo{--avs-brand-rgb:224,35,26}
.avs-final-branditem.is-asus,
.avs-mobile-nav__panel li.is-asus{--avs-brand-rgb:0,86,184}
.avs-final-branditem.is-microsoft,
.avs-mobile-nav__panel li.is-microsoft{--avs-brand-rgb:0,164,239}
.avs-final-branditem.is-apple,
.avs-mobile-nav__panel li.is-apple{--avs-brand-rgb:17,24,39}
.avs-final-branditem.is-acer,
.avs-mobile-nav__panel li.is-acer{--avs-brand-rgb:118,189,34}
.avs-final-branditem.is-fujitsu,
.avs-mobile-nav__panel li.is-fujitsu{--avs-brand-rgb:230,0,18}
.avs-final-branditem.is-msi,
.avs-mobile-nav__panel li.is-msi{--avs-brand-rgb:214,0,28}
.avs-final-branditem.is-toshiba,
.avs-mobile-nav__panel li.is-toshiba{--avs-brand-rgb:227,6,19}

@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandgrid{
    gap:9px!important;
  }
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    align-items:center!important;
    min-height:64px!important;
    gap:12px!important;
    padding:10px 12px!important;
    border:1px solid #e5eaf1!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
  }
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem:hover{
    transform:translateX(-2px)!important;
    border-color:rgba(var(--avs-brand-rgb,52,64,84),.24)!important;
    background:linear-gradient(180deg,#ffffff 0%,rgba(var(--avs-brand-rgb,52,64,84),.025) 100%)!important;
    box-shadow:0 10px 24px rgba(16,24,40,.06)!important;
  }
  .avs-mega--v31 .avs-final-brandname{
    min-width:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#25324a!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.45!important;
    letter-spacing:0!important;
  }
  .avs-mega--v31 .avs-final-brandmark,
  .avs-mega--v31 .avs-final-brandmark.is-dell,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo,
  .avs-mega--v31 .avs-final-brandmark.is-asus,
  .avs-mega--v31 .avs-final-brandmark.is-msi,
  .avs-mega--v31 .avs-final-brandmark.is-apple,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba,
  .avs-mega--v31 .avs-final-brandmark.is-hp,
  .avs-mega--v31 .avs-final-brandmark.is-acer,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu{
    width:90px!important;
    height:44px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #e8edf3!important;
    border-radius:12px!important;
    background:#ffffff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark{
    border-color:rgba(var(--avs-brand-rgb,52,64,84),.18)!important;
    background:rgba(var(--avs-brand-rgb,52,64,84),.04)!important;
  }
  .avs-mega--v31 .avs-final-brandmark img,
  .avs-mega--v31 .avs-final-brandmark.is-dell img,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-brandmark.is-msi img,
  .avs-mega--v31 .avs-final-brandmark.is-apple img,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img,
  .avs-mega--v31 .avs-final-brandmark.is-hp img,
  .avs-mega--v31 .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    transform-origin:center!important;
    transition:transform .18s ease!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark img{
    transform:scale(1.04)!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-dell img{max-width:42px!important;max-height:42px!important}
  .avs-mega--v31 .avs-final-brandmark.is-hp img{max-width:40px!important;max-height:40px!important}
  .avs-mega--v31 .avs-final-brandmark.is-apple img{max-width:34px!important;max-height:38px!important}
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img{max-width:32px!important;max-height:32px!important}
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{max-width:72px!important;max-height:28px!important}
  .avs-mega--v31 .avs-final-brandmark.is-asus img{max-width:72px!important;max-height:28px!important}
  .avs-mega--v31 .avs-final-brandmark.is-acer img{max-width:70px!important;max-height:26px!important}
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{max-width:74px!important;max-height:28px!important}
  .avs-mega--v31 .avs-final-brandmark.is-msi img{max-width:72px!important;max-height:28px!important}
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img{max-width:76px!important;max-height:27px!important}
}

@media (max-width:1023px){
  .avs-mobile-nav__panel li.has-identity>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.has-identity>a{
    gap:12px!important;
  }
  .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand{
    width:52px!important;
    height:38px!important;
    flex:0 0 52px!important;
    padding:0 6px!important;
    border:1px solid #e8edf3!important;
    border-radius:11px!important;
    background:#ffffff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__panel li.has-identity:hover .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.has-identity:hover .avs-mobile-nav__identity--brand{
    border-color:rgba(var(--avs-brand-rgb,52,64,84),.18)!important;
    background:rgba(var(--avs-brand-rgb,52,64,84),.04)!important;
  }
  .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  .avs-mobile-nav__panel li.is-dell .avs-mobile-nav__identity--brand img{max-width:34px!important;max-height:34px!important}
  .avs-mobile-nav__panel li.is-hp .avs-mobile-nav__identity--brand img{max-width:33px!important;max-height:33px!important}
  .avs-mobile-nav__panel li.is-apple .avs-mobile-nav__identity--brand img{max-width:28px!important;max-height:32px!important}
  .avs-mobile-nav__panel li.is-microsoft .avs-mobile-nav__identity--brand img{max-width:26px!important;max-height:26px!important}
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img{max-width:46px!important;max-height:19px!important}
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img{max-width:46px!important;max-height:19px!important}
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img{max-width:45px!important;max-height:18px!important}
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{max-width:52px!important;max-height:20px!important}
  .avs-mobile-nav__panel li.is-msi .avs-mobile-nav__identity--brand img{max-width:46px!important;max-height:20px!important}
  .avs-mobile-nav__panel li.is-toshiba .avs-mobile-nav__identity--brand img{max-width:49px!important;max-height:19px!important}
}


/* v36.0.2 — Optical size boost for narrower wordmark brands.
   Dell and HP remain unchanged; Lenovo/Asus/Acer/Fujitsu get larger visual presence. */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{
    transform:scale(1.18)!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-fujitsu img{
    transform:scale(1.23)!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{max-width:78px!important;max-height:31px!important}
  .avs-mega--v31 .avs-final-brandmark.is-asus img{max-width:78px!important;max-height:31px!important}
  .avs-mega--v31 .avs-final-brandmark.is-acer img{max-width:76px!important;max-height:29px!important}
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{max-width:80px!important;max-height:31px!important}
}
@media (max-width:1023px){
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{
    transform:scale(1.14)!important;
  }
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img{max-width:50px!important;max-height:21px!important}
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img{max-width:50px!important;max-height:21px!important}
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img{max-width:49px!important;max-height:20px!important}
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{max-width:52px!important;max-height:22px!important}
}


/* v36.0.3 — Aggressive visual enlargement for narrower brand wordmarks.
   User-approved bigger treatment for Lenovo/Asus/Acer/Fujitsu. */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    grid-template-columns:minmax(0,1fr) 104px!important;
  }
  .avs-mega--v31 .avs-final-brandmark,
  .avs-mega--v31 .avs-final-brandmark.is-dell,
  .avs-mega--v31 .avs-final-brandmark.is-hp,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo,
  .avs-mega--v31 .avs-final-brandmark.is-asus,
  .avs-mega--v31 .avs-final-brandmark.is-apple,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft,
  .avs-mega--v31 .avs-final-brandmark.is-acer,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu,
  .avs-mega--v31 .avs-final-brandmark.is-msi,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba{
    width:98px!important;
    height:48px!important;
    padding:0 7px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{
    transform:scale(1.30)!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark.is-fujitsu img{
    transform:scale(1.36)!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{max-width:88px!important;max-height:35px!important}
  .avs-mega--v31 .avs-final-brandmark.is-asus img{max-width:88px!important;max-height:35px!important}
  .avs-mega--v31 .avs-final-brandmark.is-acer img{max-width:86px!important;max-height:32px!important}
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{max-width:90px!important;max-height:35px!important}
}
@media (max-width:1023px){
  .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand{
    width:56px!important;
    height:40px!important;
    flex:0 0 56px!important;
    padding:0 6px!important;
  }
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{
    transform:scale(1.26)!important;
  }
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img{max-width:54px!important;max-height:23px!important}
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img{max-width:54px!important;max-height:23px!important}
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img{max-width:52px!important;max-height:21px!important}
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{max-width:56px!important;max-height:24px!important}
}


/* v36.0.4 — Borderless oversized logo treatment.
   Remove mini logo frame and give brand marks much larger visual presence. */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    grid-template-columns:minmax(0,1fr) 122px!important;
    min-height:68px!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  .avs-mega--v31 .avs-final-brandmark,
  .avs-mega--v31 .avs-final-brandmark.is-dell,
  .avs-mega--v31 .avs-final-brandmark.is-hp,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo,
  .avs-mega--v31 .avs-final-brandmark.is-asus,
  .avs-mega--v31 .avs-final-brandmark.is-apple,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft,
  .avs-mega--v31 .avs-final-brandmark.is-acer,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu,
  .avs-mega--v31 .avs-final-brandmark.is-msi,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba{
    width:116px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .avs-mega--v31 .avs-final-brandmark img,
  .avs-mega--v31 .avs-final-brandmark.is-dell img,
  .avs-mega--v31 .avs-final-brandmark.is-hp img,
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img,
  .avs-mega--v31 .avs-final-brandmark.is-asus img,
  .avs-mega--v31 .avs-final-brandmark.is-apple img,
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img,
  .avs-mega--v31 .avs-final-brandmark.is-acer img,
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img,
  .avs-mega--v31 .avs-final-brandmark.is-msi img,
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img{
    transform:none!important;
    max-width:100%!important;
    max-height:100%!important;
    width:auto!important;
    height:auto!important;
  }
  .avs-mega--v31 .avs-final-branditem:hover .avs-final-brandmark img{
    transform:scale(1.03)!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-dell img{max-width:52px!important;max-height:52px!important}
  .avs-mega--v31 .avs-final-brandmark.is-hp img{max-width:50px!important;max-height:50px!important}
  .avs-mega--v31 .avs-final-brandmark.is-apple img{max-width:38px!important;max-height:42px!important}
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img{max-width:36px!important;max-height:36px!important}
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{max-width:102px!important;max-height:38px!important}
  .avs-mega--v31 .avs-final-brandmark.is-asus img{max-width:102px!important;max-height:38px!important}
  .avs-mega--v31 .avs-final-brandmark.is-acer img{max-width:100px!important;max-height:34px!important}
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{max-width:104px!important;max-height:38px!important}
  .avs-mega--v31 .avs-final-brandmark.is-msi img{max-width:98px!important;max-height:36px!important}
  .avs-mega--v31 .avs-final-brandmark.is-toshiba img{max-width:104px!important;max-height:36px!important}
}
@media (max-width:1023px){
  .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand{
    width:64px!important;
    height:30px!important;
    flex:0 0 64px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__panel li.has-identity:hover .avs-mobile-nav__identity--brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.has-identity:hover .avs-mobile-nav__identity--brand{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--brand img{
    transform:none!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  .avs-mobile-nav__panel li.is-dell .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-dell .avs-mobile-nav__identity--brand img{max-width:36px!important;max-height:36px!important}
  .avs-mobile-nav__panel li.is-hp .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-hp .avs-mobile-nav__identity--brand img{max-width:35px!important;max-height:35px!important}
  .avs-mobile-nav__panel li.is-apple .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-apple .avs-mobile-nav__identity--brand img{max-width:26px!important;max-height:30px!important}
  .avs-mobile-nav__panel li.is-microsoft .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-microsoft .avs-mobile-nav__identity--brand img{max-width:24px!important;max-height:24px!important}
  .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-lenovo .avs-mobile-nav__identity--brand img{max-width:58px!important;max-height:24px!important}
  .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-asus .avs-mobile-nav__identity--brand img{max-width:58px!important;max-height:24px!important}
  .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-acer .avs-mobile-nav__identity--brand img{max-width:56px!important;max-height:22px!important}
  .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-fujitsu .avs-mobile-nav__identity--brand img{max-width:60px!important;max-height:24px!important}
  .avs-mobile-nav__panel li.is-msi .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-msi .avs-mobile-nav__identity--brand img{max-width:56px!important;max-height:23px!important}
  .avs-mobile-nav__panel li.is-toshiba .avs-mobile-nav__identity--brand img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li.is-toshiba .avs-mobile-nav__identity--brand img{max-width:60px!important;max-height:23px!important}
}


/* v36.0.5 — Exact user-tested desktop brand logo sizes.
   Apply exactly as validated in browser devtools. */
@media (min-width:1024px){
  .avs-mega--v31 .avs-final-brandmark.is-acer img{
    max-width:100px!important;
    max-height:80px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-fujitsu img{
    max-width:104px!important;
    max-height:50px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-asus img{
    max-width:102px!important;
    max-height:64px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-lenovo img{
    max-width:102px!important;
    max-height:64px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-hp img{
    max-width:52px!important;
    max-height:52px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-dell img{
    max-width:55px!important;
    max-height:55px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-microsoft img{
    max-width:40px!important;
    max-height:40px!important;
  }
  .avs-mega--v31 .avs-final-brandmark.is-apple img{
    max-width:46px!important;
    max-height:46px!important;
  }
}


/* v37.0.1 SAFE — compact 4-column laptop mega menu. */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-grid{
    grid-template-columns:1.18fr 1.02fr 1.06fr 1.18fr!important;
    grid-template-rows:minmax(0,auto)!important;
    grid-auto-flow:column!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .avs-mega--v31 .avs-final-featured{grid-column:1!important;grid-row:1!important}
  .avs-mega--v31 .avs-final-brands{grid-column:2!important;grid-row:1!important}
  .avs-mega--v31 .avs-final-cpu{grid-column:3!important;grid-row:1!important}
  .avs-mega--v31 .avs-final-specs{grid-column:4!important;grid-row:1!important}

  .avs-mega--v31 .avs-final-card{padding:13px!important}
  .avs-mega--v31 .avs-final-card__title{margin-bottom:10px!important}
  .avs-mega--v31 .avs-final-brandgrid{gap:6px!important}
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{min-height:56px!important;padding-top:6px!important;padding-bottom:6px!important}
  .avs-mega--v31 .avs-final-cpu-list--rich{gap:7px!important}
  .avs-mega--v31 .avs-final-cpu-list--rich>a{min-height:56px!important;padding-top:7px!important;padding-bottom:7px!important}
  .avs-mega--v31 .avs-final-trust{margin-top:10px!important}
  .avs-mega--v31 .avs-final-trust>div{min-height:58px!important;padding:8px 12px!important}

  .avs-mega--v31 .avs-final-specs{display:flex!important;flex-direction:column!important}
  .avs-mega--v31 .avs-final-specs__group{display:block!important}
  .avs-mega--v31 .avs-final-specs__eyebrow{display:block!important;margin:2px 0 8px!important;color:#98a2b3!important;font-size:10px!important;font-weight:850!important}
  .avs-mega--v31 .avs-final-specs__divider{height:1px!important;margin:12px 0!important;background:#edf0f4!important}
  .avs-mega--v31 .avs-final-specs .avs-final-generation-grid{gap:7px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-generationchip{min-height:40px!important;padding:6px 8px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__brands{gap:8px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__brands .avs-final-gpu-brand{min-height:88px!important;padding:8px 5px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu-brand__visual{width:52px!important;height:52px!important;flex:0 0 52px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu-brand__visual img{max-width:52px!important;max-height:52px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__eyebrow--vram{margin-top:10px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__vram{gap:7px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__vram a{min-height:36px!important;padding:6px 7px!important}
}


/* v37.1.0 — Final compact polish for the 4-column laptop mega menu.
   Keeps the exact tested brand logo sizes from v36.0.5; only spacing/heights are refined. */
@media (min-width:1025px){
  .avs-mega--v31 .avs-final-grid{gap:11px!important}
  .avs-mega--v31 .avs-final-card{padding:11px!important}
  .avs-mega--v31 .avs-final-card__title{margin-bottom:8px!important}

  .avs-mega--v31 .avs-final-brandgrid{gap:5px!important}
  .avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{
    min-height:52px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }

  .avs-mega--v31 .avs-final-cpu-list--rich{gap:6px!important}
  .avs-mega--v31 .avs-final-cpu-list--rich>a{
    min-height:52px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  .avs-mega--v31 .avs-final-specs__eyebrow{margin:1px 0 7px!important}
  .avs-mega--v31 .avs-final-specs__divider{margin:9px 0!important}
  .avs-mega--v31 .avs-final-specs .avs-final-generation-grid{gap:6px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-generationchip{
    min-height:36px!important;
    padding:4px 7px!important;
  }

  .avs-mega--v31 .avs-final-specs .avs-final-gpu__brands{gap:7px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__brands .avs-final-gpu-brand{
    min-height:78px!important;
    padding:5px 4px!important;
    gap:4px!important;
  }
  .avs-mega--v31 .avs-final-specs .avs-final-gpu-brand__visual{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
  }
  .avs-mega--v31 .avs-final-specs .avs-final-gpu-brand__visual img{
    max-width:50px!important;
    max-height:50px!important;
  }
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__eyebrow--vram{margin-top:7px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__vram{gap:6px!important}
  .avs-mega--v31 .avs-final-specs .avs-final-gpu__vram a{
    min-height:33px!important;
    padding:4px 6px!important;
  }

  .avs-mega--v31 .avs-final-trust{margin-top:8px!important}
  .avs-mega--v31 .avs-final-trust>div{
    min-height:54px!important;
    padding:7px 11px!important;
  }
}


/* v38.0.0 — Mobile Navigation Redesign
   Touch-first drawer with search-first root screen and cleaner drill-down cards. */
@media (max-width:1023px){
  .avs-mobile-nav,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs-mobile-accent:#ff3f62;
    --avs-mobile-accent-soft:#fff3f6;
    --avs-mobile-ink:#172033;
    --avs-mobile-muted:#667085;
    --avs-mobile-line:#e8edf3;
    --avs-mobile-soft:#f7f9fc;
    --avs-mobile-radius:16px;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:min(86vw,360px)!important;
    max-width:calc(100vw - 42px)!important;
    border-radius:22px!important;
    box-shadow:-14px 14px 46px rgba(15,23,42,.18)!important;
  }
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    background:#fff!important;
  }
  .avs-mobile-nav__panel,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:12px 12px 18px!important;
  }
  .avs-mobile-nav__panel.is-root,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root{
    padding-top:14px!important;
  }
  .avs-mobile-nav__root-head,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-head{
    display:grid!important;
    gap:12px!important;
    margin-bottom:12px!important;
  }
  .avs-mobile-nav__brandmark,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brandmark{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    padding:2px 2px 0!important;
  }
  .avs-mobile-nav__brandmark-fa,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brandmark-fa{
    font-size:20px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#101828!important;
    letter-spacing:-.2px!important;
  }
  .avs-mobile-nav__brandmark-en,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brandmark-en{
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#111827!important;
    letter-spacing:.14em!important;
  }
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    min-height:48px!important;
    padding:4px!important;
    border:1px solid var(--avs-mobile-line)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
  }
  .avs-mobile-nav__search button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search button{
    width:40px!important;
    height:40px!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--avs-mobile-accent)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
    box-shadow:none!important;
    position:static!important;
  }
  .avs-mobile-nav__search button svg,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search button svg{
    width:18px!important;
    height:18px!important;
    stroke-width:2!important;
  }
  .avs-mobile-nav__search input,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search input{
    width:100%!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--avs-mobile-ink)!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    padding:0 12px!important;
    outline:0!important;
    box-shadow:none!important;
    appearance:none!important;
  }
  .avs-mobile-nav__search input::placeholder,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search input::placeholder{
    color:#98a2b3!important;
    opacity:1!important;
  }
  .avs-mobile-nav__panel ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel ul{
    display:grid!important;
    gap:10px!important;
  }
  .avs-mobile-nav__panel li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li{
    border:1px solid var(--avs-mobile-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    min-height:62px!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
  }
  .avs-mobile-nav__panel li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li>a{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    padding:14px 14px!important;
    text-align:right!important;
    font-weight:850!important;
    color:var(--avs-mobile-ink)!important;
  }
  .avs-mobile-nav__root-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item{
    min-height:74px!important;
  }
  .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border-radius:14px!important;
    border:1px solid #eef1f5!important;
    background:var(--avs-mobile-soft)!important;
    display:grid!important;
    place-items:center!important;
    color:#344054!important;
  }
  .avs-mobile-nav__item-icon svg,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-icon svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.9!important;
  }
  .avs-mobile-nav__item-copy,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    flex:1 1 auto!important;
  }
  .avs-mobile-nav__item-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-title{
    display:block!important;
    font-size:13.2px!important;
    line-height:1.4!important;
    font-weight:900!important;
    color:var(--avs-mobile-ink)!important;
  }
  .avs-mobile-nav__item-subtitle,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__item-subtitle{
    display:block!important;
    font-size:11px!important;
    line-height:1.5!important;
    font-weight:700!important;
    color:var(--avs-mobile-muted)!important;
  }
  .avs-mobile-nav__next,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{
    width:34px!important;
    height:34px!important;
    margin:auto 8px auto auto!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--avs-mobile-accent-soft)!important;
    color:var(--avs-mobile-accent)!important;
  }
  .avs-mobile-nav__sub-item.has-identity>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.has-identity>a{
    gap:10px!important;
  }
  .avs-mobile-nav__identity,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity{
    order:0!important;
    margin-left:2px!important;
  }
  .avs-mobile-nav__sub-item .avs-mobile-nav__item-copy,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item .avs-mobile-nav__item-copy{
    gap:0!important;
  }
  .avs-mobile-nav__sub-item .avs-mobile-nav__item-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item .avs-mobile-nav__item-title{
    font-size:12.8px!important;
    line-height:1.5!important;
    font-weight:850!important;
  }
  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:50px!important;
    margin:0 0 12px!important;
    padding:12px 14px!important;
    border:1px solid var(--avs-mobile-line)!important;
    border-radius:14px!important;
    background:var(--avs-mobile-soft)!important;
    color:var(--avs-mobile-ink)!important;
  }
  .avs-mobile-nav__back span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back span{
    font-size:13px!important;
    font-weight:900!important;
  }
  .avs-mobile-nav__panel-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{
    padding-top:12px!important;
  }
  .avs-mobile-nav__panel-footer button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer button{
    width:100%!important;
    min-height:48px!important;
    border:1px solid #f1c8d1!important;
    border-radius:14px!important;
    background:#fff7f9!important;
    color:var(--avs-mobile-accent)!important;
    font:inherit!important;
    font-size:12.8px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }
}

/* v38.1.0 — Mobile Final Structure + Portal SVG Fix */
@media (max-width:1023px){
  /* Body-portal SVGs must preserve the same icon contract as .avs-navigation SVGs. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal svg,
  .avs-mobile-nav svg{
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal svg path,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal svg circle,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal svg rect,
  .avs-mobile-nav svg path,
  .avs-mobile-nav svg circle,
  .avs-mobile-nav svg rect{
    fill:none!important;
    stroke:currentColor!important;
  }

  /* Visible, self-contained drawer header: close button no longer floats outside. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
  .avs-mobile-nav__sheet>header{
    height:58px!important;
    min-height:58px!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid #edf0f4!important;
    background:#fff!important;
    overflow:visible!important;
    position:relative!important;
    z-index:4!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header .avs-mobile-nav__header-brand,
  .avs-mobile-nav__sheet>header .avs-mobile-nav__header-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    padding:0 4px!important;
    color:#101828!important;
    text-decoration:none!important;
  }
  .avs-mobile-nav__header-brand>span{
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  .avs-mobile-nav__header-brand>small{
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    color:#475467!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button,
  .avs-mobile-nav__sheet>header button{
    position:static!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border:1px solid #e8ebf0!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#344054!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
  }

  /* Root screen: compact rows so more categories are visible without scrolling. */
  .avs-mobile-nav__panel.is-root,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root{
    padding-top:10px!important;
  }
  .avs-mobile-nav__root-head,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-head{
    margin-bottom:10px!important;
  }
  .avs-mobile-nav__panel.is-root ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root ul{
    gap:7px!important;
  }
  .avs-mobile-nav__root-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item{
    min-height:58px!important;
    border-radius:14px!important;
  }
  .avs-mobile-nav__root-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a{
    min-height:56px!important;
    padding:8px 10px!important;
    gap:10px!important;
  }
  .avs-mobile-nav__root-item .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item .avs-mobile-nav__item-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:11px!important;
  }
  .avs-mobile-nav__root-item .avs-mobile-nav__item-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item .avs-mobile-nav__item-title{
    font-size:12.8px!important;
    line-height:1.4!important;
  }
  .avs-mobile-nav__root-item.is-primary,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item.is-primary{
    border-color:#ffc8d3!important;
    background:linear-gradient(135deg,#fff6f8 0%,#fff 100%)!important;
  }
  .avs-mobile-nav__root-item.is-primary .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item.is-primary .avs-mobile-nav__item-icon{
    color:#ff3157!important;
    background:#fff1f4!important;
    border-color:#ffd5dd!important;
  }

  /* Search: restrained and consistent after moving brand into real header. */
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{
    min-height:46px!important;
    border-radius:14px!important;
  }
  .avs-mobile-nav__search button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search button{
    width:38px!important;
    height:38px!important;
  }

  /* Laptop root becomes a compact, mobile-native hub instead of a long list. */
  .avs-mobile-nav__panel.is-laptop-hub,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-laptop-hub{
    padding:10px 12px 18px!important;
  }
  .avs-mobile-nav__hub-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-title{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:2px 2px 10px!important;
  }
  .avs-mobile-nav__hub-title strong{
    font-size:13.5px!important;
    font-weight:950!important;
    color:#172033!important;
  }
  .avs-mobile-nav__hub-title small{
    font-size:10.5px!important;
    font-weight:700!important;
    color:#98a2b3!important;
  }
  .avs-mobile-nav__hub-grid,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .avs-mobile-nav__hub-card,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card{
    position:relative!important;
    min-height:104px!important;
    border:1px solid #e7ecf2!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
  }
  .avs-mobile-nav__hub-card>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card>a{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:102px!important;
    padding:12px 12px 28px!important;
    color:#172033!important;
  }
  .avs-mobile-nav__hub-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-icon{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    border:1px solid #edf0f4!important;
    background:#f8fafc!important;
    color:#344054!important;
  }
  .avs-mobile-nav__hub-icon svg{
    width:19px!important;
    height:19px!important;
  }
  .avs-mobile-nav__hub-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  .avs-mobile-nav__hub-copy strong{
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:950!important;
    color:#172033!important;
  }
  .avs-mobile-nav__hub-copy small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1.35!important;
    color:#98a2b3!important;
  }
  .avs-mobile-nav__hub-card>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card>button{
    position:absolute!important;
    left:8px!important;
    bottom:8px!important;
    width:30px!important;
    height:30px!important;
    border:0!important;
    border-radius:10px!important;
    background:#fff2f5!important;
    color:#ff3157!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
  }
  .avs-mobile-nav__hub-card>button svg{
    width:14px!important;
    height:14px!important;
  }

  /* Drill-down rows remain touch-friendly, but less bulky than v38.0. */
  .avs-mobile-nav__sub-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{
    min-height:54px!important;
    border-radius:13px!important;
  }
  .avs-mobile-nav__sub-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item>a{
    padding:9px 11px!important;
  }
}

/* v39.0.0 — Mobile Navigation Final Big Update
   Consolidated mobile polish: compact vertical navigation, quick actions, concise hub copy,
   processor guidance, safe tap targets and reduced viewport usage. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
  .avs-mobile-nav__sheet>header{
    height:50px!important;min-height:50px!important;padding:6px 9px!important;
  }
  .avs-mobile-nav__header-brand>span{font-size:14.5px!important;line-height:1.05!important}
  .avs-mobile-nav__header-brand>small{font-size:9px!important;line-height:1!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button,
  .avs-mobile-nav__sheet>header button{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}

  .avs-mobile-nav__panel,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{padding:7px 9px 12px!important}
  .avs-mobile-nav__panel.is-root,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root{padding-top:7px!important}

  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:0 0 7px!important;
  }
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-width:0!important;min-height:52px!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid #e9edf3!important;border-radius:12px!important;background:#fff!important;color:#344054!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important;text-align:center!important;
  }
  .avs-mobile-nav__quick-actions>a>span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a>span{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#fff2f5!important;color:#ff3157!important}
  .avs-mobile-nav__quick-actions>a svg{width:14px!important;height:14px!important}
  .avs-mobile-nav__quick-actions>a b,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a b{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:1.1!important;font-weight:900!important}

  .avs-mobile-nav__panel.is-root ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root ul{gap:4px!important}
  .avs-mobile-nav__root-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item{min-height:46px!important;border-radius:11px!important}
  .avs-mobile-nav__root-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item>a{min-height:44px!important;padding:5px 7px!important;gap:7px!important}
  .avs-mobile-nav__root-item .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item .avs-mobile-nav__item-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important}
  .avs-mobile-nav__root-item .avs-mobile-nav__item-icon svg{width:16px!important;height:16px!important}
  .avs-mobile-nav__root-item .avs-mobile-nav__item-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-item .avs-mobile-nav__item-title{font-size:11.9px!important;line-height:1.25!important}
  .avs-mobile-nav__next,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__next{width:28px!important;height:28px!important;margin:auto 5px auto auto!important;border-radius:9px!important}

  .avs-mobile-nav__panel.is-laptop-hub,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-laptop-hub{padding:7px 9px 12px!important}
  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{min-height:40px!important;margin:0 0 7px!important;padding:8px 10px!important;border-radius:11px!important}
  .avs-mobile-nav__back span{font-size:12.2px!important}
  .avs-mobile-nav__hub-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:0 2px 6px!important}
  .avs-mobile-nav__hub-title strong{font-size:12.1px!important}
  .avs-mobile-nav__hub-title small{font-size:9px!important;white-space:nowrap!important;color:#98a2b3!important}
  .avs-mobile-nav__hub-grid,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .avs-mobile-nav__hub-card,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card{position:relative!important;min-height:50px!important;border:1px solid #e8edf3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important;overflow:hidden!important}
  .avs-mobile-nav__hub-card>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card>a{min-height:48px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:5px 40px 5px 8px!important;text-align:right!important}
  .avs-mobile-nav__hub-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-icon{width:31px!important;height:31px!important;border:1px solid #edf1f5!important;border-radius:9px!important;background:#f8fafc!important;color:#344054!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__hub-icon svg{width:15px!important;height:15px!important}
  .avs-mobile-nav__hub-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:1px!important}
  .avs-mobile-nav__hub-copy strong{font-size:11.8px!important;line-height:1.25!important;font-weight:900!important;color:#172033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__hub-copy small{display:block!important;font-size:8.8px!important;line-height:1.25!important;font-weight:700!important;color:#98a2b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__hub-card>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card>button{position:absolute!important;left:7px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:27px!important;height:27px!important;border:0!important;border-radius:9px!important;background:#fff2f5!important;color:#ff3157!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__hub-card>button svg{width:13px!important;height:13px!important}

  .avs-mobile-nav__sub-item,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item{min-height:46px!important;border-radius:11px!important}
  .avs-mobile-nav__sub-item>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item>a{min-height:44px!important;padding:6px 8px!important;gap:8px!important}
  .avs-mobile-nav__sub-item .avs-mobile-nav__item-title{font-size:11.9px!important;line-height:1.25!important}
  .avs-mobile-nav__sub-item .avs-mobile-nav__item-subtitle{display:block!important;margin-top:2px!important;font-size:8.8px!important;line-height:1.2!important;font-weight:700!important;color:#98a2b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__identity--processor,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--processor{width:34px!important;height:34px!important;flex-basis:34px!important}
  .avs-mobile-nav__identity--processor img{width:34px!important;height:34px!important}
  .avs-mobile-nav__panel-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{padding-top:8px!important}
  .avs-mobile-nav__panel-footer button{min-height:42px!important;border-radius:11px!important;font-size:11.8px!important}
}

/* v39.2.0 — Mobile navigation architecture fix
   Parents are controls, leaves are links. Graphics is an inline default-open accordion. */
@media (max-width:1023px){
  .avs-mobile-nav__panel li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel li{
    display:block!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__row-control,
  .avs-mobile-nav__row-link,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__row-control,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__row-link{
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:9px 11px!important;
    border:0!important;
    background:transparent!important;
    color:var(--avs-mobile-ink,#172033)!important;
    font:inherit!important;
    text-decoration:none!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    text-align:right!important;
    cursor:pointer!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__row-control .avs-mobile-nav__item-copy,
  .avs-mobile-nav__row-link .avs-mobile-nav__item-copy{
    flex:1 1 auto!important;
  }
  .avs-mobile-nav__row-chevron{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:#fff3f6!important;
    color:#ff3f62!important;
  }
  .avs-mobile-nav__row-chevron svg{width:14px!important;height:14px!important}

  .avs-mobile-nav__hub-title{
    margin:0 0 8px!important;
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  .avs-mobile-nav__hub-title strong{font-size:13px!important}
  .avs-mobile-nav__hub-title small{font-size:10px!important;color:#98a2b3!important}
  .avs-mobile-nav__hub-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .avs-mobile-nav__hub-card,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-card{
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid #e8edf3!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#172033!important;
    font:inherit!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 30px!important;
    align-items:center!important;
    gap:9px!important;
    text-decoration:none!important;
    text-align:right!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
    cursor:pointer!important;
  }
  .avs-mobile-nav__hub-leaf{grid-template-columns:38px minmax(0,1fr)!important}
  .avs-mobile-nav__hub-card strong{
    font-size:12.8px!important;
    font-weight:900!important;
    line-height:1.35!important;
  }
  .avs-mobile-nav__hub-icon{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #edf0f4!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#344054!important;
  }
  .avs-mobile-nav__hub-icon svg{width:17px!important;height:17px!important}
  .avs-mobile-nav__hub-next{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:#fff3f6!important;
    color:#ff3f62!important;
  }
  .avs-mobile-nav__hub-next svg{width:14px!important;height:14px!important}

  .avs-mobile-nav__graphics{
    margin:0!important;
    border:1px solid #ffd0da!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__graphics>summary{
    min-height:50px!important;
    padding:7px 10px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 30px!important;
    gap:9px!important;
    align-items:center!important;
    list-style:none!important;
    cursor:pointer!important;
    color:#172033!important;
  }
  .avs-mobile-nav__graphics>summary::-webkit-details-marker{display:none!important}
  .avs-mobile-nav__graphics-icon{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    background:#fff3f6!important;
    color:#ff3f62!important;
  }
  .avs-mobile-nav__graphics-icon svg{width:18px!important;height:18px!important}
  .avs-mobile-nav__graphics>summary strong{font-size:12.8px!important;font-weight:900!important}
  .avs-mobile-nav__graphics-chevron{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:#fff3f6!important;
    color:#ff3f62!important;
    transition:transform .16s ease!important;
  }
  .avs-mobile-nav__graphics[open] .avs-mobile-nav__graphics-chevron{transform:rotate(90deg)!important}
  .avs-mobile-nav__graphics-chevron svg{width:14px!important;height:14px!important}
  .avs-mobile-nav__graphics-body{
    padding:0 10px 10px!important;
    border-top:1px solid #f3e1e5!important;
  }
  .avs-mobile-nav__graphics-group{padding-top:9px!important}
  .avs-mobile-nav__graphics-group>b{
    display:block!important;
    margin-bottom:6px!important;
    color:#667085!important;
    font-size:10.5px!important;
    font-weight:850!important;
  }
  .avs-mobile-nav__graphics-options{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .avs-mobile-nav__graphics-options>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-options>a{
    min-height:34px!important;
    padding:6px 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #e8edf3!important;
    border-radius:9px!important;
    background:#f9fafb!important;
    color:#344054!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  .avs-mobile-nav__graphics-options>a:active{background:#fff3f6!important;border-color:#ffc4d0!important;color:#e91e48!important}
}

/* v39.3.0 — Graphics drill-down + explicit laptop-hub labels. */
@media (max-width:1023px){
  .avs-mobile-nav__graphics-panel,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-panel{
    display:grid!important;
    gap:10px!important;
  }
  .avs-mobile-nav__graphics-panel-title,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-panel-title{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:8px 10px!important;
    border:1px solid #ffd2dc!important;
    border-radius:13px!important;
    background:#fff5f7!important;
    color:#172033!important;
  }
  .avs-mobile-nav__graphics-panel-title>span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-panel-title>span{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#ff3f62!important;
  }
  .avs-mobile-nav__graphics-panel-title svg{width:17px!important;height:17px!important}
  .avs-mobile-nav__graphics-panel-title strong{font-size:12.8px!important;font-weight:900!important}

  .avs-mobile-nav__graphics-expanded-group,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-expanded-group{
    padding:10px!important;
    border:1px solid #e8edf3!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  .avs-mobile-nav__graphics-expanded-head,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-expanded-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .avs-mobile-nav__graphics-expanded-head strong{font-size:12px!important;font-weight:900!important;color:#344054!important}
  .avs-mobile-nav__graphics-expanded-head small{font-size:9.5px!important;font-weight:750!important;color:#98a2b3!important}
  .avs-mobile-nav__graphics-panel .avs-mobile-nav__graphics-options{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .avs-mobile-nav__graphics-panel .avs-mobile-nav__graphics-options>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__graphics-panel .avs-mobile-nav__graphics-options>a{
    min-height:36px!important;
    padding:6px 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #e5eaf1!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#344054!important;
    font-size:10.7px!important;
    font-weight:850!important;
    text-align:center!important;
  }
  .avs-mobile-nav__graphics-panel .avs-mobile-nav__graphics-options>a:active{
    border-color:#ffc1ce!important;
    background:#fff3f6!important;
    color:#e91e48!important;
  }
  .avs-mobile-nav__hub-parent strong,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__hub-parent strong{
    font-size:12.8px!important;
    font-weight:900!important;
    color:#172033!important;
  }
}


/* v39.5.0 — mobile hierarchy cleanup: no duplicate drawer brand, workstation promoted to root. */
@media (max-width:1023px){
  .avs-mobile-nav__header-brand,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__header-brand{display:none!important}
  .avs-mobile-nav__header-spacer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__header-spacer{display:block!important;flex:1 1 auto!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
  .avs-mobile-nav__sheet>header{height:44px!important;min-height:44px!important;padding:5px 8px!important;justify-content:flex-start!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button,
  .avs-mobile-nav__sheet>header button{width:34px!important;height:34px!important;min-width:34px!important;margin-left:auto!important}
}

/* v40.0.0 — Mobile Navigation Signature UX
   Purpose-driven quick actions, contextual back navigation, touch feedback, and no redundant footer CTA. */
@media (max-width:1023px){
  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin:2px 0 8px!important;
  }
  .avs-mobile-nav__quick-actions[data-avs-quick-count="3"],
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions[data-avs-quick-count="3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .avs-mobile-nav__quick-actions[data-avs-quick-count="2"],
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions[data-avs-quick-count="2"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-width:0!important;
    min-height:54px!important;
    padding:6px 3px!important;
    border:1px solid #e8edf3!important;
    border-radius:13px!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
    transition:transform .12s ease,border-color .12s ease,background-color .12s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .avs-mobile-nav__quick-actions>a[hidden],
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a[hidden]{display:none!important}
  .avs-mobile-nav__quick-actions>a>span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a>span{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff2f5!important;
    color:#ff3157!important;
  }
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]>span{
    background:#eef8ff!important;color:#0877b9!important;
  }
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]>span{
    background:#ecfff2!important;color:#16a34a!important;
  }
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="tracking"]>span{
    background:#fff7ed!important;color:#ea580c!important;
  }
  .avs-mobile-nav__quick-actions>a svg{width:15px!important;height:15px!important}
  .avs-mobile-nav__quick-actions>a b,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a b{
    font-size:9.3px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:42px!important;
    height:42px!important;
    margin:0 0 8px!important;
    padding:0 10px!important;
    border:1px solid #e8edf3!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    color:#26334a!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .avs-mobile-nav__back span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back span{
    font-size:11.8px!important;
    line-height:1.2!important;
    font-weight:900!important;
  }
  .avs-mobile-nav__back svg{width:15px!important;height:15px!important}
  .avs-mobile-nav__panel-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel-footer{display:none!important}

  .avs-mobile-nav__row-control,
  .avs-mobile-nav__row-link,
  .avs-mobile-nav__hub-card,
  .avs-mobile-nav__graphics-options a,
  .avs-mobile-nav__quick-actions a{
    transition:transform .11s ease,background-color .11s ease,border-color .11s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .avs-mobile-nav__row-control.is-pressed,
  .avs-mobile-nav__row-link.is-pressed,
  .avs-mobile-nav__hub-card.is-pressed,
  .avs-mobile-nav__graphics-options a.is-pressed,
  .avs-mobile-nav__quick-actions a.is-pressed{
    transform:scale(.985)!important;
    background:#fff5f7!important;
    border-color:#ffc7d2!important;
  }
}

/* v41.0.0 — AvvalStock Signature Drawer Foundation
   Chosen pattern: right-side mobile drawer + premium visual language.
   The site header remains the single search/logo surface; drawer focuses on action + navigation. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs41-accent:#ff3157;
    --avs41-ink:#141d2f;
    --avs41-muted:#8a94a6;
    --avs41-line:#e7ebf1;
    --avs41-soft:#f7f9fc;
    --avs41-shadow:0 22px 60px rgba(15,23,42,.22);
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{
    background:rgba(16,24,40,.56)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    top:7px!important;
    right:7px!important;
    bottom:7px!important;
    width:min(91vw,410px)!important;
    max-width:calc(100vw - 24px)!important;
    border:1px solid rgba(231,235,241,.96)!important;
    border-radius:25px!important;
    background:#fff!important;
    box-shadow:var(--avs41-shadow)!important;
    overflow:hidden!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
  .avs-mobile-nav__sheet>header{
    position:relative!important;
    height:52px!important;
    min-height:52px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid #f0f2f5!important;
    background:linear-gradient(180deg,#fff 0%,#fdfdfe 100%)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header:after{
    content:""!important;
    position:absolute!important;
    right:18px!important;
    bottom:-1px!important;
    width:54px!important;
    height:2px!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,#ff3157,#ff7891)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header button,
  .avs-mobile-nav__sheet>header button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border:1px solid #e5e9ef!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#344054!important;
    box-shadow:none!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    border-radius:0 0 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:11px 12px 18px!important;
    background:transparent!important;
  }

  /* Signature action rail */
  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    gap:7px!important;
    margin:0 0 12px!important;
  }
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-height:66px!important;
    padding:8px 4px 7px!important;
    border:1px solid var(--avs41-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(15,23,42,.045)!important;
    gap:6px!important;
  }
  .avs-mobile-nav__quick-actions>a>span,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a>span{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  .avs-mobile-nav__quick-actions>a svg{width:18px!important;height:18px!important;stroke-width:1.9!important}
  .avs-mobile-nav__quick-actions>a b,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a b{
    font-size:10px!important;
    line-height:1.2!important;
    color:#1f2937!important;
  }
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]>span{background:#fff0f2!important;color:#ef334f!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]>span{background:#eafbf0!important;color:#16a34a!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="tracking"]>span{background:#edf6ff!important;color:#0b76ce!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="consultation"]>span{background:#f2f0ff!important;color:#5446c9!important}

  /* Root information hierarchy */
  .avs-mobile-nav__panel.is-root ul,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root ul{
    gap:8px!important;
  }
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:68px!important;
    border:1px solid var(--avs41-line)!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary{
    border-color:#ffc5d1!important;
    background:linear-gradient(135deg,#fff7f9 0%,#fff 78%)!important;
    box-shadow:0 8px 22px rgba(255,49,87,.07)!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:66px!important;
    padding:8px 10px!important;
    gap:11px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border:0!important;
    border-radius:14px!important;
    background:#f3f6fa!important;
    color:#334155!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:21px!important;height:21px!important;stroke-width:1.85!important}
  .avs-mobile-nav__panel.is-root li.is-type-laptop .avs-mobile-nav__item-icon{background:#fff0f4!important;color:#f1254d!important}
  .avs-mobile-nav__panel.is-root li.is-type-mini .avs-mobile-nav__item-icon{background:#f0f1ff!important;color:#3d38a8!important}
  .avs-mobile-nav__panel.is-root li.is-type-aio .avs-mobile-nav__item-icon{background:#eafaf7!important;color:#128a77!important}
  .avs-mobile-nav__panel.is-root li.is-type-parts .avs-mobile-nav__item-icon{background:#fff3e8!important;color:#e96815!important}
  .avs-mobile-nav__panel.is-root li.is-type-accessories .avs-mobile-nav__item-icon{background:#f6efff!important;color:#7a39bf!important}
  .avs-mobile-nav__panel.is-root li.is-type-monitor .avs-mobile-nav__item-icon{background:#eef5ff!important;color:#2366c5!important}
  .avs-mobile-nav__panel.is-root li.is-type-article .avs-mobile-nav__item-icon{background:#edf9ef!important;color:#26975a!important}
  .avs-mobile-nav__panel.is-root li.is-type-contact .avs-mobile-nav__item-icon{background:#fff2f4!important;color:#ef334f!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-copy{gap:3px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:13px!important;font-weight:950!important;line-height:1.25!important;color:var(--avs41-ink)!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:10px!important;font-weight:700!important;line-height:1.35!important;color:var(--avs41-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{
    width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:11px!important;background:#f6f8fb!important;color:#344054!important;display:grid!important;place-items:center!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{background:#fff0f4!important;color:var(--avs41-accent)!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron svg{width:15px!important;height:15px!important}

  /* Subpanels inherit the same calmer signature */
  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:44px!important;height:44px!important;border-radius:13px!important;background:#f7f9fc!important;border-color:#e8ecf2!important;
  }
  .avs-mobile-nav__panel:not(.is-root) li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel:not(.is-root) li{
    border-radius:14px!important;
  }

  /* Phone-sized refinement: keep drawer usable on 360px devices. */
  @media (max-width:374px){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{width:min(93vw,360px)!important;right:4px!important}
    .avs-mobile-nav__quick-actions>a{min-height:61px!important}
    .avs-mobile-nav__quick-actions>a b{font-size:9.2px!important}
    .avs-mobile-nav__panel.is-root li{min-height:64px!important}
    .avs-mobile-nav__panel.is-root li>a,.avs-mobile-nav__panel.is-root li>button{min-height:62px!important}
  }
}

/* v42.0.0 — Revolutionary Full-Height Native Drawer
   Full viewport right drawer, native back-stack behavior, contextual back + explicit return-to-page. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    z-index:2147483600!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    background:rgba(10,17,30,.62)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(92vw,430px)!important;
    max-width:min(92vw,430px)!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    border:0!important;
    border-left:1px solid rgba(225,230,238,.98)!important;
    border-radius:24px 0 0 24px!important;
    background:#fff!important;
    box-shadow:-20px 0 58px rgba(15,23,42,.24)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
  .avs-mobile-nav__sheet>header{
    position:relative!important;
    z-index:8!important;
    flex:0 0 58px!important;
    height:58px!important;
    min-height:58px!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-bottom:1px solid #edf0f4!important;
    background:rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header:after,
  .avs-mobile-nav__sheet>header:after{display:none!important}
  .avs-mobile-nav__page-back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__page-back{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    padding:0 11px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid #e4e9f0!important;
    border-radius:12px!important;
    background:#f7f9fc!important;
    color:#344054!important;
    font:inherit!important;
    font-size:11.5px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__page-back svg,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__page-back svg{
    width:16px!important;height:16px!important;stroke-width:2!important;transform:rotate(180deg)!important
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    position:static!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e4e9f0!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
  }
  .avs-mobile-nav__close svg{width:19px!important;height:19px!important;stroke-width:1.9!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport,
  .avs-mobile-nav__viewport{
    position:relative!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel,
  .avs-mobile-nav__panel{
    padding:12px 12px calc(22px + env(safe-area-inset-bottom,0px))!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  /* Drawer owns the full interaction layer: native bottom rail stays behind it. */
  body.avs-nav-lock .mobile-bottom-nav,
  body.avs-navigation-replace-bakala.avs-nav-lock .mobile-bottom-nav{
    z-index:1!important;
    pointer-events:none!important;
    filter:brightness(.78)!important;
  }
  body.avs-nav-lock{overflow:hidden!important;touch-action:none!important}
  body.avs-nav-lock>.avs-mobile-nav.is-avs-body-portal{touch-action:auto!important}

  /* Slightly denser root so the full-height experience still scans fast. */
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{min-height:64px!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{min-height:62px!important}
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{min-height:62px!important}

  @supports(padding:max(0px)){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header,
    .avs-mobile-nav__sheet>header{padding-top:max(8px,env(safe-area-inset-top))!important}
  }
}

@media (max-width:374px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:94vw!important;max-width:94vw!important;border-radius:20px 0 0 20px!important
  }
  .avs-mobile-nav__page-back span{font-size:10.5px!important}
}

/* v43.0.0 — AvvalStock Signature Mobile Navigation
   Rebuilt mobile presentation layer: compact full-height drawer, branded header,
   purposeful quick actions and premium category rows. Desktop/data tree untouched. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs43-accent:#ff3157;
    --avs43-ink:#172033;
    --avs43-muted:#7a8496;
    --avs43-line:#e7ebf1;
    --avs43-soft:#f7f9fc;
    --avs43-shadow:-18px 0 48px rgba(15,23,42,.20);
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100vw!important;height:100vh!important;height:100dvh!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{
    position:fixed!important;inset:0!important;background:rgba(10,18,32,.58)!important;
    -webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(94vw,430px)!important;max-width:430px!important;height:100vh!important;height:100dvh!important;
    border:0!important;border-left:1px solid rgba(226,232,240,.9)!important;
    border-radius:24px 0 0 24px!important;background:#fff!important;box-shadow:var(--avs43-shadow)!important;
    overflow:hidden!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header{
    position:relative!important;z-index:5!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 66px!important;align-items:center!important;gap:8px!important;
    height:88px!important;min-height:88px!important;padding:10px 12px!important;
    border-bottom:1px solid var(--avs43-line)!important;background:rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;overflow:visible!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    grid-column:1!important;position:static!important;width:44px!important;height:44px!important;margin:0!important;
    border:1px solid #e6eaf0!important;border-radius:15px!important;background:#f8fafc!important;color:#334155!important;
    box-shadow:none!important;display:grid!important;place-items:center!important;
  }
  .avs-mobile-nav__close svg{width:20px!important;height:20px!important;stroke-width:1.9!important}
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;
    min-width:0!important;padding:0 4px!important;text-decoration:none!important;color:var(--avs43-ink)!important;
  }
  .avs-mobile-nav__signature strong{font-size:20px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.5px!important;color:#111!important}
  .avs-mobile-nav__signature small{font-size:10px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.16em!important;color:#111!important;margin-top:3px!important}
  .avs-mobile-nav__signature em{font-style:normal!important;font-size:9px!important;line-height:1.2!important;font-weight:750!important;color:#8a93a3!important;margin-top:5px!important;white-space:nowrap!important}
  .avs-mobile-nav__page-back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__page-back{
    grid-column:3!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    width:64px!important;height:38px!important;margin:0!important;padding:0 7px!important;border:1px solid #e8ecf2!important;border-radius:13px!important;
    background:#fff!important;color:#475467!important;font:inherit!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;
  }
  .avs-mobile-nav__page-back svg{width:14px!important;height:14px!important;flex:0 0 14px!important}

  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    position:relative!important;flex:1 1 auto!important;height:calc(100dvh - 88px)!important;min-height:0!important;
    overflow:hidden!important;background:#fff!important;border-radius:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:14px 14px calc(24px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  }

  /* Quick actions: four purposeful conversion actions. */
  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;
  }
  .avs-mobile-nav__quick-actions[data-avs-quick-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .avs-mobile-nav__quick-actions[data-avs-quick-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-height:74px!important;padding:8px 4px!important;border:1px solid var(--avs43-line)!important;border-radius:16px!important;background:#fff!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important;overflow:hidden!important;
  }
  .avs-mobile-nav__quick-actions>a>span{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__quick-actions>a svg{width:18px!important;height:18px!important;stroke-width:2!important}
  .avs-mobile-nav__quick-actions>a b{font-size:10.3px!important;line-height:1.15!important;font-weight:950!important;color:#263246!important;white-space:nowrap!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]>span{background:#fff0f3!important;color:#e9284b!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]>span{background:#eafaf0!important;color:#13a853!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="tracking"]>span{background:#eef6ff!important;color:#1477ce!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="consultation"]>span{background:#f3f0ff!important;color:#5546c8!important}

  /* Root list: compact app-like rows, one chevron only, clear semantic color. */
  .avs-mobile-nav__panel.is-root ul{display:grid!important;gap:7px!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:70px!important;border:1px solid var(--avs43-line)!important;border-radius:17px!important;background:#fff!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02)!important;overflow:hidden!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    width:100%!important;min-height:68px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;gap:11px!important;
    border:0!important;background:transparent!important;text-align:right!important;font:inherit!important;color:var(--avs43-ink)!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    width:44px!important;height:44px!important;flex:0 0 44px!important;border:0!important;border-radius:14px!important;background:#f2f5f9!important;color:#3c485b!important;
    display:grid!important;place-items:center!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:22px!important;height:22px!important;stroke-width:1.9!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-copy{min-width:0!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:3px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:13.2px!important;line-height:1.25!important;font-weight:950!important;color:#1d2939!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:10.3px!important;line-height:1.3!important;font-weight:700!important;color:#7b8494!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:11px!important;background:#f5f7fa!important;color:#344054!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron svg{width:15px!important;height:15px!important}

  .avs-mobile-nav__panel.is-root li.is-primary{border-color:#ffc4d0!important;background:linear-gradient(135deg,#fff4f7 0%,#fff 80%)!important;box-shadow:0 7px 20px rgba(255,49,87,.055)!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon{background:#ffeaf0!important;color:#ef234a!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{background:#fff0f4!important;color:#ef234a!important}
  .avs-mobile-nav__panel.is-root li.is-type-mini .avs-mobile-nav__item-icon{background:#f0f1ff!important;color:#4b46b8!important}
  .avs-mobile-nav__panel.is-root li.is-type-aio .avs-mobile-nav__item-icon{background:#e9faf6!important;color:#168c79!important}
  .avs-mobile-nav__panel.is-root li.is-type-parts .avs-mobile-nav__item-icon{background:#fff2e7!important;color:#e76713!important}
  .avs-mobile-nav__panel.is-root li.is-type-accessories .avs-mobile-nav__item-icon{background:#f6efff!important;color:#7a39bf!important}
  .avs-mobile-nav__panel.is-root li.is-type-monitor .avs-mobile-nav__item-icon{background:#edf5ff!important;color:#1e67c5!important}
  .avs-mobile-nav__panel.is-root li.is-type-brand .avs-mobile-nav__item-icon{background:#fff0f6!important;color:#e52b68!important}
  .avs-mobile-nav__panel.is-root li.is-type-article .avs-mobile-nav__item-icon{background:#eef9f0!important;color:#21965a!important}
  .avs-mobile-nav__panel.is-root li.is-type-contact .avs-mobile-nav__item-icon{background:#eef5ff!important;color:#245fbe!important}
  .avs-mobile-nav__panel.is-root li.is-type-about .avs-mobile-nav__item-icon{background:#f4f5f7!important;color:#667085!important}
  .avs-mobile-nav__panel.is-root li.is-type-article{margin-top:9px!important;position:relative!important}
  .avs-mobile-nav__panel.is-root li.is-type-article:before{content:"راهنما و ارتباط"!important;position:absolute!important;right:6px!important;top:-18px!important;font-size:9px!important;font-weight:900!important;color:#a0a7b3!important;background:#fff!important;padding:0 5px!important;z-index:2!important}

  /* Subpanels: smaller, cleaner and contextual. */
  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    min-height:46px!important;height:46px!important;margin:0 0 10px!important;padding:0 12px!important;border:1px solid var(--avs43-line)!important;border-radius:14px!important;background:#f8fafc!important;color:#334155!important;
  }
  .avs-mobile-nav__back span{font-size:11.5px!important;font-weight:900!important}
  .avs-mobile-nav__panel:not(.is-root) ul{gap:6px!important}
  .avs-mobile-nav__panel:not(.is-root) li{border-radius:14px!important}

  /* Strong touch feedback without layout shift. */
  .avs-mobile-nav__panel.is-root li:active,
  .avs-mobile-nav__quick-actions>a:active,
  .avs-mobile-nav__hub-card:active{transform:scale(.992)!important;filter:brightness(.985)!important}

  @media (max-width:374px){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{width:96vw!important;max-width:96vw!important}
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header{grid-template-columns:44px minmax(0,1fr) 50px!important;height:82px!important;min-height:82px!important;padding:8px 9px!important}
    .avs-mobile-nav__signature strong{font-size:17px!important}.avs-mobile-nav__signature em{font-size:8px!important}
    .avs-mobile-nav__page-back{width:48px!important}.avs-mobile-nav__page-back span{display:none!important}
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{height:calc(100dvh - 82px)!important}
    .avs-mobile-nav__quick-actions>a{min-height:68px!important}.avs-mobile-nav__quick-actions>a b{font-size:9px!important}
    .avs-mobile-nav__panel.is-root li{min-height:66px!important}.avs-mobile-nav__panel.is-root li>a,.avs-mobile-nav__panel.is-root li>button{min-height:64px!important}
  }
}

/* v44.0.0 — Reference-led Signature Drawer
   Rebuilds the mobile visual layer around the approved premium reference:
   branded header, in-drawer search, four conversion actions, compact colorful
   navigation rows, social strip and service utilities. Data tree remains native. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs44-accent:#ff3157;
    --avs44-ink:#111827;
    --avs44-muted:#7d8797;
    --avs44-line:#e7ebf1;
    --avs44-soft:#f6f8fb;
    --avs44-card-shadow:0 3px 14px rgba(15,23,42,.035);
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    width:min(92vw,440px)!important;max-width:440px!important;
    height:100dvh!important;top:0!important;right:0!important;bottom:0!important;
    border:0!important;border-left:1px solid rgba(226,232,240,.92)!important;
    border-radius:26px 0 0 26px!important;background:#fff!important;
    box-shadow:-24px 0 65px rgba(15,23,42,.22)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header{
    height:112px!important;min-height:112px!important;padding:18px 18px 12px!important;
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
    direction:ltr!important;border-bottom:0!important;background:#fff!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    position:static!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
    border:1px solid #e5e9ef!important;border-radius:50%!important;background:#f7f9fc!important;color:#111827!important;
    display:grid!important;place-items:center!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
  }
  .avs-mobile-nav__close svg{width:23px!important;height:23px!important;stroke-width:2!important}
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;
    align-items:flex-end!important;justify-content:flex-start!important;direction:rtl!important;padding-top:1px!important;
    color:#111!important;text-decoration:none!important;
  }
  .avs-mobile-nav__logo-img{display:block!important;width:auto!important;max-width:150px!important;height:auto!important;max-height:54px!important;object-fit:contain!important;object-position:right center!important;margin:0!important}
  .avs-mobile-nav__logo-img[hidden]{display:none!important}
  .avs-mobile-nav__logo-fallback{display:flex!important;flex-direction:column!important;align-items:flex-end!important;line-height:1!important}
  .avs-mobile-nav__logo-fallback[hidden]{display:none!important}
  .avs-mobile-nav__logo-fallback strong{font-size:23px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.8px!important}
  .avs-mobile-nav__logo-fallback small{font-size:11px!important;font-weight:900!important;letter-spacing:.17em!important;margin-top:5px!important}
  .avs-mobile-nav__signature em{font-style:normal!important;font-size:9.5px!important;line-height:1.3!important;font-weight:800!important;color:#687386!important;margin-top:7px!important;white-space:nowrap!important}
  .avs-mobile-nav__page-back{display:none!important}

  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    height:calc(100dvh - 112px)!important;min-height:0!important;overflow:hidden!important;background:#fff!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:0 16px calc(22px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;
  }
  .avs-mobile-nav__root-intro{display:grid!important;gap:12px!important;margin-bottom:12px!important}

  /* Search: one strong command surface, matching the reference language. */
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;
    min-height:58px!important;padding:4px!important;border:0!important;border-radius:17px!important;background:#f4f6f9!important;
    box-shadow:inset 0 0 0 1px rgba(228,232,239,.72)!important;
  }
  .avs-mobile-nav__search button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search button{
    width:46px!important;height:46px!important;border:0!important;border-radius:14px!important;background:transparent!important;
    color:#475467!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;
  }
  .avs-mobile-nav__search button svg{width:24px!important;height:24px!important;stroke-width:1.8!important}
  .avs-mobile-nav__search input,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search input{
    width:100%!important;min-width:0!important;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;
    color:#344054!important;font:inherit!important;font-size:13.5px!important;font-weight:750!important;padding:0 10px!important;
  }
  .avs-mobile-nav__search input::placeholder{color:#7d8797!important;opacity:1!important}

  /* Four purpose-built actions. */
  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;
  }
  .avs-mobile-nav__quick-actions[data-avs-quick-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-height:82px!important;padding:9px 4px!important;border:1px solid rgba(230,234,240,.82)!important;border-radius:16px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    box-shadow:0 3px 12px rgba(15,23,42,.025)!important;overflow:hidden!important;
  }
  .avs-mobile-nav__quick-actions>a>span{width:39px!important;height:39px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.58)!important}
  .avs-mobile-nav__quick-actions>a svg{width:22px!important;height:22px!important;stroke-width:2!important}
  .avs-mobile-nav__quick-actions>a b{font-size:10.5px!important;line-height:1.15!important;font-weight:950!important;color:#1f2937!important;white-space:nowrap!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]{background:#fff2f4!important;color:#ea3250!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]{background:#edfdf3!important;color:#16a34a!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="consultation"]{background:#f2f5ff!important;color:#27347a!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="location"]{background:#f6f1ff!important;color:#6239c8!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]>span,
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]>span,
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="consultation"]>span,
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="location"]>span{background:rgba(255,255,255,.7)!important;color:inherit!important}

  /* Premium, dense navigation cards. */
  .avs-mobile-nav__panel.is-root ul{display:grid!important;gap:6px!important;margin:0!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:64px!important;border:1px solid #e7ebf1!important;border-radius:16px!important;background:#fff!important;
    box-shadow:var(--avs44-card-shadow)!important;overflow:hidden!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:62px!important;width:100%!important;padding:7px 10px!important;display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 33px!important;align-items:center!important;gap:10px!important;
    border:0!important;background:transparent!important;text-align:right!important;font:inherit!important;color:#111827!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;flex:0 0 46px!important;
    border:0!important;border-radius:14px!important;background:#f2f5f9!important;color:#334155!important;display:grid!important;place-items:center!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:24px!important;height:24px!important;stroke-width:1.9!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-copy{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:13.4px!important;line-height:1.2!important;font-weight:950!important;color:#111827!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:10.3px!important;line-height:1.25!important;font-weight:700!important;color:#7a8494!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{grid-column:3!important;grid-row:1!important;width:31px!important;height:31px!important;border-radius:50%!important;background:#f5f7fb!important;color:#293548!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron svg{width:14px!important;height:14px!important}

  .avs-mobile-nav__panel.is-root li.is-primary{min-height:76px!important;border-color:#ffc4d0!important;background:linear-gradient(100deg,#fff1f5 0%,#fff8fa 100%)!important;box-shadow:0 7px 22px rgba(255,49,87,.055)!important}
  .avs-mobile-nav__panel.is-root li.is-primary>a,
  .avs-mobile-nav__panel.is-root li.is-primary>button{min-height:74px!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon{background:#ffe8ee!important;color:#ef234a!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{background:#fff!important;color:#ef234a!important}
  .avs-mobile-nav__panel.is-root li.is-type-monitor .avs-mobile-nav__item-icon{background:#f5edff!important;color:#8133bd!important}
  .avs-mobile-nav__panel.is-root li.is-type-mini .avs-mobile-nav__item-icon{background:#eff2ff!important;color:#3d47aa!important}
  .avs-mobile-nav__panel.is-root li.is-type-aio .avs-mobile-nav__item-icon{background:#eafaf3!important;color:#19966a!important}
  .avs-mobile-nav__panel.is-root li.is-type-parts .avs-mobile-nav__item-icon{background:#fff0e6!important;color:#f06515!important}
  .avs-mobile-nav__panel.is-root li.is-type-accessories .avs-mobile-nav__item-icon{background:#f7efff!important;color:#7a31b8!important}
  .avs-mobile-nav__panel.is-root li.is-type-brand .avs-mobile-nav__item-icon{background:#eaf5ff!important;color:#2581cf!important}
  .avs-mobile-nav__panel.is-root li.is-type-article .avs-mobile-nav__item-icon{background:#eaf9f0!important;color:#1f9b5a!important}
  .avs-mobile-nav__panel.is-root li.is-type-offer{border-color:#ffc7d2!important;background:#fff2f5!important}
  .avs-mobile-nav__panel.is-root li.is-type-offer .avs-mobile-nav__item-icon{background:#ffe5ec!important;color:#e91e48!important}
  .avs-mobile-nav__panel.is-root li.is-type-offer .avs-mobile-nav__item-title{color:#e91e48!important}
  .avs-mobile-nav__panel.is-root li.is-type-offer .avs-mobile-nav__item-subtitle{color:#e45a73!important}

  /* Social strip and service utilities mirror the reference but remain data-light. */
  .avs-mobile-nav__root-footer{display:grid!important;gap:9px!important;margin-top:10px!important;padding-bottom:4px!important}
  .avs-mobile-nav__social-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:54px!important;padding:7px 10px!important;border:1px solid #e9edf2!important;border-radius:15px!important;background:#fafbfd!important}
  .avs-mobile-nav__social-copy{font-size:10px!important;line-height:1.45!important;font-weight:850!important;color:#697386!important;max-width:140px!important}
  .avs-mobile-nav__social-icons{display:flex!important;align-items:center!important;gap:7px!important}
  .avs-mobile-nav__social-icons a{width:34px!important;height:34px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e6eaf0!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 2px 7px rgba(15,23,42,.035)!important}
  .avs-mobile-nav__social-icons img{width:28px!important;height:28px!important;object-fit:contain!important}
  .avs-mobile-nav__service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .avs-mobile-nav__service-grid>a{min-height:82px!important;padding:9px 5px!important;border:1px solid #e7ebf1!important;border-radius:15px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;color:#1f2937!important;box-shadow:0 2px 10px rgba(15,23,42,.03)!important}
  .avs-mobile-nav__service-grid>a>span{width:31px!important;height:31px!important;border-radius:10px!important;background:#f5f8fb!important;color:#1477ce!important;display:grid!important;place-items:center!important}
  .avs-mobile-nav__service-grid>a:first-child>span{color:#13a86c!important;background:#ecfbf4!important}
  .avs-mobile-nav__service-grid>a:last-child>span{color:#1477ce!important;background:#eef6ff!important}
  .avs-mobile-nav__service-grid svg{width:18px!important;height:18px!important}
  .avs-mobile-nav__service-grid strong{font-size:10px!important;line-height:1.2!important;font-weight:950!important}
  .avs-mobile-nav__service-grid small{font-size:8.5px!important;line-height:1.2!important;font-weight:700!important;color:#8a93a3!important}

  /* Submenus inherit the premium rhythm without becoming visually heavy. */
  .avs-mobile-nav__back{min-height:47px!important;height:47px!important;margin:0 0 10px!important;border-radius:14px!important;background:#f6f8fb!important;border:1px solid #e7ebf1!important}
  .avs-mobile-nav__panel:not(.is-root) li{min-height:54px!important;border-radius:14px!important}

  @media(max-width:374px){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{width:95vw!important;max-width:95vw!important}
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet>header{height:102px!important;min-height:102px!important;padding:14px 13px 10px!important}
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{height:calc(100dvh - 102px)!important}
    .avs-mobile-nav__logo-img{max-width:132px!important;max-height:48px!important}
    .avs-mobile-nav__quick-actions{gap:5px!important}
    .avs-mobile-nav__quick-actions>a{min-height:74px!important;padding:7px 2px!important}.avs-mobile-nav__quick-actions>a b{font-size:9px!important}
    .avs-mobile-nav__panel.is-root li{min-height:60px!important}.avs-mobile-nav__panel.is-root li>a,.avs-mobile-nav__panel.is-root li>button{min-height:58px!important;grid-template-columns:43px minmax(0,1fr) 30px!important;gap:8px!important}
    .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{width:41px!important;height:41px!important}.avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:12.4px!important}.avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:9.5px!important}
    .avs-mobile-nav__service-grid strong{font-size:9px!important}.avs-mobile-nav__service-grid small{display:none!important}
  }
}

/* v45.0.0 — Sticky Frame Signature Drawer
   Reference-driven mobile shell: persistent branded header + persistent services footer;
   only the navigation middle scrolls. Android/browser Back exits the menu layer. */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs45-accent:#ff3157;
    --avs45-ink:#172033;
    --avs45-muted:#7d8797;
    --avs45-line:#e6eaf0;
    --avs45-soft:#f7f9fc;
    --avs45-shadow:-20px 0 52px rgba(15,23,42,.22);
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(8,16,30,.60)!important;
    -webkit-backdrop-filter:blur(5px)!important;
    backdrop-filter:blur(5px)!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sheet{
    position:absolute!important;
    inset:0 0 0 auto!important;
    width:min(94vw,430px)!important;
    max-width:430px!important;
    height:100vh!important;
    height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:0!important;
    border-left:1px solid rgba(226,232,240,.92)!important;
    border-radius:24px 0 0 24px!important;
    background:#fff!important;
    box-shadow:var(--avs45-shadow)!important;
  }

  /* Persistent header = brand + search + quick actions. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    position:relative!important;
    z-index:10!important;
    flex:0 0 auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:max(10px,env(safe-area-inset-top,0px)) 14px 12px!important;
    border-bottom:1px solid var(--avs45-line)!important;
    background:rgba(255,255,255,.985)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__brand-row{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    margin:0 0 10px!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    grid-column:1!important;
    position:static!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    border:1px solid #e4e8ee!important;
    border-radius:15px!important;
    background:#f8fafc!important;
    color:#263246!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__close svg{width:21px!important;height:21px!important;stroke-width:1.9!important}
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    grid-column:2!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    min-width:0!important;
    padding:0!important;
    color:#111827!important;
    text-decoration:none!important;
  }
  .avs-mobile-nav__logo-img{
    display:block!important;
    width:auto!important;
    max-width:154px!important;
    height:auto!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:right center!important;
  }
  .avs-mobile-nav__logo-fallback{display:flex!important;flex-direction:column!important;align-items:flex-end!important}
  .avs-mobile-nav__logo-fallback strong{font-size:21px!important;line-height:1!important;font-weight:1000!important;color:#111!important}
  .avs-mobile-nav__logo-fallback small{font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.15em!important;color:#111!important;margin-top:4px!important}
  .avs-mobile-nav__signature em{
    display:block!important;
    margin-top:4px!important;
    color:#7f8897!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:800!important;
    font-style:normal!important;
    white-space:nowrap!important;
  }
  .avs-mobile-nav__root-intro{
    display:grid!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  .avs-mobile-nav__search{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:center!important;
    min-height:52px!important;
    margin:0!important;
    padding:3px 4px!important;
    border:1px solid #e6eaf0!important;
    border-radius:16px!important;
    background:#f7f9fc!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  }
  .avs-mobile-nav__search input{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 13px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#334155!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__search input::placeholder{color:#929bad!important;opacity:1!important}
  .avs-mobile-nav__search button{
    grid-column:2!important;
    position:static!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#445065!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__search button svg{width:23px!important;height:23px!important;stroke-width:1.9!important}

  .avs-mobile-nav__quick-actions,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  .avs-mobile-nav__quick-actions[data-avs-quick-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .avs-mobile-nav__quick-actions[data-avs-quick-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .avs-mobile-nav__quick-actions>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__quick-actions>a{
    min-height:68px!important;
    padding:7px 3px!important;
    border:1px solid #e7ebf1!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__quick-actions>a>span{width:31px!important;height:31px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.72)!important;color:inherit!important}
  .avs-mobile-nav__quick-actions>a svg{width:19px!important;height:19px!important;stroke-width:2!important}
  .avs-mobile-nav__quick-actions>a b{font-size:9.5px!important;line-height:1.15!important;font-weight:950!important;white-space:nowrap!important;color:#1f2937!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="phone"]{background:#fff2f4!important;color:#ea3150!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="whatsapp"]{background:#ecfbf2!important;color:#11a653!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="consultation"]{background:#f0f4ff!important;color:#243675!important}
  .avs-mobile-nav__quick-actions>a[data-avs-quick-action="location"]{background:#f5efff!important;color:#6538c8!important}

  /* Only this middle viewport owns vertical scrolling. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    position:relative!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background:#fff!important;
    border-radius:0!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    position:absolute!important;
    inset:0!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 13px 16px!important;
    background:#fff!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:#9aa4b2 transparent!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel::-webkit-scrollbar{width:3px!important}
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel::-webkit-scrollbar-thumb{background:#9aa4b2!important;border-radius:999px!important}

  /* Root rhythm gets closer to the reference: compact, readable, colorful. */
  .avs-mobile-nav__panel.is-root ul{display:grid!important;gap:6px!important;margin:0!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:60px!important;
    border:1px solid #e6eaf0!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 1px 0 rgba(16,24,40,.015)!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:58px!important;
    width:100%!important;
    padding:6px 9px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 31px!important;
    align-items:center!important;
    gap:9px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:22px!important;height:22px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:13px!important;line-height:1.18!important;font-weight:950!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:9.8px!important;line-height:1.2!important;font-weight:700!important;color:#7d8797!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{width:29px!important;height:29px!important}
  .avs-mobile-nav__panel.is-root li.is-primary{min-height:68px!important;border-color:#ffc3d0!important;background:linear-gradient(100deg,#fff0f4 0%,#fff8fa 100%)!important}
  .avs-mobile-nav__panel.is-root li.is-primary>a,
  .avs-mobile-nav__panel.is-root li.is-primary>button{min-height:66px!important}

  /* Social strip remains in the scrollable root body. */
  .avs-mobile-nav__root-footer{display:block!important;margin-top:9px!important;padding:0 0 2px!important}
  .avs-mobile-nav__social-row{min-height:50px!important;padding:6px 9px!important;border-radius:14px!important}
  .avs-mobile-nav__social-copy{font-size:9.5px!important;max-width:135px!important}
  .avs-mobile-nav__social-icons a{width:32px!important;height:32px!important;border-radius:9px!important}
  .avs-mobile-nav__social-icons img{width:27px!important;height:27px!important}

  /* Persistent footer: services never disappear while the middle scrolls. */
  .avs-mobile-nav__sticky-footer{
    position:relative!important;
    z-index:10!important;
    flex:0 0 auto!important;
    width:100%!important;
    padding:9px 13px max(9px,env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid var(--avs45-line)!important;
    background:rgba(255,255,255,.985)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 -8px 24px rgba(15,23,42,.035)!important;
  }
  .avs-mobile-nav__service-grid--sticky{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  .avs-mobile-nav__service-grid--sticky:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .avs-mobile-nav__service-grid--sticky:has(>a:first-child:last-child){grid-template-columns:1fr!important}
  .avs-mobile-nav__service-grid--sticky>a{
    min-height:64px!important;
    padding:7px 4px!important;
    border:1px solid #e7ebf1!important;
    border-radius:14px!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    color:#1f2937!important;
    box-shadow:0 2px 9px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__service-grid--sticky>a>span{width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#eef6ff!important;color:#1477ce!important}
  .avs-mobile-nav__service-grid--sticky>a:first-child>span{background:#ecfbf4!important;color:#13a86c!important}
  .avs-mobile-nav__service-grid--sticky svg{width:17px!important;height:17px!important}
  .avs-mobile-nav__service-grid--sticky strong{font-size:9.5px!important;line-height:1.1!important;font-weight:950!important}
  .avs-mobile-nav__service-grid--sticky small{font-size:8px!important;line-height:1.1!important;font-weight:700!important;color:#8a93a3!important}

  /* Submenu Back remains inside the scroll body and controls only one level. */
  .avs-mobile-nav__back{min-height:44px!important;height:44px!important;margin:0 0 9px!important;border-radius:13px!important;background:#f6f8fb!important}

  body.avs-nav-lock{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
  body.avs-nav-lock>.avs-mobile-nav.is-avs-body-portal{touch-action:auto!important}

  @media(max-height:720px){
    body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{padding-top:max(7px,env(safe-area-inset-top,0px))!important;padding-bottom:9px!important}
    .avs-mobile-nav__brand-row{min-height:48px!important;margin-bottom:7px!important}.avs-mobile-nav__logo-img{max-height:46px!important}.avs-mobile-nav__signature em{display:none!important}
    .avs-mobile-nav__search{min-height:46px!important}.avs-mobile-nav__search input{height:40px!important}.avs-mobile-nav__search button{width:38px!important;height:38px!important}
    .avs-mobile-nav__quick-actions>a{min-height:59px!important}.avs-mobile-nav__quick-actions>a>span{width:27px!important;height:27px!important}.avs-mobile-nav__quick-actions>a b{font-size:8.8px!important}
    .avs-mobile-nav__sticky-footer{padding-top:7px!important;padding-bottom:max(7px,env(safe-area-inset-bottom,0px))!important}.avs-mobile-nav__service-grid--sticky>a{min-height:56px!important}.avs-mobile-nav__service-grid--sticky small{display:none!important}
  }
}

/* v46.0.0 — Smart Utility Rail Drawer
 * Main navigation owns the wider scrollable column while high-value actions live
 * in a persistent right-side rail on capable mobile widths. Small phones fall
 * back to a compact horizontal action strip without shrinking navigation text.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs46-rail-w:82px;
    --avs46-gap:8px;
  }

  /* Header is now intentionally simple: brand + search only. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    padding-bottom:10px!important;
  }
  .avs-mobile-nav__root-intro,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-intro{
    display:block!important;
    margin:0!important;
  }

  /* The body frame is the non-scrolling composition shell. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    position:relative!important;
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--avs46-rail-w)!important;
    grid-template-areas:"main rail"!important;
    gap:var(--avs46-gap)!important;
    padding:9px 9px 0 11px!important;
    overflow:hidden!important;
    direction:ltr!important;
    background:#fff!important;
  }
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-area:main!important;
    min-width:0!important;
    direction:rtl!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding:2px 0 16px!important;
  }

  /* Persistent right utility rail. */
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    grid-area:rail!important;
    min-width:0!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:2px 0!important;
    direction:rtl!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-width:0!important;
    min-height:68px!important;
    padding:7px 3px!important;
    border:1px solid #e7ebf1!important;
    border-radius:15px!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    color:#273244!important;
    box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
  }
  .avs-mobile-nav__action-rail>a:active{transform:scale(.97)!important}
  .avs-mobile-nav__action-rail>a>span{
    width:34px!important;height:34px!important;border-radius:11px!important;
    display:grid!important;place-items:center!important;background:#f6f8fb!important;color:inherit!important;
  }
  .avs-mobile-nav__action-rail>a svg{width:20px!important;height:20px!important;stroke-width:2!important}
  .avs-mobile-nav__action-rail>a b{
    width:100%!important;font-size:8.8px!important;line-height:1.15!important;font-weight:950!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#273244!important;
  }
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="whatsapp"]{background:#effcf4!important;border-color:#d8f4e3!important;color:#14a653!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="whatsapp"]>span{background:#dcf8e8!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="phone"]{background:#fff3f5!important;border-color:#ffe0e6!important;color:#eb3554!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="phone"]>span{background:#ffe8ed!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="consultation"]{background:#f3f5ff!important;border-color:#e4e8ff!important;color:#3346a8!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="consultation"]>span{background:#e9edff!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="tracking"]{background:#eef7ff!important;border-color:#dbeeff!important;color:#1674cb!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="tracking"]>span{background:#dff0ff!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="offer"]{background:#fff1f5!important;border-color:#ffd9e2!important;color:#e91e48!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="offer"]>span{background:#ffe1e9!important}

  /* Narrower main cards, without sacrificing typography. */
  .avs-mobile-nav__panel.is-root ul{gap:6px!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:57px!important;border-radius:14px!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:55px!important;padding:6px 7px!important;
    grid-template-columns:40px minmax(0,1fr) 28px!important;gap:7px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{width:39px!important;height:39px!important;border-radius:12px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:20px!important;height:20px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:12.2px!important;line-height:1.18!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:9.1px!important;line-height:1.2!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{width:27px!important;height:27px!important}
  .avs-mobile-nav__panel.is-root li.is-primary{min-height:64px!important}
  .avs-mobile-nav__panel.is-root li.is-primary>a,
  .avs-mobile-nav__panel.is-root li.is-primary>button{min-height:62px!important}

  /* Footer remains full drawer width and visually independent of the rail. */
  .avs-mobile-nav__sticky-footer{padding-top:8px!important}
}

/* Compact phones: preserve a single readable navigation column. */
@media(max-width:389px){
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:7px 9px 0!important;
    direction:rtl!important;
  }
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important;
    gap:6px!important;
    padding:0!important;
    order:0!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:55px!important;padding:5px 2px!important;border-radius:13px!important;gap:3px!important;
  }
  .avs-mobile-nav__action-rail>a>span{width:27px!important;height:27px!important;border-radius:9px!important}
  .avs-mobile-nav__action-rail>a svg{width:17px!important;height:17px!important}
  .avs-mobile-nav__action-rail>a b{font-size:7.8px!important}
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    flex:1 1 auto!important;min-height:0!important;order:1!important;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{padding-top:0!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    grid-template-columns:41px minmax(0,1fr) 29px!important;gap:8px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:12.4px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:9.2px!important}
}

/* v47.0.0 — Signature Command Center
 * Physical-left Utility Rail for RTL, full-width search header, and a trust-only
 * sticky footer. Main navigation remains the only scrollable content surface.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs47-rail-w:76px;
    --avs47-gap:8px;
    --avs47-accent:#ff3157;
    --avs47-line:#e7ebf1;
  }

  /* Header: brand row first, then a true full-width search field. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    padding:max(9px,env(safe-area-inset-top,0px)) 13px 10px!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__brand-row,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brand-row{
    width:100%!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:54px!important;
    margin:0 0 8px!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    width:42px!important;height:42px!important;border-radius:14px!important;
  }
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    width:100%!important;max-width:none!important;overflow:hidden!important;
  }
  .avs-mobile-nav__logo-img{max-width:148px!important;max-height:50px!important}
  .avs-mobile-nav__signature em{font-size:8.8px!important;margin-top:3px!important}
  .avs-mobile-nav__root-intro,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-intro{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;clear:both!important;
  }
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{
    width:100%!important;max-width:none!important;min-height:48px!important;height:48px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 43px!important;
    margin:0!important;padding:2px 4px!important;border-radius:15px!important;
    background:#f6f8fb!important;border:1px solid #e6eaf0!important;
  }
  .avs-mobile-nav__search input,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search input{
    width:100%!important;height:42px!important;padding:0 12px!important;font-size:11.5px!important;font-weight:750!important;
  }
  .avs-mobile-nav__search button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search button{
    width:39px!important;height:39px!important;border-radius:12px!important;background:#fff!important;color:#344054!important;
    border:1px solid #e2e7ed!important;box-shadow:none!important;
  }

  /* Physical-left rail: first track is left because frame runs LTR. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs47-rail-w) minmax(0,1fr)!important;
    grid-template-areas:"rail main"!important;
    gap:var(--avs47-gap)!important;
    padding:9px 10px 0 9px!important;
    direction:ltr!important;
  }
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-area:main!important;direction:rtl!important;min-width:0!important;
  }
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    grid-area:rail!important;direction:rtl!important;gap:7px!important;padding:2px 0!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:64px!important;padding:6px 2px!important;border-radius:14px!important;gap:4px!important;
    background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.03)!important;
  }
  .avs-mobile-nav__action-rail>a>span{
    width:32px!important;height:32px!important;border-radius:10px!important;
  }
  .avs-mobile-nav__action-rail>a svg{width:18px!important;height:18px!important}
  .avs-mobile-nav__action-rail>a b{font-size:8.2px!important;line-height:1.1!important;letter-spacing:-.1px!important}
  .avs-mobile-nav__rail-brandmark{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important;border-radius:0!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="whatsapp"]{background:#fff!important;border-color:#d9f1e3!important;color:#139b50!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="whatsapp"]>span{background:#e7f8ee!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="phone"]{background:#fff!important;border-color:#ffe0e6!important;color:#e93452!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="phone"]>span{background:#fff0f3!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="consultation"]{background:#fff!important;border-color:#e4e8fb!important;color:#3746a2!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="consultation"]>span{background:#eef1ff!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="tracking"]{background:#fff!important;border-color:#dcecf9!important;color:#1770bd!important}
  .avs-mobile-nav__action-rail>a[data-avs-quick-action="tracking"]>span{background:#eaf5ff!important}

  /* Main navigation gets the reclaimed width. */
  .avs-mobile-nav__panel.is-root ul{gap:5px!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:56px!important;border-radius:14px!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:54px!important;padding:6px 8px!important;grid-template-columns:40px minmax(0,1fr) 27px!important;gap:7px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:12.4px!important;line-height:1.15!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:9.2px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .avs-mobile-nav__panel.is-root li.is-primary{border-color:#ffc5d1!important;background:linear-gradient(100deg,#fff1f5 0%,#fff9fb 100%)!important}

  /* Trust footer: no duplicated order tracking. */
  .avs-mobile-nav__sticky-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:7px 10px max(7px,env(safe-area-inset-bottom,0px))!important;
    box-shadow:0 -7px 20px rgba(15,23,42,.03)!important;
  }
  .avs-mobile-nav__service-grid--sticky{gap:7px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .avs-mobile-nav__service-grid--sticky:has(>a:first-child:last-child){grid-template-columns:1fr!important}
  .avs-mobile-nav__service-grid--sticky>a{min-height:54px!important;border-radius:13px!important;padding:6px 8px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:7px!important;row-gap:1px!important;text-align:right!important;align-content:center!important}
  .avs-mobile-nav__service-grid--sticky>a>span{grid-column:1!important;grid-row:1/3!important;width:29px!important;height:29px!important;border-radius:9px!important}
  .avs-mobile-nav__service-grid--sticky strong{grid-column:2!important;grid-row:1!important;font-size:9.8px!important;line-height:1.15!important;text-align:right!important}
  .avs-mobile-nav__service-grid--sticky small{grid-column:2!important;grid-row:2!important;font-size:7.9px!important;line-height:1.15!important;text-align:right!important}
  .avs-mobile-nav__service-grid--sticky>a.is-returns>span{background:#eef6ff!important;color:#1477ce!important}

  /* Ensure the final scroll item can clear the fixed footer. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{padding-bottom:24px!important}
}

/* Compact phones: action rail becomes a four-button horizontal command strip. */
@media(max-width:389px){
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:flex!important;flex-direction:column!important;gap:6px!important;padding:7px 9px 0!important;direction:rtl!important;
  }
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    order:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:0!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:52px!important;border-radius:12px!important;padding:4px 2px!important;gap:2px!important;
  }
  .avs-mobile-nav__action-rail>a>span{width:26px!important;height:26px!important;border-radius:8px!important}
  .avs-mobile-nav__rail-brandmark{width:20px!important;height:20px!important}
  .avs-mobile-nav__action-rail>a b{font-size:7.5px!important}
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{order:1!important;flex:1 1 auto!important;min-height:0!important}
}


/* v48.0.0 — Luxury Polish & Optimization
 * Search-free right-aligned brand header, disciplined RTL item geometry,
 * slimmer physical-left action rail, and compact persistent trust footer.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs48-rail-w:68px;
    --avs48-gap:7px;
    --avs48-line:#e7ebf1;
    --avs48-soft:#f7f9fc;
    --avs48-ink:#162033;
  }

  /* Header: no duplicate search. Brand owns the right edge; close owns left. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    flex:0 0 auto!important;
    min-height:88px!important;
    padding:max(10px,env(safe-area-inset-top,0px)) 13px 10px!important;
    background:#fff!important;
    border-bottom:1px solid #edf0f4!important;
    box-shadow:0 4px 16px rgba(15,23,42,.025)!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__brand-row,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brand-row{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:66px!important;
    margin:0!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    grid-column:1!important;
    justify-self:start!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border:1px solid #e3e8ef!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    color:#344054!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    grid-column:2!important;
    justify-self:stretch!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    text-align:right!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__logo-img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__logo-img{
    display:block!important;
    width:auto!important;
    max-width:168px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:right center!important;
    margin:0!important;
  }
  .avs-mobile-nav__logo-fallback,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__logo-fallback{
    align-items:flex-end!important;text-align:right!important;
  }
  .avs-mobile-nav__signature em,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature em{
    margin:3px 0 0!important;
    color:#8a94a4!important;
    font-size:8.5px!important;
    line-height:1.2!important;
    font-style:normal!important;
    font-weight:750!important;
    text-align:right!important;
  }
  .avs-mobile-nav__root-intro,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-intro,
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{
    display:none!important;
  }

  /* Body: slightly wider navigation, slimmer utility rail. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs48-rail-w) minmax(0,1fr)!important;
    grid-template-areas:"rail main"!important;
    gap:var(--avs48-gap)!important;
    padding:8px 9px 0 8px!important;
    direction:ltr!important;
  }
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-area:main!important;
    direction:rtl!important;
    min-width:0!important;
  }

  /* Action rail: smaller, denser, cleaner, still touch-safe. */
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    grid-area:rail!important;
    direction:rtl!important;
    gap:6px!important;
    padding:1px 0!important;
    align-content:start!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:57px!important;
    padding:5px 2px!important;
    gap:3px!important;
    border-radius:13px!important;
    border-width:1px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(15,23,42,.025)!important;
    transform:none!important;
  }
  .avs-mobile-nav__action-rail>a>span{
    width:28px!important;height:28px!important;border-radius:9px!important;
  }
  .avs-mobile-nav__action-rail>a svg{width:16px!important;height:16px!important;stroke-width:1.9!important}
  .avs-mobile-nav__rail-brandmark{width:21px!important;height:21px!important;object-fit:contain!important}
  .avs-mobile-nav__action-rail>a b{
    font-size:8px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.15px!important;
  }
  .avs-mobile-nav__action-rail>a:active{transform:scale(.975)!important}

  /* Main rows: explicit physical RTL geometry. */
  .avs-mobile-nav__panel.is-root ul{gap:5px!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:55px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 27px!important;
    align-items:center!important;
    gap:7px!important;
    min-height:53px!important;
    width:100%!important;
    padding:6px 7px!important;
    text-align:right!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    grid-column:1!important;
    justify-self:end!important;
    width:36px!important;height:36px!important;
    margin:0!important;
    border-radius:11px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{width:19px!important;height:19px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-copy{
    grid-column:2!important;
    min-width:0!important;
    align-items:flex-start!important;
    text-align:right!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{
    width:100%!important;
    font-size:12.3px!important;
    line-height:1.2!important;
    font-weight:950!important;
    text-align:right!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{
    width:100%!important;
    margin-top:3px!important;
    color:#7d8797!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:right!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{
    grid-column:3!important;
    justify-self:start!important;
    width:26px!important;height:26px!important;
    display:grid!important;place-items:center!important;
    border-radius:9px!important;
    background:#f7f9fc!important;
    color:#344054!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron svg{width:13px!important;height:13px!important}
  .avs-mobile-nav__panel.is-root li.is-primary{
    background:linear-gradient(102deg,#fff1f5 0%,#fff9fb 100%)!important;
    border-color:#ffc2cf!important;
    box-shadow:0 4px 13px rgba(255,49,87,.04)!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon{
    background:#fff0f4!important;color:#ee3154!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{
    background:#fff0f4!important;color:#ee3154!important;
  }

  /* Persistent footer: compact social utility + trust/service surface. */
  .avs-mobile-nav__sticky-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    flex:0 0 auto!important;
    padding:6px 9px max(7px,env(safe-area-inset-bottom,0px))!important;
    background:rgba(255,255,255,.985)!important;
    border-top:1px solid #edf0f4!important;
    box-shadow:0 -7px 18px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__footer-social{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0 0 5px!important;
    padding:0 6px!important;
  }
  .avs-mobile-nav__footer-social>span{
    color:#7b8493!important;font-size:8.4px!important;font-weight:800!important;white-space:nowrap!important;
  }
  .avs-mobile-nav__footer-social-icons{display:flex!important;align-items:center!important;gap:5px!important}
  .avs-mobile-nav__footer-social-icons a{
    width:27px!important;height:27px!important;display:grid!important;place-items:center!important;
    border:1px solid #e5e9ef!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;
  }
  .avs-mobile-nav__footer-social-icons img{width:22px!important;height:22px!important;object-fit:contain!important}
  .avs-mobile-nav__service-grid--sticky{gap:6px!important}
  .avs-mobile-nav__service-grid--sticky>a{
    min-height:48px!important;
    padding:5px 7px!important;
    border-radius:12px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    column-gap:6px!important;
  }
  .avs-mobile-nav__service-grid--sticky>a>span{width:27px!important;height:27px!important;border-radius:9px!important}
  .avs-mobile-nav__service-grid--sticky strong{font-size:9.3px!important}
  .avs-mobile-nav__service-grid--sticky small{font-size:7.4px!important}

  /* Social is no longer part of the scrollable root panel. */
  .avs-mobile-nav__root-footer{display:none!important}

  /* More clearance at scroll end, especially with dynamic browser chrome. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel{
    padding-bottom:34px!important;
    overscroll-behavior:contain!important;
  }
}

@media(max-width:389px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:80px!important;padding:max(8px,env(safe-area-inset-top,0px)) 10px 8px!important;
  }
  .avs-mobile-nav__brand-row{grid-template-columns:40px minmax(0,1fr)!important;min-height:60px!important;gap:8px!important}
  .avs-mobile-nav__close{width:37px!important;height:37px!important;min-width:37px!important;border-radius:12px!important}
  .avs-mobile-nav__logo-img{max-width:148px!important;max-height:44px!important}
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:flex!important;flex-direction:column!important;gap:6px!important;padding:7px 8px 0!important;direction:rtl!important;
  }
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    order:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:0!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:48px!important;border-radius:11px!important;padding:4px 2px!important;gap:2px!important;
  }
  .avs-mobile-nav__action-rail>a>span{width:24px!important;height:24px!important;border-radius:8px!important}
  .avs-mobile-nav__rail-brandmark{width:18px!important;height:18px!important}
  .avs-mobile-nav__action-rail>a b{font-size:7.3px!important}
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{order:1!important;flex:1 1 auto!important;min-height:0!important}
  .avs-mobile-nav__footer-social{min-height:30px!important;margin-bottom:4px!important}
}

/* v50.0.0 — Prominent Action Rail Polish
 * Freeze the v49 architecture. Increase utility-rail icon presence to processor-icon
 * visual weight while preserving RTL geometry, touch safety and main-column clarity.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs49-rail-w:80px;
    --avs49-gap:8px;
    --avs49-line:#e8ecf2;
    --avs49-ink:#182235;
    --avs49-muted:#7d8797;
    --avs49-accent:#ff3157;
  }

  /* Signature header: tighter, quieter and clearly brand-led. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:80px!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 12px 8px!important;
    border-bottom:1px solid #eef1f5!important;
    box-shadow:0 3px 14px rgba(15,23,42,.02)!important;
  }
  .avs-mobile-nav__brand-row,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brand-row{
    grid-template-columns:40px minmax(0,1fr)!important;
    min-height:60px!important;
    gap:9px!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    width:37px!important;height:37px!important;min-width:37px!important;
    border-radius:12px!important;background:#fafbfc!important;
  }
  .avs-mobile-nav__close svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
  .avs-mobile-nav__logo-img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__logo-img{
    max-width:160px!important;max-height:45px!important;
  }
  .avs-mobile-nav__signature em,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature em{
    margin-top:2px!important;font-size:8.1px!important;color:#929aa8!important;
  }

  /* Main + left action rail. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs49-rail-w) minmax(0,1fr)!important;
    gap:var(--avs49-gap)!important;
    padding:8px 8px 0 7px!important;
  }

  /* Action rail becomes a compact tool dock rather than four large cards. */
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    gap:8px!important;
    padding:5px!important;
    border:1px solid #e8edf3!important;
    border-radius:18px!important;
    background:#fbfcfd!important;
    box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
  }
  .avs-mobile-nav__action-rail>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail>a{
    min-height:78px!important;
    padding:7px 2px!important;
    gap:6px!important;
    border-width:1px!important;
    border-style:solid!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__action-rail>a>span{
    width:46px!important;height:46px!important;border-radius:14px!important;
  }
  .avs-mobile-nav__action-rail>a svg{width:30px!important;height:30px!important;stroke-width:1.85!important}
  .avs-mobile-nav__rail-brandmark{width:34px!important;height:34px!important}
  .avs-mobile-nav__action-rail>a b{
    font-size:9.4px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.15px!important;
  }
  .avs-mobile-nav__action-rail>a:active{transform:scale(.97)!important;filter:saturate(1.1)!important}

  /* Main cards: preserve information density while improving visual hierarchy. */
  .avs-mobile-nav__panel.is-root ul{gap:5px!important}
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:54px!important;
    border-color:#e8ecf2!important;
    box-shadow:0 2px 7px rgba(15,23,42,.018)!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:52px!important;
    grid-template-columns:37px minmax(0,1fr) 26px!important;
    gap:7px!important;
    padding:6px 7px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    width:35px!important;height:35px!important;border-radius:11px!important;
    border:1px solid rgba(17,24,39,.025)!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{
    color:var(--avs49-ink)!important;font-size:12.2px!important;letter-spacing:-.08px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{
    margin-top:2px!important;color:var(--avs49-muted)!important;font-size:8.8px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{
    width:25px!important;height:25px!important;border-radius:8px!important;background:#f7f9fc!important;
  }

  /* Category identity — controlled pastel accents, not decorative rainbow. */
  .avs-mobile-nav__panel.is-root li.is-type-workstation .avs-mobile-nav__item-icon{background:#edf5ff!important;color:#2467c8!important}
  .avs-mobile-nav__panel.is-root li.is-type-mini .avs-mobile-nav__item-icon{background:#f0f1ff!important;color:#4b46b8!important}
  .avs-mobile-nav__panel.is-root li.is-type-aio .avs-mobile-nav__item-icon{background:#eaf9f5!important;color:#188e79!important}
  .avs-mobile-nav__panel.is-root li.is-type-parts .avs-mobile-nav__item-icon{background:#eefaf3!important;color:#16905a!important}
  .avs-mobile-nav__panel.is-root li.is-type-accessories .avs-mobile-nav__item-icon{background:#fff4e9!important;color:#d96b17!important}
  .avs-mobile-nav__panel.is-root li.is-type-monitor .avs-mobile-nav__item-icon{background:#f6efff!important;color:#7a39bf!important}
  .avs-mobile-nav__panel.is-root li.is-type-brand .avs-mobile-nav__item-icon{background:#edf7ff!important;color:#1680cc!important}
  .avs-mobile-nav__panel.is-root li.is-type-article .avs-mobile-nav__item-icon{background:#eef9f1!important;color:#21925a!important}
  .avs-mobile-nav__panel.is-root li.is-type-contact .avs-mobile-nav__item-icon{background:#f4f6fa!important;color:#475467!important}
  .avs-mobile-nav__panel.is-root li.is-type-about .avs-mobile-nav__item-icon{background:#f5f6f8!important;color:#596273!important}
  .avs-mobile-nav__panel.is-root li.is-type-offer .avs-mobile-nav__item-icon{background:#fff0f4!important;color:#e91e48!important}

  /* Primary business category: a restrained hero row. */
  .avs-mobile-nav__panel.is-root li.is-primary{
    min-height:60px!important;
    background:linear-gradient(100deg,#fff0f4 0%,#fff8fa 58%,#fff 100%)!important;
    border:1px solid #ffbdcb!important;
    box-shadow:0 5px 16px rgba(255,49,87,.05)!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary>a,
  .avs-mobile-nav__panel.is-root li.is-primary>button{min-height:58px!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon{
    width:38px!important;height:38px!important;background:#ffe9ef!important;color:#e91e48!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-title{color:#182235!important;font-weight:1000!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{background:#ffeef2!important;color:#e91e48!important}

  /* Submenu back is contextual and remains available while that panel scrolls. */
  .avs-mobile-nav__back,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__back{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    min-height:40px!important;height:40px!important;
    margin:0 0 7px!important;
    padding:7px 9px!important;
    border:1px solid #e8ecf2!important;
    border-radius:11px!important;
    background:rgba(249,250,252,.96)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__back span{font-size:10.8px!important;font-weight:900!important;color:#344054!important}
  .avs-mobile-nav__back svg{width:14px!important;height:14px!important}

  /* Sticky footer: small social strip, trust service first. */
  .avs-mobile-nav__sticky-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:5px 8px max(6px,env(safe-area-inset-bottom,0px))!important;
    box-shadow:0 -5px 16px rgba(15,23,42,.02)!important;
  }
  .avs-mobile-nav__footer-social{min-height:30px!important;margin:0 0 4px!important;padding:0 5px!important}
  .avs-mobile-nav__footer-social>span{font-size:7.9px!important;color:#8992a0!important}
  .avs-mobile-nav__footer-social-icons{gap:4px!important}
  .avs-mobile-nav__footer-social-icons a{width:25px!important;height:25px!important;border-radius:8px!important}
  .avs-mobile-nav__footer-social-icons img{width:20px!important;height:20px!important}
  .avs-mobile-nav__service-grid--sticky>a{min-height:45px!important;border-radius:11px!important;padding:4px 7px!important}
  .avs-mobile-nav__service-grid--sticky>a>span{width:25px!important;height:25px!important;border-radius:8px!important}
  .avs-mobile-nav__service-grid--sticky strong{font-size:9px!important}
  .avs-mobile-nav__service-grid--sticky small{font-size:7.1px!important}

  /* Focus visibility and reduced-motion discipline. */
  .avs-mobile-nav a:focus-visible,
  .avs-mobile-nav button:focus-visible{
    outline:2px solid rgba(255,49,87,.55)!important;
    outline-offset:2px!important;
  }
}

@media(max-width:389px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:74px!important;padding:max(7px,env(safe-area-inset-top,0px)) 9px 7px!important;
  }
  .avs-mobile-nav__brand-row{grid-template-columns:38px minmax(0,1fr)!important;min-height:56px!important;gap:7px!important}
  .avs-mobile-nav__close{width:35px!important;height:35px!important;min-width:35px!important}
  .avs-mobile-nav__logo-img{max-width:145px!important;max-height:42px!important}
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:flex!important;flex-direction:column!important;gap:5px!important;padding:6px 7px 0!important;
  }
  .avs-mobile-nav__action-rail,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;padding:3px!important;border-radius:13px!important;
  }
  .avs-mobile-nav__action-rail>a{min-height:54px!important;border-radius:11px!important}
  .avs-mobile-nav__action-rail>a>span{width:34px!important;height:34px!important;border-radius:10px!important}
  .avs-mobile-nav__action-rail>a svg{width:23px!important;height:23px!important}
  .avs-mobile-nav__rail-brandmark{width:26px!important;height:26px!important}
  .avs-mobile-nav__action-rail>a b{font-size:7.8px!important}
}

@media(prefers-reduced-motion:reduce){
  .avs-mobile-nav *,
  .avs-mobile-nav *:before,
  .avs-mobile-nav *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* v51.0.0 — Custom Green Menu Icon System + Final Mobile Polish
 * Uses AvvalStock's dedicated SVG artwork for the mobile root menu while preserving
 * the approved v50 navigation architecture, left action rail and sticky footer.
 */
@media(max-width:1023px){
  /* Give the custom artwork enough optical size without widening the whole drawer. */
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:62px!important;
    border-radius:14px!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:60px!important;
    grid-template-columns:48px minmax(0,1fr) 26px!important;
    gap:7px!important;
    padding:5px 7px!important;
  }

  /* Dedicated SVG assets already include their own card/frame, so the wrapper stays neutral. */
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon{
    width:46px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    color:#26313d!important;
  }
  .avs-mobile-nav__custom-menu-icon{
    display:block!important;
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    filter:none!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon svg{
    width:22px!important;
    height:22px!important;
  }

  /* Typography and spacing tuned around the larger visual identity. */
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{
    font-size:12.45px!important;
    line-height:1.42!important;
    font-weight:950!important;
    color:#182235!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{
    margin-top:2px!important;
    font-size:8.9px!important;
    line-height:1.35!important;
    color:#7d8797!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__row-chevron{
    width:25px!important;
    height:25px!important;
    border-radius:8px!important;
  }

  /* Primary laptop path keeps AvvalStock's red accent while the artwork remains green. */
  .avs-mobile-nav__panel.is-root li.is-primary{
    min-height:66px!important;
    background:linear-gradient(100deg,#fff2f5 0%,#fff9fb 58%,#fff 100%)!important;
    border-color:#ffc4d0!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary>a,
  .avs-mobile-nav__panel.is-root li.is-primary>button{min-height:64px!important}
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon{
    width:50px!important;
    height:50px!important;
    background:transparent!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__custom-menu-icon{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__row-chevron{
    background:#ffeef2!important;
    color:#e91e48!important;
  }

  /* Rail: maintain the approved compact geometry but increase visual confidence. */
  .avs-mobile-nav__action-rail>a>span{
    width:49px!important;
    height:49px!important;
    border-radius:15px!important;
  }
  .avs-mobile-nav__action-rail>a svg{
    width:31px!important;
    height:31px!important;
  }
  .avs-mobile-nav__rail-brandmark{
    width:37px!important;
    height:37px!important;
  }
  .avs-mobile-nav__action-rail>a b{
    font-size:9.6px!important;
    line-height:1.12!important;
  }
}

@media(max-width:389px){
  .avs-mobile-nav__panel.is-root li,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li{
    min-height:58px!important;
  }
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    min-height:56px!important;
    grid-template-columns:43px minmax(0,1fr) 24px!important;
    gap:6px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon,
  .avs-mobile-nav__custom-menu-icon{
    width:41px!important;
    height:41px!important;
    max-width:41px!important;
    max-height:41px!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon,
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__custom-menu-icon{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
  }
  .avs-mobile-nav__action-rail>a>span{width:37px!important;height:37px!important}
  .avs-mobile-nav__action-rail>a svg{width:25px!important;height:25px!important}
  .avs-mobile-nav__rail-brandmark{width:29px!important;height:29px!important}
}

/* v53.0.0 — Exact User-Supplied Menu Artwork Contract
 * IMPORTANT: the nine primary mobile-menu PNGs are copied byte-for-byte from the
 * user-supplied assets. CSS may only control display geometry; artwork itself is
 * never recolored, cropped, filtered, stretched or regenerated.
 */
@media(max-width:1023px){
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    display:block!important;
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    clip-path:none!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__custom-menu-icon{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
  }
}
@media(max-width:389px){
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__custom-menu-icon{
    width:47px!important;
    height:47px!important;
    max-width:47px!important;
    max-height:47px!important;
  }
}


/* v54.0.0 — Exact Rail Assets + Right-Aligned Brand Header + Final Mobile Polish
 * - Exact user-supplied mini-PC artwork replaces v53 mini icon byte-for-byte.
 * - Three exact user-supplied communication/social logos form the left rail.
 * - Brand signature is anchored to the physical right edge; duplicate drawer search stays removed.
 * - Footer is trust/action only: tracking + warranty/services, with no duplicated social strip.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs54-rail-w:78px;
    --avs54-gap:8px;
  }

  /* Header — brand is the right-side visual anchor. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:84px!important;
    padding:max(9px,env(safe-area-inset-top,0px)) 12px 8px!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__brand-row,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brand-row{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:64px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .avs-mobile-nav__signature,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature{
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    max-width:190px!important;
    align-items:flex-end!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-mobile-nav__logo-img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__logo-img{
    max-width:178px!important;
    max-height:50px!important;
    object-position:right center!important;
  }
  .avs-mobile-nav__signature em,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__signature em{
    font-size:8.3px!important;
    margin-top:2px!important;
    text-align:right!important;
  }
  .avs-mobile-nav__close,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__close{
    grid-column:1!important;
    justify-self:start!important;
    width:39px!important;height:39px!important;min-width:39px!important;
    border-radius:13px!important;
  }

  /* The site header already owns product search. Keep drawer navigation focused. */
  .avs-mobile-nav__root-intro,
  .avs-mobile-nav__search,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__root-intro,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__search{display:none!important}

  /* Main column + exact social/contact rail on the physical left. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs54-rail-w) minmax(0,1fr)!important;
    grid-template-areas:"rail main"!important;
    gap:var(--avs54-gap)!important;
    padding:8px 9px 0 8px!important;
    direction:ltr!important;
  }
  .avs-mobile-nav__action-rail--social,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--social{
    grid-area:rail!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:6px 5px!important;
    border:1px solid #e8edf3!important;
    border-radius:18px!important;
    background:#fbfcfd!important;
    box-shadow:0 5px 16px rgba(15,23,42,.028)!important;
    align-self:start!important;
  }
  .avs-mobile-nav__action-rail--social>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--social>a{
    min-height:88px!important;
    padding:6px 3px 7px!important;
    gap:5px!important;
    border:1px solid #e7ebf1!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#182235!important;
    box-shadow:0 2px 8px rgba(15,23,42,.02)!important;
  }
  .avs-mobile-nav__action-rail--social>a>span{
    width:56px!important;height:56px!important;
    padding:0!important;
    border-radius:14px!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__rail-exact-logo{
    display:block!important;
    width:56px!important;height:56px!important;
    max-width:56px!important;max-height:56px!important;
    object-fit:contain!important;object-position:center!important;
    margin:0!important;
    border:0!important;border-radius:0!important;
    box-shadow:none!important;filter:none!important;transform:none!important;clip-path:none!important;
  }
  .avs-mobile-nav__action-rail--social>a b{
    font-size:9.2px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.12px!important;
    color:#253044!important;
  }

  /* Main root cards: cleaner spacing around exact artwork. */
  .avs-mobile-nav__panel.is-root ul{gap:5px!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    grid-template-columns:54px minmax(0,1fr) 27px!important;
    gap:7px!important;
    min-height:62px!important;
    padding:5px 7px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    width:52px!important;height:52px!important;
    max-width:52px!important;max-height:52px!important;
    object-fit:contain!important;
    filter:none!important;transform:none!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:54px!important;height:54px!important;flex:0 0 54px!important;
  }
  .avs-mobile-nav__panel.is-root li.is-primary .avs-mobile-nav__custom-menu-icon{
    width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:12.4px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:8.8px!important}

  /* Footer — no duplicate social controls; use two high-value service actions only. */
  .avs-mobile-nav__footer-social{display:none!important}
  .avs-mobile-nav__sticky-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:7px 9px max(8px,env(safe-area-inset-bottom,0px))!important;
  }
  .avs-mobile-nav__service-grid--v54{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .avs-mobile-nav__service-grid--v54>a{
    min-height:56px!important;
    padding:6px 8px!important;
    border-radius:13px!important;
    grid-template-columns:31px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  .avs-mobile-nav__service-grid--v54>a>span{width:31px!important;height:31px!important;border-radius:10px!important}
  .avs-mobile-nav__service-grid--v54>a.is-tracking{background:#f3f8ff!important;border-color:#dcecff!important;color:#1977c8!important}
  .avs-mobile-nav__service-grid--v54>a.is-services{background:#f2fcf7!important;border-color:#d9f2e5!important;color:#168465!important}
  .avs-mobile-nav__service-grid--v54 strong{font-size:9.4px!important}
  .avs-mobile-nav__service-grid--v54 small{font-size:7.1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:389px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:76px!important;padding:max(7px,env(safe-area-inset-top,0px)) 9px 7px!important;
  }
  .avs-mobile-nav__brand-row{grid-template-columns:38px minmax(0,1fr)!important;min-height:58px!important}
  .avs-mobile-nav__signature{max-width:160px!important}
  .avs-mobile-nav__logo-img{max-width:154px!important;max-height:44px!important}
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:flex!important;flex-direction:column!important;gap:5px!important;padding:6px 7px 0!important;
  }
  .avs-mobile-nav__action-rail--social,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--social{
    order:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;padding:4px!important;border-radius:13px!important;
  }
  .avs-mobile-nav__action-rail--social>a{min-height:58px!important;border-radius:11px!important;padding:4px 2px!important}
  .avs-mobile-nav__action-rail--social>a>span{width:38px!important;height:38px!important}
  .avs-mobile-nav__rail-exact-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
  .avs-mobile-nav__action-rail--social>a b{font-size:7.7px!important}
  .avs-mobile-nav__viewport{order:1!important;flex:1 1 auto!important;min-height:0!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button{grid-template-columns:47px minmax(0,1fr) 24px!important;min-height:57px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){width:47px!important;height:47px!important;flex:0 0 47px!important}
  .avs-mobile-nav__service-grid--v54>a{min-height:52px!important}
  .avs-mobile-nav__service-grid--v54 small{display:none!important}
}


/* v55.0.0 — Messaging Rail Big Update + Runtime Asset Optimization
 * Messaging-first left rail: WhatsApp Business, Bale, Rubika, Messenger, then Contact,
 * Consultation and Tracking. Compact geometry restores main-column width and keeps the
 * header/footer persistent. Missing messaging URLs remain visible but safely disabled.
 */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs55-rail-w:64px;
    --avs55-gap:6px;
  }

  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:grid!important;
    grid-template-columns:var(--avs55-rail-w) minmax(0,1fr)!important;
    grid-template-areas:"rail main"!important;
    gap:var(--avs55-gap)!important;
    padding:7px 8px 0 6px!important;
    direction:ltr!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__viewport,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__viewport{
    grid-area:main!important;
    direction:rtl!important;
    min-width:0!important;
    min-height:0!important;
  }

  .avs-mobile-nav__action-rail--messaging,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--messaging{
    grid-area:rail!important;
    align-self:stretch!important;
    min-width:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:4px!important;
    border:1px solid #e7ecf2!important;
    border-radius:16px!important;
    background:#fbfcfd!important;
    box-shadow:0 4px 14px rgba(15,23,42,.025)!important;
    direction:rtl!important;
  }
  .avs-mobile-nav__action-rail--messaging::-webkit-scrollbar{display:none!important}

  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:56px!important;
    padding:4px 2px!important;
    border:1px solid #e8edf3!important;
    border-radius:12px!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    text-decoration:none!important;
    color:#273244!important;
    box-shadow:0 2px 7px rgba(15,23,42,.02)!important;
    transition:transform .14s ease,border-color .14s ease,background-color .14s ease!important;
  }
  .avs-mobile-nav__action-rail--messaging>a.avs-mobile-nav__rail-action:active{transform:scale(.97)!important}
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action.is-disabled{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.6)!important}
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-visual{
    width:31px!important;height:31px!important;border-radius:9px!important;
    display:grid!important;place-items:center!important;
    padding:0!important;margin:0!important;overflow:visible!important;
    background:#f4f7fa!important;
  }
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-visual svg{
    width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;
  }
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-whatsapp-logo{
    display:block!important;width:27px!important;height:27px!important;object-fit:contain!important;
    filter:none!important;transform:none!important;
  }
  .avs-mobile-nav__rail-monogram{
    width:26px!important;height:26px!important;border-radius:8px!important;display:grid!important;place-items:center!important;
    font-size:15px!important;line-height:1!important;font-weight:1000!important;color:#fff!important;font-family:inherit!important;
  }
  .avs-mobile-nav__rail-monogram--bale{background:linear-gradient(145deg,#11b6d4,#078fc8)!important}
  .avs-mobile-nav__rail-monogram--rubika{background:linear-gradient(145deg,#ff4975,#8b42d7)!important}
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action b{
    width:100%!important;max-width:100%!important;margin:0!important;
    font-size:7.8px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.14px!important;
    color:#273244!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  .avs-mobile-nav__rail-divider{
    display:block!important;flex:0 0 auto!important;width:72%!important;height:1px!important;
    margin:2px auto!important;background:#dfe5ec!important;border-radius:999px!important;
  }

  .avs-mobile-nav__rail-action.is-whatsapp{border-color:#d7f0e1!important}
  .avs-mobile-nav__rail-action.is-whatsapp .avs-mobile-nav__rail-visual{background:#e8f8ee!important}
  .avs-mobile-nav__rail-action.is-bale{border-color:#d9eef7!important}
  .avs-mobile-nav__rail-action.is-bale .avs-mobile-nav__rail-visual{background:#ecf9fc!important}
  .avs-mobile-nav__rail-action.is-rubika{border-color:#f1ddf3!important}
  .avs-mobile-nav__rail-action.is-rubika .avs-mobile-nav__rail-visual{background:#fbf1fc!important}
  .avs-mobile-nav__rail-action.is-messenger{color:#2464c5!important;border-color:#dfe8f8!important}
  .avs-mobile-nav__rail-action.is-messenger .avs-mobile-nav__rail-visual{background:#edf4ff!important}
  .avs-mobile-nav__rail-action.is-phone{color:#df3453!important;border-color:#f8dfe5!important}
  .avs-mobile-nav__rail-action.is-phone .avs-mobile-nav__rail-visual{background:#fff0f3!important}
  .avs-mobile-nav__rail-action.is-consultation{color:#5639a8!important;border-color:#e8e0f7!important}
  .avs-mobile-nav__rail-action.is-consultation .avs-mobile-nav__rail-visual{background:#f4efff!important}
  .avs-mobile-nav__rail-action.is-tracking{color:#1875c6!important;border-color:#dcecf9!important}
  .avs-mobile-nav__rail-action.is-tracking .avs-mobile-nav__rail-visual{background:#eaf5ff!important}

  /* Reclaim the width lost in v54's oversized rail. */
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    grid-template-columns:50px minmax(0,1fr) 26px!important;
    gap:6px!important;
    padding:5px 7px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:50px!important;height:50px!important;flex:0 0 50px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon--svg{padding:5px!important}
}

@media(max-width:389px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs55-rail-w:56px;
    --avs55-gap:5px;
  }
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    display:grid!important;
    grid-template-columns:var(--avs55-rail-w) minmax(0,1fr)!important;
    grid-template-areas:"rail main"!important;
    gap:var(--avs55-gap)!important;
    padding:6px 6px 0 5px!important;
    direction:ltr!important;
  }
  .avs-mobile-nav__action-rail--messaging,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--messaging{
    order:initial!important;display:flex!important;grid-template-columns:none!important;
    flex-direction:column!important;gap:3px!important;padding:3px!important;border-radius:13px!important;
  }
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action{
    min-height:50px!important;padding:3px 1px!important;border-radius:10px!important;gap:2px!important;
  }
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-visual{width:27px!important;height:27px!important;border-radius:8px!important}
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-whatsapp-logo{width:24px!important;height:24px!important}
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-visual svg{width:18px!important;height:18px!important}
  .avs-mobile-nav__rail-monogram{width:23px!important;height:23px!important;font-size:13px!important;border-radius:7px!important}
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action b{font-size:7px!important;line-height:1.05!important}
  .avs-mobile-nav__viewport{order:initial!important;grid-area:main!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button{grid-template-columns:44px minmax(0,1fr) 23px!important;gap:5px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){width:44px!important;height:44px!important;flex:0 0 44px!important}
}

@media(max-height:720px) and (max-width:1023px){
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action{min-height:50px!important}
  .avs-mobile-nav__action-rail--messaging .avs-mobile-nav__rail-visual{width:27px!important;height:27px!important}
  .avs-mobile-nav__action-rail--messaging>.avs-mobile-nav__rail-action b{font-size:7.2px!important}
}


/* ========================================================================== */
/* v56.0.0 FINAL COMPACT COMMUNICATION RAIL                                   */
/* ========================================================================== */
@media(max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs56-rail-w:58px;
    --avs56-gap:7px;
  }
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs56-rail-w) minmax(0,1fr)!important;
    gap:var(--avs56-gap)!important;
    padding-inline:6px!important;
  }
  .avs-mobile-nav__action-rail--v56,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--v56{
    gap:3px!important;
    padding:3px!important;
    border-radius:14px!important;
    border-color:#e8edf3!important;
    background:#fcfdfe!important;
    box-shadow:0 3px 12px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__action-rail--v56>.avs-mobile-nav__rail-action{
    min-height:49px!important;
    padding:3px 1px!important;
    gap:2px!important;
    border-radius:10px!important;
    border-color:#e8edf3!important;
    background:#fff!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:0 1px 5px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__action-rail--v56>.avs-mobile-nav__rail-action:active{
    transform:scale(.96)!important;
    background:#f8fafc!important;
  }
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-visual{
    width:28px!important;height:28px!important;border-radius:8px!important;
    background:#f6f8fb!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-brand-logo{
    display:block!important;
    width:26px!important;height:26px!important;
    max-width:26px!important;max-height:26px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-brand-logo.is-whatsapp{width:25px!important;height:25px!important}
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-visual svg{width:18px!important;height:18px!important}
  .avs-mobile-nav__action-rail--v56>.avs-mobile-nav__rail-action b{
    font-size:7.4px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:#243145!important;
    letter-spacing:-.12px!important;
  }
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-divider{
    width:64%!important;
    margin:1px auto!important;
    background:#e5eaf0!important;
  }
  .avs-mobile-nav__action-rail--v56 .is-whatsapp .avs-mobile-nav__rail-visual{background:#edf9f1!important}
  .avs-mobile-nav__action-rail--v56 .is-bale .avs-mobile-nav__rail-visual{background:#f1f8fb!important}
  .avs-mobile-nav__action-rail--v56 .is-rubika .avs-mobile-nav__rail-visual{background:#fff!important}
  .avs-mobile-nav__action-rail--v56 .is-messenger .avs-mobile-nav__rail-visual{background:#f2f6ff!important}
  .avs-mobile-nav__action-rail--v56 .is-phone .avs-mobile-nav__rail-visual{background:#fff1f4!important}
  .avs-mobile-nav__action-rail--v56 .is-consultation .avs-mobile-nav__rail-visual{background:#f3f1ff!important}
  .avs-mobile-nav__action-rail--v56 .is-tracking .avs-mobile-nav__rail-visual{background:#eef7ff!important}

  /* Lighter separator; rail should not visually dominate the content. */
  .avs-mobile-nav__content-frame:before{opacity:.35!important}

  /* Main menu: reclaim horizontal room and keep right-side 3D icons aligned. */
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button{
    grid-template-columns:48px minmax(0,1fr) 24px!important;
    gap:6px!important;
    padding:5px 6px!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;
    object-fit:contain!important;transform:none!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:48px!important;height:48px!important;flex:0 0 48px!important;
  }
}
@media(max-width:389px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{--avs56-rail-w:54px;--avs56-gap:5px}
  .avs-mobile-nav__action-rail--v56>.avs-mobile-nav__rail-action{min-height:46px!important}
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-visual{width:26px!important;height:26px!important}
  .avs-mobile-nav__action-rail--v56 .avs-mobile-nav__rail-brand-logo{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
  .avs-mobile-nav__action-rail--v56>.avs-mobile-nav__rail-action b{font-size:6.9px!important}
}


/* =========================================================
   v58.0.0 — Production Final Freeze
   Larger rail artwork without widening the rail.
   ========================================================= */
@media (max-width:1023px){
  .avs-mobile-nav__action-rail--v58,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--v58{
    gap:3px!important;
    padding:3px!important;
    border-radius:14px!important;
    border-color:#e8edf3!important;
    background:#fcfdfe!important;
    box-shadow:0 3px 12px rgba(15,23,42,.025)!important;
  }
  .avs-mobile-nav__action-rail--v58>.avs-mobile-nav__rail-action{
    min-height:51px!important;
    padding:3px 1px 2px!important;
    gap:1px!important;
    border-radius:10px!important;
    background:#fff!important;
    border-color:#e8edf3!important;
    opacity:1!important;filter:none!important;
  }
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-visual{
    width:34px!important;height:34px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-brand-logo{
    display:block!important;
    width:32px!important;height:32px!important;
    max-width:32px!important;max-height:32px!important;
    object-fit:contain!important;object-position:center!important;
    transform:none!important;filter:none!important;opacity:1!important;
  }
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-brand-logo.is-whatsapp{
    width:31px!important;height:31px!important;
  }
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-visual svg{
    width:23px!important;height:23px!important;stroke-width:2!important;
  }
  .avs-mobile-nav__action-rail--v58>.avs-mobile-nav__rail-action b{
    font-size:7.4px!important;line-height:1.05!important;font-weight:900!important;
  }
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-divider{
    width:58%!important;height:1px!important;margin:1px auto!important;background:#e7ebf0!important;
  }
  .avs-mobile-nav__action-rail--v58>.avs-mobile-nav__rail-action:active{transform:scale(.96)!important}
  .avs-mobile-nav__action-rail--v58 .is-whatsapp .avs-mobile-nav__rail-visual{background:#edf9f1!important}
  .avs-mobile-nav__action-rail--v58 .is-bale .avs-mobile-nav__rail-visual{background:#f1f8fb!important}
  .avs-mobile-nav__action-rail--v58 .is-rubika .avs-mobile-nav__rail-visual{background:#fff!important}
  .avs-mobile-nav__action-rail--v58 .is-messenger .avs-mobile-nav__rail-visual{background:#f2f6ff!important}
  .avs-mobile-nav__action-rail--v58 .is-phone .avs-mobile-nav__rail-visual{background:#fff1f4!important}
  .avs-mobile-nav__action-rail--v58 .is-consultation .avs-mobile-nav__rail-visual{background:#f3f1ff!important}
  .avs-mobile-nav__action-rail--v58 .is-tracking .avs-mobile-nav__rail-visual{background:#eef7ff!important}
}
@media (max-width:389px){
  .avs-mobile-nav__action-rail--v58>.avs-mobile-nav__rail-action{min-height:49px!important}
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-visual{width:32px!important;height:32px!important}
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-brand-logo{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}
  .avs-mobile-nav__action-rail--v58 .avs-mobile-nav__rail-visual svg{width:22px!important;height:22px!important}
}


/* ========================================================================== */
/* v59.0.0 — Adaptive UX & Stability                                          */
/* Keeps v58 information architecture/actions intact. Refines mobile geometry, */
/* touch feedback, scrollbar treatment and accessibility across phone sizes.   */
/* ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs59-rail-w:clamp(54px,14.8vw,60px);
    --avs59-gap:clamp(5px,1.7vw,7px);
    --avs59-root-h:clamp(58px,8.1vh,66px);
    --avs59-root-icon:clamp(44px,11.8vw,50px);
  }

  /* Shorter, denser top chrome. */
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:clamp(68px,9.2vh,78px)!important;
    padding:max(6px,env(safe-area-inset-top,0px)) 9px 5px!important;
  }
  .avs-mobile-nav__brand-row,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__brand-row{
    min-height:clamp(50px,7.2vh,58px)!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:7px!important;
    margin:0!important;
  }
  .avs-mobile-nav__close{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .avs-mobile-nav__signature{max-width:clamp(150px,45vw,188px)!important}
  .avs-mobile-nav__logo-img{max-width:100%!important;max-height:clamp(42px,6.3vh,50px)!important}
  .avs-mobile-nav__signature em{display:none!important}

  /* Adaptive two-column body. */
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    grid-template-columns:var(--avs59-rail-w) minmax(0,1fr)!important;
    gap:var(--avs59-gap)!important;
    padding:5px 7px 0 5px!important;
  }
  .avs-mobile-nav__content-frame:before{opacity:.18!important;width:1px!important}

  /* Rail: preserve width, enlarge visual content and improve pressed affordance. */
  .avs-mobile-nav__action-rail--v59,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__action-rail--v59{
    gap:3px!important;padding:3px!important;border-radius:14px!important;
    border-color:#e7ecf2!important;background:#fcfdfe!important;
    box-shadow:0 3px 12px rgba(15,23,42,.025)!important;
    scrollbar-width:none!important;
  }
  .avs-mobile-nav__action-rail--v59::-webkit-scrollbar{display:none!important}
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action{
    min-height:clamp(48px,6.7vh,53px)!important;
    padding:3px 1px 2px!important;gap:1px!important;border-radius:10px!important;
    background:#fff!important;border-color:#e7ecf2!important;
    box-shadow:0 1px 4px rgba(15,23,42,.025)!important;
    transition:transform .13s ease,background-color .13s ease,border-color .13s ease,box-shadow .13s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action:active,
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action.is-pressed{
    transform:scale(.96)!important;background:#f7f9fc!important;border-color:#dbe3ec!important;
    box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
  }
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-visual{
    width:clamp(32px,8.6vw,36px)!important;height:clamp(32px,8.6vw,36px)!important;
    border-radius:9px!important;overflow:hidden!important;
  }
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-brand-logo{
    width:clamp(30px,8vw,34px)!important;height:clamp(30px,8vw,34px)!important;
    max-width:34px!important;max-height:34px!important;object-fit:contain!important;
    object-position:center!important;transform:none!important;filter:none!important;opacity:1!important;
  }
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-brand-logo.is-whatsapp{
    width:clamp(29px,7.8vw,33px)!important;height:clamp(29px,7.8vw,33px)!important;
  }
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-visual svg{
    width:clamp(22px,6vw,25px)!important;height:clamp(22px,6vw,25px)!important;stroke-width:2!important;
  }
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action b{
    font-size:clamp(7px,1.95vw,7.8px)!important;line-height:1.05!important;font-weight:900!important;
  }
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-divider{
    width:54%!important;height:1px!important;margin:1px auto!important;background:#e9edf2!important;
  }

  /* Main root cards scale by viewport rather than a single fixed phone size. */
  .avs-mobile-nav__panel.is-root ul{gap:clamp(4px,.7vh,6px)!important}
  .avs-mobile-nav__panel.is-root li>a,
  .avs-mobile-nav__panel.is-root li>button,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__panel.is-root li>button{
    grid-template-columns:calc(var(--avs59-root-icon) + 2px) minmax(0,1fr) 25px!important;
    gap:6px!important;min-height:var(--avs59-root-h)!important;padding:5px 7px!important;
    transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .avs-mobile-nav__panel.is-root li>a:active,
  .avs-mobile-nav__panel.is-root li>button:active,
  .avs-mobile-nav__panel.is-root li>a.is-pressed,
  .avs-mobile-nav__panel.is-root li>button.is-pressed{
    transform:scale(.992)!important;background:#fbfcfe!important;border-color:#dde5ee!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__custom-menu-icon{
    width:var(--avs59-root-icon)!important;height:var(--avs59-root-icon)!important;
    max-width:var(--avs59-root-icon)!important;max-height:var(--avs59-root-icon)!important;
    object-fit:contain!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-icon:has(.avs-mobile-nav__custom-menu-icon){
    width:calc(var(--avs59-root-icon) + 2px)!important;height:calc(var(--avs59-root-icon) + 2px)!important;
    flex:0 0 calc(var(--avs59-root-icon) + 2px)!important;
  }
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{font-size:clamp(11.8px,3.25vw,13px)!important}
  .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{font-size:clamp(8.2px,2.25vw,9.1px)!important}

  /* Quiet scrollbar: 2px indicator only while scrolling. */
  .avs-mobile-nav__viewport{scrollbar-width:thin!important;scrollbar-color:transparent transparent!important}
  .avs-mobile-nav__viewport::-webkit-scrollbar{width:2px!important}
  .avs-mobile-nav__viewport::-webkit-scrollbar-track{background:transparent!important}
  .avs-mobile-nav__viewport::-webkit-scrollbar-thumb{background:transparent!important;border-radius:999px!important}
  .avs-mobile-nav__viewport.is-scrolling{scrollbar-color:#b9c4d1 transparent!important}
  .avs-mobile-nav__viewport.is-scrolling::-webkit-scrollbar-thumb{background:#b9c4d1!important}

  /* Slightly slimmer sticky footer while retaining 44px+ targets. */
  .avs-mobile-nav__sticky-footer,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:5px 8px max(6px,env(safe-area-inset-bottom,0px))!important;
  }
  .avs-mobile-nav__service-grid--v54>a,
  .avs-mobile-nav__service-grid--sticky>a{min-height:52px!important;padding:5px 7px!important;border-radius:12px!important}
  .avs-mobile-nav__service-grid--v54>a>span,
  .avs-mobile-nav__service-grid--sticky>a>span{width:29px!important;height:29px!important;border-radius:9px!important}

  /* Keyboard focus is visible, but does not alter pointer presentation. */
  .avs-mobile-nav__sheet a:focus-visible,
  .avs-mobile-nav__sheet button:focus-visible{
    outline:2px solid rgba(210,26,52,.72)!important;outline-offset:2px!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs59-rail-w:52px;--avs59-gap:4px;--avs59-root-h:56px;--avs59-root-icon:42px;
  }
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{padding-inline:4px!important}
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action{min-height:46px!important}
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-visual{width:30px!important;height:30px!important}
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-brand-logo{width:28px!important;height:28px!important}
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action b{font-size:6.7px!important}
  .avs-mobile-nav__service-grid--v54 small,.avs-mobile-nav__service-grid--sticky small{display:none!important}
}

@media (min-width:430px) and (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs59-rail-w:62px;--avs59-gap:8px;--avs59-root-h:67px;--avs59-root-icon:51px;
  }
  .avs-mobile-nav__content-frame,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{padding-inline:7px!important}
}

@media (max-height:720px) and (max-width:1023px){
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal{
    --avs59-root-h:56px;--avs59-root-icon:42px;
  }
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header{
    min-height:64px!important;padding-top:max(5px,env(safe-area-inset-top,0px))!important;padding-bottom:4px!important;
  }
  .avs-mobile-nav__action-rail--v59>.avs-mobile-nav__rail-action{min-height:45px!important}
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-visual{width:29px!important;height:29px!important}
  .avs-mobile-nav__action-rail--v59 .avs-mobile-nav__rail-brand-logo{width:27px!important;height:27px!important}
  .avs-mobile-nav__sticky-footer{padding-top:4px!important}
  .avs-mobile-nav__service-grid--v54>a,.avs-mobile-nav__service-grid--sticky>a{min-height:48px!important}
  .avs-mobile-nav__service-grid--v54 small,.avs-mobile-nav__service-grid--sticky small{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .avs-mobile-nav *,
  .avs-mobile-nav *::before,
  .avs-mobile-nav *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ===== SOURCE: navigation.css ===== */
/*
 * AVS Navigation v60 — Design System Bridge
 * ------------------------------------------------------------
 * The complete v59 presentation layer is intentionally frozen in
 * navigation-legacy-v59.css. This file is the new maintainable layer.
 * New work MUST land here or in future component files, not in legacy.
 */

:root{
  --avs-nav60-accent:#d21a34;
  --avs-nav60-accent-soft:#fff3f5;
  --avs-nav60-text:#172033;
  --avs-nav60-muted:#6f7a8c;
  --avs-nav60-border:#e6ebf1;
  --avs-nav60-surface:#fff;
  --avs-nav60-surface-soft:#f8fafc;
  --avs-nav60-radius-xs:8px;
  --avs-nav60-radius-sm:10px;
  --avs-nav60-radius-md:14px;
  --avs-nav60-radius-lg:20px;
  --avs-nav60-shadow-sm:0 2px 8px rgba(15,23,42,.045);
  --avs-nav60-shadow-md:0 14px 38px rgba(15,23,42,.10);
  --avs-nav60-duration:160ms;
  --avs-nav60-ease:cubic-bezier(.2,.7,.2,1);
  --avs-nav60-touch:44px;
}

/* -------------------------------------------------------------------------
 * Shared interaction + accessibility
 * ---------------------------------------------------------------------- */
.avs-navigation,
.avs-mobile-nav{color:var(--avs-nav60-text)}
.avs-navigation a,
.avs-navigation button,
.avs-mobile-nav a,
.avs-mobile-nav button{
  -webkit-tap-highlight-color:transparent;
}
.avs-navigation a:focus-visible,
.avs-navigation button:focus-visible,
.avs-mobile-nav a:focus-visible,
.avs-mobile-nav button:focus-visible{
  outline:2px solid rgba(210,26,52,.72)!important;
  outline-offset:2px!important;
}

/* -------------------------------------------------------------------------
 * Desktop v60 polish — keep the proven renderer, normalize presentation.
 * ---------------------------------------------------------------------- */
@media (min-width:1024px){
  body.avs-navigation-v60 .avs-nav__top-link{
    transition:background-color var(--avs-nav60-duration) var(--avs-nav60-ease),
               color var(--avs-nav60-duration) var(--avs-nav60-ease),
               transform var(--avs-nav60-duration) var(--avs-nav60-ease)!important;
  }
  body.avs-navigation-v60 .avs-nav__top-link:hover{transform:translateY(-1px)}
  body.avs-navigation-v60 .avs-mega__inner{
    border-color:var(--avs-nav60-border)!important;
    box-shadow:var(--avs-nav60-shadow-md)!important;
  }
  body.avs-navigation-v60 .avs-mega__section,
  body.avs-navigation-v60 .avs-mega__signature-aside{
    border-color:var(--avs-nav60-border)!important;
  }
  body.avs-navigation-v60 .avs-mega__section a,
  body.avs-navigation-v60 .avs-mega__quick a,
  body.avs-navigation-v60 .avs-mega__aside-actions a{
    transition:background-color var(--avs-nav60-duration) var(--avs-nav60-ease),
               border-color var(--avs-nav60-duration) var(--avs-nav60-ease),
               transform var(--avs-nav60-duration) var(--avs-nav60-ease)!important;
  }
  body.avs-navigation-v60 .avs-mega__section a:hover,
  body.avs-navigation-v60 .avs-mega__quick a:hover,
  body.avs-navigation-v60 .avs-mega__aside-actions a:hover{
    transform:translateY(-1px);
  }
}

/* -------------------------------------------------------------------------
 * Mobile v60 — tokens + discovery-oriented root.
 * ---------------------------------------------------------------------- */
@media (max-width:1023px){
  body.avs-navigation-v60>.avs-mobile-nav.is-avs-body-portal,
  body.avs-navigation-v60 .avs-mobile-nav{
    --avs-nav60-rail-w:clamp(54px,14.8vw,61px);
    --avs-nav60-body-gap:clamp(5px,1.6vw,7px);
    --avs-nav60-root-h:clamp(56px,7.8vh,64px);
    --avs-nav60-root-icon:clamp(43px,11.6vw,49px);
  }

  /* Header becomes quieter so navigation gets more of the visual budget. */
  body.avs-navigation-v60 .avs-mobile-nav__sticky-header{
    border-bottom:1px solid rgba(230,235,241,.72)!important;
    box-shadow:none!important;
  }

  /* Search is now a first-class navigation primitive. */
  body.avs-navigation-v60 .avs-mobile-nav__root-intro{
    display:block!important;
    margin:0 0 7px!important;
    padding:0!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    direction:ltr!important;
    align-items:center!important;
    min-height:44px!important;
    margin:0!important;
    border:1px solid var(--avs-nav60-border)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(15,23,42,.025)!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search button{
    width:36px!important;
    min-width:36px!important;
    height:42px!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
    color:#667085!important;
    padding:0!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search button svg{
    width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search input{
    direction:rtl!important;
    width:100%!important;
    height:42px!important;
    min-width:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0 4px 0 10px!important;
    color:var(--avs-nav60-text)!important;
    font:inherit!important;
    font-size:11px!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search input::placeholder{color:#929aaa!important;opacity:1!important}

  /* Root menu remains a flat primary-navigation list.
     No artificial group headings: every root item keeps equal IA status. */
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root ul{
    gap:4px!important;
  }

  /* Main cards: consistent geometry, stronger text hierarchy, less chrome. */
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root li>a,
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root li>button{
    min-height:var(--avs-nav60-root-h)!important;
    border-color:var(--avs-nav60-border)!important;
    border-radius:12px!important;
    box-shadow:var(--avs-nav60-shadow-sm)!important;
    background:#fff!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root li.is-primary>a,
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root li.is-primary>button{
    border-color:#f0d6db!important;
    background:linear-gradient(180deg,#fff 0%,#fffafb 100%)!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-title{
    color:var(--avs-nav60-text)!important;
    font-weight:950!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__panel.is-root .avs-mobile-nav__item-subtitle{
    color:#7a8495!important;
    line-height:1.35!important;
  }

  /* Utility rail remains available but no longer competes with the catalog. */
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60{
    width:var(--avs-nav60-rail-w)!important;
    min-width:var(--avs-nav60-rail-w)!important;
    border-color:var(--avs-nav60-border)!important;
    background:#fbfcfd!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action{
    box-shadow:none!important;
    border-color:#e9edf2!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action b{
    color:#4f5b6c!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-phone,
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-landline,
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-whatsapp,
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-tracking{
    background:#fff!important;
  }

  /* Direct category escape hatch inside nested panels. Parent buttons no longer hide
     the destination archive from users who want to browse the whole category. */
  body.avs-navigation-v60 .avs-mobile-nav__view-all{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:6px!important;
    min-height:38px!important;
    margin:0 0 7px!important;
    padding:6px 10px!important;
    border:1px solid #f0d9de!important;
    border-radius:10px!important;
    background:var(--avs-nav60-accent-soft)!important;
    color:#a9142a!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:900!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__view-all svg{
    width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
    transform:rotate(180deg)!important;
  }

  /* Laptop finder cards share the same DS rather than looking like a separate widget. */
  body.avs-navigation-v60 .avs-mobile-nav__hub-card{
    border-color:var(--avs-nav60-border)!important;
    box-shadow:var(--avs-nav60-shadow-sm)!important;
    border-radius:12px!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__hub-title small{color:var(--avs-nav60-muted)!important}

  /* Footer: visually secondary and stable. */
  body.avs-navigation-v60 .avs-mobile-nav__sticky-footer{
    border-top:1px solid rgba(230,235,241,.88)!important;
    box-shadow:0 -5px 16px rgba(15,23,42,.025)!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__service-grid--sticky>a{
    border-color:var(--avs-nav60-border)!important;
    box-shadow:none!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v60>.avs-mobile-nav.is-avs-body-portal,
  body.avs-navigation-v60 .avs-mobile-nav{
    --avs-nav60-rail-w:52px;
    --avs-nav60-root-h:54px;
    --avs-nav60-root-icon:41px;
  }
  body.avs-navigation-v60 .avs-mobile-nav__search{min-height:40px!important}
  body.avs-navigation-v60 .avs-mobile-nav__search input,
  body.avs-navigation-v60 .avs-mobile-nav__search button{height:39px!important}
}

@media (prefers-reduced-motion:reduce){
  .avs-navigation *,
  .avs-navigation *::before,
  .avs-navigation *::after,
  .avs-mobile-nav *,
  .avs-mobile-nav *::before,
  .avs-mobile-nav *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

@media (max-width:1023px){
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-landline .avs-mobile-nav__rail-brand-logo,
  body.avs-navigation-v60 .avs-mobile-nav__action-rail--v60>.avs-mobile-nav__rail-action.is-phone .avs-mobile-nav__rail-brand-logo{
    border-radius:9px!important;
    object-fit:contain!important;
  }
}



@media (max-width:1023px){
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.has-identity>a,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.has-identity>a{
    gap:12px!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    filter:drop-shadow(0 2px 4px rgba(15,23,42,.08));
  }
}

/* Accessories Final Polish */


@media (max-width:1023px){
  body.avs-navigation-v60 .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-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){
    min-height:50px!important;
    border-radius:14px!important;
    border-color:#e8edf8!important;
    background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%)!important;
    box-shadow:0 1px 0 rgba(16,24,40,.02),inset 0 0 0 1px rgba(104,118,255,.04)!important;
  }
  body.avs-navigation-v60 .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-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{
    min-height:48px!important;
    padding:7px 10px!important;
    gap:10px!important;
  }
  body.avs-navigation-v60 .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-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) .avs-mobile-nav__item-title{
    font-size:12.5px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
  }
  body.avs-navigation-v60 .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,
  body.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) .avs-mobile-nav__item-copy{
    padding-inline-start:2px!important;
  }

  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    padding:0!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    transform-origin:center center!important;
    filter:drop-shadow(0 4px 10px rgba(37,58,120,.14)) saturate(1.05) contrast(1.02);
  }

  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory img{transform:scale(1.10)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-mouse .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-mouse .avs-mobile-nav__identity--accessory img{transform:scale(1.06)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-speaker .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-speaker .avs-mobile-nav__identity--accessory img{transform:scale(1.10)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-headset-mic .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-headset-mic .avs-mobile-nav__identity--accessory img{transform:scale(1.12)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-cables .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-cables .avs-mobile-nav__identity--accessory img{transform:scale(1.18)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-cooling-pad .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-cooling-pad .avs-mobile-nav__identity--accessory img{transform:scale(1.15)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory img{transform:scale(1.14)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-monitor-arm .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-monitor-arm .avs-mobile-nav__identity--accessory img{transform:scale(1.18)!important}
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-mobile-accessories .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-mobile-accessories .avs-mobile-nav__identity--accessory img{transform:scale(1.16)!important}

  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-headset-mic,
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-cables,
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-cooling-pad,
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-bag,
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-monitor-arm,
  body.avs-navigation-v60 .avs-mobile-nav__sub-item.is-mobile-accessories,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-headset-mic,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-cables,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-cooling-pad,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-bag,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-monitor-arm,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sub-item.is-mobile-accessories{
    --avs-accessory-accent:#7c67ff;
  }
}


/* Accessories Unified White WebP Icon System v60.9.0 */
@media (max-width:1023px){
  body.avs-navigation-v60 .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-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){
    min-height:50px!important;
    border-radius:14px!important;
  }

  body.avs-navigation-v60 .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-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{
    min-height:48px!important;
    padding:6px 10px!important;
    gap:10px!important;
    align-items:center!important;
  }

  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory{
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    min-width:56px!important;
    min-height:56px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  body.avs-navigation-v60 .avs-mobile-nav__identity--accessory img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--accessory img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    border-radius:inherit!important;
    transform:none!important;
    filter:none!important;
    background:transparent!important;
  }
}


/* ===== SOURCE: navigation-v61.css ===== */
/* 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:20px!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}
}

/* ==========================================================================
   v61.8.0 — Parent Menu Icon Refresh
   Transparent, tightly-cropped 256px parent assets. No baked white tiles.
   Layout contract remains frozen; only optical size/weight is refined.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual>span{
    width:50px!important;
    height:46px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{
    width:50px!important;
    height:46px!important;
    max-width:50px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 4px 5px rgba(15,23,42,.10))!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.16)) brightness(1.04)!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v61 .avs-mobile-nav__master-visual,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual>span,
  body.avs-navigation-v61 .avs-mobile-nav__master-visual img{
    width:44px!important;
    height:41px!important;
    max-width:44px!important;
    max-height:41px!important;
  }
}

/* ========================================================================== 
   v61.9.0 — Context Color & Interaction System
   Per-master identity colors + restrained tactile feedback. No architecture changes.
   ========================================================================== */
@media (max-width:1023px){
  /* Current context tokens; JS switches data-avs-theme on the drawer. */
  body.avs-navigation-v61 .avs-mobile-nav{
    --avs-context:#2b82da;
    --avs-context-dark:#1768bd;
    --avs-context-rgb:43,130,218;
    --avs-context-soft:rgba(43,130,218,.08);
  }
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="laptop"]{--avs-context:#1687f8;--avs-context-dark:#075fc8;--avs-context-rgb:22,135,248;--avs-context-soft:rgba(22,135,248,.08)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="workstation"]{--avs-context:#e24a57;--avs-context-dark:#b82739;--avs-context-rgb:226,74,87;--avs-context-soft:rgba(226,74,87,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="mini"]{--avs-context:#4e8fc7;--avs-context-dark:#326b9b;--avs-context-rgb:78,143,199;--avs-context-soft:rgba(78,143,199,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="aio"]{--avs-context:#14a9ad;--avs-context-dark:#087d84;--avs-context-rgb:20,169,173;--avs-context-soft:rgba(20,169,173,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="parts"]{--avs-context:#38a967;--avs-context-dark:#197b47;--avs-context-rgb:56,169,103;--avs-context-soft:rgba(56,169,103,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="accessories"]{--avs-context:#7d5bd6;--avs-context-dark:#5636a7;--avs-context-rgb:125,91,214;--avs-context-soft:rgba(125,91,214,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="monitor"]{--avs-context:#5857d9;--avs-context-dark:#3634aa;--avs-context-rgb:88,87,217;--avs-context-soft:rgba(88,87,217,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="article"]{--avs-context:#e89a20;--avs-context-dark:#bd6f08;--avs-context-rgb:232,154,32;--avs-context-soft:rgba(232,154,32,.08)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="contact"]{--avs-context:#22a86d;--avs-context-dark:#14784c;--avs-context-rgb:34,168,109;--avs-context-soft:rgba(34,168,109,.075)}
  body.avs-navigation-v61 .avs-mobile-nav[data-avs-theme="about"]{--avs-context:#76a93a;--avs-context-dark:#4e7b20;--avs-context-rgb:118,169,58;--avs-context-soft:rgba(118,169,58,.075)}

  /* Each rail item owns a restrained identity accent even while inactive. */
  body.avs-navigation-v61 .avs-mobile-nav__master-action{position:relative!important;overflow:hidden!important;isolation:isolate!important;--avs-item-accent:#718096;--avs-item-dark:#475569;--avs-item-rgb:113,128,150;background:linear-gradient(180deg,#fff 0%,rgba(var(--avs-item-rgb),.018) 100%)!important;box-shadow:inset -3px 0 0 rgba(var(--avs-item-rgb),.46),0 1px 5px rgba(15,23,42,.025)!important;will-change:transform!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-laptop{--avs-item-accent:#1687f8;--avs-item-dark:#075fc8;--avs-item-rgb:22,135,248}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-workstation{--avs-item-accent:#e24a57;--avs-item-dark:#b82739;--avs-item-rgb:226,74,87}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-mini{--avs-item-accent:#4e8fc7;--avs-item-dark:#326b9b;--avs-item-rgb:78,143,199}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-aio{--avs-item-accent:#14a9ad;--avs-item-dark:#087d84;--avs-item-rgb:20,169,173}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-parts{--avs-item-accent:#38a967;--avs-item-dark:#197b47;--avs-item-rgb:56,169,103}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-accessories{--avs-item-accent:#7d5bd6;--avs-item-dark:#5636a7;--avs-item-rgb:125,91,214}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-monitor{--avs-item-accent:#5857d9;--avs-item-dark:#3634aa;--avs-item-rgb:88,87,217}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-article{--avs-item-accent:#e89a20;--avs-item-dark:#bd6f08;--avs-item-rgb:232,154,32}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-contact{--avs-item-accent:#22a86d;--avs-item-dark:#14784c;--avs-item-rgb:34,168,109}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-type-about{--avs-item-accent:#76a93a;--avs-item-dark:#4e7b20;--avs-item-rgb:118,169,58}

  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"]{
    border-color:rgba(var(--avs-item-rgb),.72)!important;
    background:linear-gradient(150deg,var(--avs-item-accent) 0%,var(--avs-item-dark) 100%)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(var(--avs-item-rgb),.23),inset 0 1px 0 rgba(255,255,255,.26),inset -3px 0 0 rgba(255,255,255,.22)!important;
    transform:translateZ(0)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action::after{
    content:""!important;position:absolute!important;inset:-30%!important;z-index:0!important;pointer-events:none!important;
    background:radial-gradient(circle at var(--avs-press-x,50%) var(--avs-press-y,50%),rgba(var(--avs-item-rgb),.26) 0 7%,rgba(var(--avs-item-rgb),.12) 15%,transparent 38%)!important;
    opacity:0!important;transform:scale(.62)!important;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__master-action[aria-selected="true"]::after{background:radial-gradient(circle at var(--avs-press-x,50%) var(--avs-press-y,50%),rgba(255,255,255,.38) 0 8%,rgba(255,255,255,.14) 17%,transparent 40%)!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-pressing::after{opacity:1!important;transform:scale(1)!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-pressing{transform:scale(.97) translateY(1px)!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action.is-activated .avs-mobile-nav__master-visual{animation:avs61IconPop .24s cubic-bezier(.2,.8,.2,1)!important}
  body.avs-navigation-v61 .avs-mobile-nav__master-action>*{position:relative!important;z-index:1!important}

  /* Context tint only where it improves orientation; surfaces stay white. */
  body.avs-navigation-v61 .avs-mobile-nav__panel.is-active{background:radial-gradient(circle at 88% 0,rgba(var(--avs-context-rgb),.045) 0,transparent 180px)!important}
  body.avs-navigation-v61 .avs-mobile-nav__hub-next,
  body.avs-navigation-v61 .avs-mobile-nav__row-chevron{
    background:var(--avs-context-soft)!important;color:var(--avs-context)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__hub-icon,
  body.avs-navigation-v61 .avs-mobile-nav__nested-back-icon{
    background:var(--avs-context-soft)!important;color:var(--avs-context-dark)!important;border-color:rgba(var(--avs-context-rgb),.10)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__nested-back:focus-visible,
  body.avs-navigation-v61 .avs-mobile-nav__hub-card:focus-visible,
  body.avs-navigation-v61 .avs-mobile-nav__row-control:focus-visible,
  body.avs-navigation-v61 .avs-mobile-nav__row-link:focus-visible{
    outline:3px solid rgba(var(--avs-context-rgb),.18)!important;outline-offset:2px!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all{
    border-color:rgba(var(--avs-context-rgb),.22)!important;
    background:linear-gradient(135deg,var(--avs-context-dark) 0%,var(--avs-context) 100%)!important;
    box-shadow:0 7px 17px rgba(var(--avs-context-rgb),.16)!important;
  }
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all:active{transform:scale(.985) translateY(1px)!important;box-shadow:0 3px 9px rgba(var(--avs-context-rgb),.13)!important}
  body.avs-navigation-v61 .avs-mobile-nav__final-view-all:focus-visible{outline-color:rgba(var(--avs-context-rgb),.20)!important}

  /* Existing global touch feedback is retinted to the selected context. */
  body.avs-navigation-v61 .avs-mobile-nav__row-control.is-pressed,
  body.avs-navigation-v61 .avs-mobile-nav__row-link.is-pressed,
  body.avs-navigation-v61 .avs-mobile-nav__hub-card.is-pressed,
  body.avs-navigation-v61 .avs-mobile-nav__graphics-options a.is-pressed{
    transform:scale(.985)!important;background:var(--avs-context-soft)!important;border-color:rgba(var(--avs-context-rgb),.22)!important;
  }

  /* Tiny context switch, enough to communicate a panel change without slowing navigation. */
  body.avs-navigation-v61 .avs-mobile-nav__panel.avs61-panel-enter{animation:avs61PanelEnter .18s cubic-bezier(.22,.8,.3,1)!important}

  @keyframes avs61PanelEnter{from{opacity:.72;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
  @keyframes avs61IconPop{0%{transform:scale(.94)}55%{transform:scale(1.07)}100%{transform:scale(1)}}

  @media (prefers-reduced-motion:reduce){
    body.avs-navigation-v61 .avs-mobile-nav__master-action::after{display:none!important}
    body.avs-navigation-v61 .avs-mobile-nav__master-action.is-pressing{transform:none!important}
    body.avs-navigation-v61 .avs-mobile-nav__master-action.is-activated .avs-mobile-nav__master-visual,
    body.avs-navigation-v61 .avs-mobile-nav__panel.avs61-panel-enter{animation:none!important}
  }
}


/* ===== SOURCE: navigation-v62.css ===== */
/* ========================================================================== 
   AvvalStock Navigation v62.3.0 — White Rail / Fixed Text Color
   Presentation-only enhancement layered on top of the frozen v61 design.
   Contract: white master cards, per-master accent border/glow, short motion.
   ========================================================================== */
@media (max-width:1023px){
  /* Neutral rail chrome: product artwork stays visually dominant. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action{
    background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)!important;
    color:#17233d!important;
    border:1px solid #e7ecf2!important;
    box-shadow:
      inset -3px 0 0 rgba(var(--avs-item-rgb),.30),
      0 2px 7px rgba(15,23,42,.035)!important;
    transform:translateZ(0)!important;
    transition:
      transform .15s cubic-bezier(.2,.75,.25,1),
      border-color .18s ease,
      box-shadow .18s ease,
      background-color .18s ease,
      color .18s ease!important;
  }

  /* Selected master: no solid colored fill. Accent lives in the frame and light. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]{
    background:linear-gradient(180deg,#fff 0%,rgba(var(--avs-item-rgb),.028) 100%)!important;
    color:var(--avs-item-dark)!important;
    border:2px solid var(--avs-item-accent)!important;
    box-shadow:
      0 0 0 3px rgba(var(--avs-item-rgb),.075),
      0 9px 20px rgba(var(--avs-item-rgb),.14),
      inset 0 1px 0 rgba(255,255,255,.90)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b{
    color:var(--avs-item-dark)!important;
    font-weight:950!important;
  }

  /* Make the approved transparent artwork the hero of the selected rail card. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual,
  body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual img{
    transition:transform .22s cubic-bezier(.18,.82,.25,1),filter .20s ease!important;
    transform-origin:50% 62%!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{
    transform:translateY(-1px) scale(1.045)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{
    transform:scale(1.08)!important;
    filter:drop-shadow(0 7px 8px rgba(var(--avs-item-rgb),.18)) brightness(1.035) saturate(1.03)!important;
  }

  /* v61 ripple remains, but on white selected cards it uses the category color. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action::after,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]::after{
    background:radial-gradient(
      circle at var(--avs-press-x,50%) var(--avs-press-y,50%),
      rgba(var(--avs-item-rgb),.24) 0 7%,
      rgba(var(--avs-item-rgb),.10) 17%,
      transparent 42%
    )!important;
  }

  /* One-shot sheen: a motion-graphic cue, never a continuous animation. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    pointer-events:none!important;
    top:-25%!important;
    left:-65%!important;
    width:42%!important;
    height:150%!important;
    opacity:0!important;
    border-radius:999px!important;
    background:linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.08) 22%,
      rgba(var(--avs-item-rgb),.28) 50%,
      rgba(255,255,255,.14) 67%,
      transparent 100%
    )!important;
    transform:translateX(-210%) skewX(-14deg)!important;
  }

  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing{
    transform:scale(.968) translateY(1px)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion{
    animation:avs62MasterActivate .38s cubic-bezier(.18,.82,.25,1)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion::before{
    animation:avs62RailSheen .40s cubic-bezier(.16,.78,.22,1)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion .avs-mobile-nav__master-visual{
    animation:avs62IconLift .38s cubic-bezier(.16,.84,.22,1)!important;
  }

  /* Context color stays restrained in content; CTA remains the strong color anchor. */
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-active{
    background:radial-gradient(circle at 90% 0,rgba(var(--avs-context-rgb),.028) 0,transparent 190px)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__hub-next,
  body.avs-navigation-v62 .avs-mobile-nav__row-chevron{
    color:var(--avs-context)!important;
    background:rgba(var(--avs-context-rgb),.075)!important;
    border:1px solid rgba(var(--avs-context-rgb),.055)!important;
    transition:transform .15s ease,background-color .15s ease,color .15s ease!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__hub-card:active .avs-mobile-nav__hub-next,
  body.avs-navigation-v62 .avs-mobile-nav__row-control:active .avs-mobile-nav__row-chevron,
  body.avs-navigation-v62 .avs-mobile-nav__row-link:active .avs-mobile-nav__row-chevron{
    transform:translateX(-2px) scale(.96)!important;
    background:rgba(var(--avs-context-rgb),.13)!important;
  }

  body.avs-navigation-v62 .avs-mobile-nav__nested-back{
    border-color:rgba(var(--avs-context-rgb),.16)!important;
    box-shadow:0 2px 7px rgba(var(--avs-context-rgb),.055)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-back-icon{
    color:var(--avs-context-dark)!important;
    background:rgba(var(--avs-context-rgb),.075)!important;
  }

  body.avs-navigation-v62 .avs-mobile-nav__final-view-all{
    background:linear-gradient(135deg,var(--avs-context-dark) 0%,var(--avs-context) 100%)!important;
    border-color:rgba(var(--avs-context-rgb),.22)!important;
    box-shadow:0 8px 19px rgba(var(--avs-context-rgb),.17)!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-all::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    opacity:.36!important;
    background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.20),transparent 36%)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-all>*{position:relative!important;z-index:1!important}

  /* Context switch feels immediate, not theatrical. */
  body.avs-navigation-v62 .avs-mobile-nav__panel.avs61-panel-enter{
    animation:avs62PanelEnter .21s cubic-bezier(.18,.82,.25,1)!important;
  }

  @keyframes avs62MasterActivate{
    0%{transform:scale(.968) translateY(1px);box-shadow:0 0 0 1px rgba(var(--avs-item-rgb),.03),0 2px 6px rgba(15,23,42,.04)}
    46%{transform:scale(1.018) translateY(-1px);box-shadow:0 0 0 4px rgba(var(--avs-item-rgb),.10),0 11px 22px rgba(var(--avs-item-rgb),.17)}
    100%{transform:scale(1) translateY(0);box-shadow:0 0 0 3px rgba(var(--avs-item-rgb),.075),0 9px 20px rgba(var(--avs-item-rgb),.14)}
  }
  @keyframes avs62IconLift{
    0%{transform:translateY(1px) scale(.96)}
    52%{transform:translateY(-4px) scale(1.09)}
    100%{transform:translateY(-1px) scale(1.045)}
  }
  @keyframes avs62RailSheen{
    0%{opacity:0;transform:translateX(-210%) skewX(-14deg)}
    18%{opacity:1}
    82%{opacity:.72}
    100%{opacity:0;transform:translateX(520%) skewX(-14deg)}
  }
  @keyframes avs62PanelEnter{
    from{opacity:.58;transform:translateX(-6px) scale(.996)}
    to{opacity:1;transform:translateX(0) scale(1)}
  }

  /* Accessibility and battery/performance safety. */
  @media (prefers-reduced-motion:reduce){
    body.avs-navigation-v62 .avs-mobile-nav__master-action,
    body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual,
    body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual img,
    body.avs-navigation-v62 .avs-mobile-nav__hub-next,
    body.avs-navigation-v62 .avs-mobile-nav__row-chevron{transition:none!important}
    body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion,
    body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion::before,
    body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion .avs-mobile-nav__master-visual,
    body.avs-navigation-v62 .avs-mobile-nav__panel.avs61-panel-enter{animation:none!important}
  }
}

/* ========================================================================== 
   v62.2.0 — FINAL STATE LOCK
   Contract:
   - Master rail surfaces stay white in every state.
   - Parent-menu labels never inherit the category accent.
   - Category identity is expressed only by border / halo / icon motion.
   - Left-panel information text keeps one fixed ink color.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v62 .avs-mobile-nav{
    --avs-v621-ink:#17233d;
    --avs-v621-muted:#8b96a8;
    --avs-v621-surface:#fff;
  }

  /* Rail base: always neutral white. This intentionally overrides v61 .is-active. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action,
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="false"]{
    background:#fff!important;
    color:var(--avs-v621-ink)!important;
    border:1px solid #e4e9f0!important;
    box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
  }

  /* Selected master: category color belongs to the frame, never to the fill. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"],
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active[aria-selected="true"]{
    background:#fff!important;
    color:var(--avs-v621-ink)!important;
    border:2px solid var(--avs-item-accent)!important;
    box-shadow:
      0 0 0 3px rgba(var(--avs-item-rgb),.075),
      0 8px 18px rgba(var(--avs-item-rgb),.13),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  /* Parent labels stay fixed dark in active/inactive/pressed states. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action b,
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active b,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="false"] b{
    color:var(--avs-v621-ink)!important;
    text-shadow:none!important;
  }

  /* Keep artwork dominant without tinting the card itself. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active .avs-mobile-nav__master-visual,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{
    transform:translateY(-1px) scale(1.05)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active .avs-mobile-nav__master-visual img,
  body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{
    transform:scale(1.08)!important;
    filter:drop-shadow(0 6px 8px rgba(var(--avs-item-rgb),.15)) brightness(1.025) saturate(1.02)!important;
  }

  /* The rail itself remains white/neutral; no context wash behind the cards. */
  body.avs-navigation-v62 .avs-mobile-nav__master-rail,
  body.avs-navigation-v62 .avs-mobile-nav__action-rail{
    background:#fff!important;
  }

  /* Fixed information typography in the left pane. Accent is for controls only. */
  body.avs-navigation-v62 .avs-mobile-nav__hub-title strong,
  body.avs-navigation-v62 .avs-mobile-nav__hub-card strong,
  body.avs-navigation-v62 .avs-mobile-nav__row-link,
  body.avs-navigation-v62 .avs-mobile-nav__row-link strong,
  body.avs-navigation-v62 .avs-mobile-nav__row-control,
  body.avs-navigation-v62 .avs-mobile-nav__row-control strong,
  body.avs-navigation-v62 .avs-mobile-nav__nested-heading,
  body.avs-navigation-v62 .avs-mobile-nav__graphics-options a,
  body.avs-navigation-v62 .avs-mobile-nav__quick-actions a{
    color:var(--avs-v621-ink)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__hub-title small,
  body.avs-navigation-v62 .avs-mobile-nav__final-view-all small{
    text-shadow:none!important;
  }

  /* Back label is neutral; only its icon/chrome can carry context color. */
  body.avs-navigation-v62 .avs-mobile-nav__nested-back{
    color:var(--avs-v621-ink)!important;
    background:#fff!important;
  }

  /* Preserve tactile motion while guaranteeing white surface during press animation. */
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing,
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion,
  body.avs-navigation-v62 .avs-mobile-nav__master-action.is-activated{
    background:#fff!important;
    color:var(--avs-v621-ink)!important;
  }

  @keyframes avs62MasterActivate{
    0%{transform:scale(.968) translateY(1px);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 1px rgba(var(--avs-item-rgb),.04),0 2px 6px rgba(15,23,42,.04)}
    46%{transform:scale(1.018) translateY(-1px);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 4px rgba(var(--avs-item-rgb),.10),0 11px 22px rgba(var(--avs-item-rgb),.16)}
    100%{transform:scale(1) translateY(0);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 3px rgba(var(--avs-item-rgb),.075),0 8px 18px rgba(var(--avs-item-rgb),.13)}
  }
}

/* ========================================================================== 
   v62.2.0 — RAIL STATE COMPATIBILITY SHIELD
   Root cause fixed: v61 Replace/Bakala portal selectors had higher specificity
   than the first v62 lock. This block intentionally matches/exceeds that
   specificity and becomes the single visual contract for master rail state.
   ========================================================================== */
@media (max-width:1023px){
  /* Base surface — always white, including body-portal / Bakala replacement. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"]{
    background:#fff!important;
    background-image:none!important;
    color:#17233d!important;
    border:1px solid #e4e9f0!important;
    box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
    text-shadow:none!important;
  }

  /* Selected state — identity only in frame/halo, never in fill/text. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"],
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active[aria-selected="true"],
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"],
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active[aria-selected="true"]{
    background:#fff!important;
    background-image:none!important;
    color:#17233d!important;
    border:2px solid var(--avs-item-accent)!important;
    box-shadow:
      0 0 0 3px rgba(var(--avs-item-rgb),.08),
      0 8px 18px rgba(var(--avs-item-rgb),.13),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  /* Fixed rail typography in every state. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action b,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active b,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action b,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active b,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] b{
    color:#17233d!important;
    -webkit-text-fill-color:#17233d!important;
    text-shadow:none!important;
  }

  /* Press/activation must never reintroduce the legacy blue fill. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-activated,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-pressing,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-v62-motion,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-activated{
    background:#fff!important;
    background-image:none!important;
    color:#17233d!important;
  }

  /* Subtle category ripple is allowed, but it cannot act as a card fill. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action::after,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]::after,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action::after,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"]::after{
    background:radial-gradient(
      circle at var(--avs-press-x,50%) var(--avs-press-y,50%),
      rgba(var(--avs-item-rgb),.18) 0 7%,
      rgba(var(--avs-item-rgb),.07) 18%,
      transparent 40%
    )!important;
  }

  /* Selected artwork gets presence; the white card remains the canvas. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{
    transform:translateY(-1px) scale(1.055)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{
    transform:scale(1.085)!important;
    filter:drop-shadow(0 6px 8px rgba(var(--avs-item-rgb),.16)) brightness(1.025) saturate(1.02)!important;
  }

  /* Fixed primary information text in left pane. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__hub-title strong,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__hub-card strong,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-link,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-link strong,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-control,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-control strong,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__nested-heading,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__graphics-options a,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__quick-actions a{
    color:#17233d!important;
    -webkit-text-fill-color:#17233d!important;
  }
}

/* ========================================================================== 
   v62.3.0 — Social Dock Optical System
   Brand marks remain recognisable; sizing, surfaces and interaction are unified.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:5px 7px max(5px,env(safe-area-inset-bottom,0px))!important;
    background:rgba(255,255,255,.985)!important;
    border-top:1px solid #e9edf2!important;
    box-shadow:0 -7px 20px rgba(15,23,42,.045)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock{
    gap:4px!important;
    align-items:stretch!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock>a{
    --avs-dock-accent:#2677ca;
    position:relative!important;
    overflow:hidden!important;
    min-height:55px!important;
    padding:4px 2px 3px!important;
    gap:1px!important;
    border:1px solid #e6ebf1!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#1e293b!important;
    box-shadow:0 2px 7px rgba(15,23,42,.025)!important;
    transform:translateZ(0)!important;
    transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-whatsapp{--avs-dock-accent:#20b85a}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-bale{--avs-dock-accent:#2579c9}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-rubika{--avs-dock-accent:#7f57c2}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-messenger{--avs-dock-accent:#2383df}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone{--avs-dock-accent:#176fd1}

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a::after{
    content:""!important;position:absolute!important;inset:auto 18% 0 18%!important;height:2px!important;
    border-radius:999px!important;background:var(--avs-dock-accent)!important;opacity:0!important;transform:scaleX(.35)!important;
    transition:opacity .14s ease,transform .18s ease!important;pointer-events:none!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press{
    transform:translateY(1px) scale(.965)!important;
    border-color:color-mix(in srgb,var(--avs-dock-accent) 48%,#e6ebf1)!important;
    background:color-mix(in srgb,var(--avs-dock-accent) 3.5%,#fff)!important;
    box-shadow:0 2px 10px color-mix(in srgb,var(--avs-dock-accent) 12%,transparent)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active::after,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press::after{opacity:.9!important;transform:scaleX(1)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:focus-visible{
    outline:2px solid color-mix(in srgb,var(--avs-dock-accent) 38%,transparent)!important;outline-offset:1px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock img{
    display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;
    object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    transform:translateZ(0)!important;transition:transform .16s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-messenger img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press img,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active img{transform:scale(1.07) translateY(-1px)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock strong,
  body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock strong{
    color:#172033!important;font-size:7.7px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.01em!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a{min-height:51px!important;padding-top:3px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock strong{font-size:7.1px!important}
}
@media (prefers-reduced-motion:reduce){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a::after,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img{transition:none!important}
}

/* ========================================================================== 
   v62.4.0 — Accessories Visual Card Refresh / Keyboard Asset Test
   Scope: mobile Accessories content only. The master rail contract from v62.2
   remains untouched (white surface + accent frame).
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"]{
    --avs-v624-accessory:#7d5bd6;
    --avs-v624-accessory-rgb:125,91,214;
  }

  /* Accessory cards: premium white surfaces with a slightly stronger visual rhythm. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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:112px!important;
    border:1px solid #e4e9f0!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 3px 11px rgba(15,23,42,.032)!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .14s cubic-bezier(.2,.8,.2,1)!important;
  }

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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:34px minmax(122px,42%) minmax(0,1fr)!important;
    grid-template-rows:110px!important;
    min-height:110px!important;
    height:110px!important;
    gap:7px!important;
    padding:0 8px!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{
    height:102px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory img{
    height:100%!important;
    width:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 6px 8px rgba(31,41,55,.085))!important;
    transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease!important;
  }

  /* User supplied RGB keyboard — preserve the artwork but make it visually dominant. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory{
    height:106px!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory img{
    transform:scale(1.13)!important;
    filter:drop-shadow(0 7px 9px rgba(47,54,83,.12)) saturate(1.035)!important;
  }

  /* Copy stays fixed dark; context color is reserved for controls and interaction. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{
    color:#17233d!important;
    -webkit-text-fill-color:#17233d!important;
    font-size:13.4px!important;
    font-weight:900!important;
    line-height:1.42!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{
    color:#8a94a5!important;
    -webkit-text-fill-color:#8a94a5!important;
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  /* Accessory chevron chip: same geometry across cards, restrained purple accent. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__row-chevron{
    width:30px!important;height:30px!important;border-radius:10px!important;
    background:rgba(var(--avs-v624-accessory-rgb),.075)!important;
    color:var(--avs-v624-accessory)!important;
    border:1px solid rgba(var(--avs-v624-accessory-rgb),.09)!important;
  }

  /* Tactile click reaction for accessory rows. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-v624-press{
    transform:translateY(1px) scale(.987)!important;
    border-color:rgba(var(--avs-v624-accessory-rgb),.42)!important;
    box-shadow:0 5px 15px rgba(var(--avs-v624-accessory-rgb),.10)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-v624-press .avs-mobile-nav__identity--accessory img{
    transform:scale(1.045)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard.is-v624-press .avs-mobile-nav__identity--accessory img{
    transform:scale(1.16)!important;
  }

  /* Accessories View All remains the strongest color element in the content pane. */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__final-view-all{
    background:linear-gradient(135deg,#6f4fd0 0%,#7d5bd6 46%,#5a7fda 100%)!important;
    box-shadow:0 9px 20px rgba(var(--avs-v624-accessory-rgb),.18)!important;
  }
}
@media (max-width:389px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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:31px minmax(104px,39%) minmax(0,1fr)!important;
    grid-template-rows:102px!important;height:102px!important;min-height:102px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{height:94px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{font-size:12.4px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{font-size:8.4px!important}
}
@media (prefers-reduced-motion:reduce){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory img{transition:none!important}
}


/* ========================================================================== 
   v62.5.0 — Complete Accessories Visual Pack
   Unified transparent 3D assets with per-item optical scaling.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"]{
    --avs-v625-accessory:#7d5bd6;
    --avs-v625-accessory-rgb:125,91,214;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{
    height:104px!important;overflow:visible!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory img{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    filter:drop-shadow(0 7px 10px rgba(20,28,45,.11)) saturate(1.025)!important;
    transform-origin:center center!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory img{transform:scale(1.09)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-mouse .avs-mobile-nav__identity--accessory img{transform:scale(.96)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-speaker .avs-mobile-nav__identity--accessory img{transform:scale(.98)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-headset-mic .avs-mobile-nav__identity--accessory img{transform:scale(.98)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-cables .avs-mobile-nav__identity--accessory img{transform:scale(1.00)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-cooling-pad .avs-mobile-nav__identity--accessory img{transform:scale(1.02)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory img{transform:scale(.94)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-monitor-arm .avs-mobile-nav__identity--accessory img{transform:scale(.94)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-mobile-accessories .avs-mobile-nav__identity--accessory img{transform:scale(.95)!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-v624-press .avs-mobile-nav__identity--accessory img{
    filter:drop-shadow(0 8px 12px rgba(var(--avs-v625-accessory-rgb),.16)) saturate(1.06)!important;
  }
}
@media (max-width:389px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{height:96px!important}
}


/* ========================================================================== 
   v62.6.0 — Accessories Layout & CTA Polish
   - Better first-level back/header chrome.
   - Taller accessory cards with cleaner image/text spacing.
   - Stronger view-all CTA and refined copy hierarchy.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v62 .avs-mobile-nav__nested-header.is-top-level,
  body.avs-navigation-v62 .avs-mobile-nav__nested-header.is-deep{
    min-height:54px!important;
    margin:0 0 12px!important;
    padding:7px 8px!important;
    border:1px solid rgba(var(--avs-context-rgb),.10)!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,#fff 0%,rgba(var(--avs-context-rgb),.035) 100%)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
    gap:10px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-heading{
    flex:1 1 auto!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow:visible!important;
    font-size:12.8px!important;
    line-height:1.45!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-back{
    min-width:92px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-back-icon{
    width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:8px!important;
  }

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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){
    border-radius:24px!important;
    border:1px solid #e7ebf2!important;
    background:linear-gradient(180deg,#fff 0%,#fcfcfe 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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:36px minmax(126px,43%) minmax(0,1fr)!important;
    grid-template-rows:118px!important;
    min-height:118px!important;
    height:118px!important;
    gap:10px!important;
    padding:0 10px!important;
  }

  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{
    height:108px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory{height:110px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:center!important;
    padding-inline:4px 0!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{
    font-size:14px!important;
    line-height:1.48!important;
    letter-spacing:-.01em!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{
    margin-top:5px!important;
    font-size:9.3px!important;
    line-height:1.55!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__row-chevron{
    width:32px!important;height:32px!important;border-radius:11px!important;
  }

  body.avs-navigation-v62 .avs-mobile-nav__final-view-all{
    min-height:68px!important;
    margin:14px 2px 22px!important;
    padding:10px 14px!important;
    border-radius:18px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-copy{
    gap:3px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-copy small{
    font-size:8.7px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.76)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-copy strong{
    font-size:12px!important;
    line-height:1.5!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__final-view-icon{
    width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;
  }
}
@media (max-width:389px){
  body.avs-navigation-v62 .avs-mobile-nav__nested-heading{font-size:11.8px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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:33px minmax(110px,41%) minmax(0,1fr)!important;
    grid-template-rows:108px!important;
    min-height:108px!important;
    height:108px!important;
    gap:8px!important;
    padding:0 8px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{height:98px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{font-size:12.8px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{font-size:8.5px!important}
}


/* ========================================================================== 
   v62.7.0 — BIG UPDATE / Item Layout Polish
   Purpose: denser accessory navigation, better artwork/text balance, compact
   contextual back header, stronger final CTA, and tactile item feedback.
   ========================================================================== */
@media (max-width:1023px){
  /* Context header: smaller and quieter than content cards */
  body.avs-navigation-v62 .avs-mobile-nav__nested-header.is-top-level,
  body.avs-navigation-v62 .avs-mobile-nav__nested-header.is-deep{
    min-height:48px!important;
    margin:0 0 10px!important;
    padding:5px 7px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid #e6eaf0!important;
    box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-back{
    min-width:82px!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    background:#fafbfc!important;
    border:1px solid #e8ebf1!important;
    color:#1f2937!important;
    gap:6px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-back-icon{
    width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:8px!important;
    color:var(--avs-context)!important;background:rgba(var(--avs-context-rgb),.07)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__nested-heading{
    font-size:12.8px!important;
    font-weight:850!important;
    color:#172033!important;
    line-height:1.35!important;
  }

  /* Accessory cards: compact, aligned, and image-led without crowding copy */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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){
    border-radius:21px!important;
    border:1px solid #e5e9ef!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(15,23,42,.038)!important;
    overflow:hidden!important;
    transition:transform 160ms cubic-bezier(.2,.8,.2,1),border-color 160ms ease,box-shadow 160ms ease!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal[data-avs-theme="accessories"] .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(104px,36%) minmax(0,1fr)!important;
    grid-template-rows:104px!important;
    min-height:104px!important;
    height:104px!important;
    column-gap:10px!important;
    padding:0 12px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{
    height:92px!important;
    width:100%!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory{height:94px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    transform:scale(var(--avs-asset-mobile-scale,var(--avs-asset-scale,1)))!important;
    transform-origin:center center!important;
    filter:drop-shadow(0 7px 8px rgba(15,23,42,.08))!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-copy{
    min-width:0!important;
    padding:0!important;
    gap:0!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{
    max-width:100%!important;
    font-size:13.8px!important;
    font-weight:850!important;
    line-height:1.35!important;
    color:#172033!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{
    margin-top:5px!important;
    max-width:100%!important;
    font-size:9.6px!important;
    font-weight:600!important;
    line-height:1.5!important;
    color:#8a93a3!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__row-chevron{
    width:30px!important;height:30px!important;flex:0 0 30px!important;
    border-radius:10px!important;
    color:var(--avs-context)!important;
    background:rgba(var(--avs-context-rgb),.06)!important;
    border:1px solid rgba(var(--avs-context-rgb),.09)!important;
    transition:transform 160ms ease,background-color 160ms ease!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.has-identity:active{
    transform:scale(.986)!important;
    border-color:rgba(var(--avs-context-rgb),.30)!important;
    box-shadow:0 4px 11px rgba(var(--avs-context-rgb),.09)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.has-identity:active .avs-mobile-nav__row-chevron{
    transform:translateX(-2px)!important;
    background:rgba(var(--avs-context-rgb),.11)!important;
  }

  /* Strong final archive CTA */
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__final-view-all{
    min-height:64px!important;
    margin:14px 2px 22px!important;
    padding:10px 13px!important;
    border-radius:18px!important;
    background:linear-gradient(115deg,#7c3aed 0%,#5b5cf6 46%,#1687ff 100%)!important;
    box-shadow:0 10px 24px rgba(91,92,246,.18)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__final-view-copy small{
    font-size:8.5px!important;
    color:rgba(255,255,255,.72)!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__final-view-copy strong{
    font-size:12px!important;
    font-weight:850!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__final-view-icon{
    width:38px!important;height:38px!important;flex:0 0 38px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.17)!important;
    border:1px solid rgba(255,255,255,.22)!important;
  }

  /* Make the scrolling surface visually calmer */
  body.avs-navigation-v62 .avs-mobile-nav__content-frame{scrollbar-width:thin!important;scrollbar-color:#c7cdd8 transparent!important}
  body.avs-navigation-v62 .avs-mobile-nav__content-frame::-webkit-scrollbar{width:3px!important}
  body.avs-navigation-v62 .avs-mobile-nav__content-frame::-webkit-scrollbar-thumb{background:#c7cdd8!important;border-radius:999px!important}
}

@media (max-width:389px){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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-v62 .avs-mobile-nav[data-avs-theme="accessories"] .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:29px minmax(94px,35%) minmax(0,1fr)!important;
    grid-template-rows:98px!important;
    min-height:98px!important;
    height:98px!important;
    column-gap:8px!important;
    padding:0 9px!important;
  }
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__identity--accessory{height:86px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-title{font-size:12.8px!important}
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__item-subtitle{font-size:8.8px!important}
}

@media (prefers-reduced-motion:reduce){
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__sub-item.has-identity,
  body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav[data-avs-theme="accessories"] .avs-mobile-nav__row-chevron{transition:none!important;transform:none!important}
}


/* ========================================================================== 
   v62.9.2 — Approved Mobile Accessories Pattern
   Artwork stays on the physical left, RTL copy starts at the physical right,
   and accessory chevrons are removed to maximize clarity and usable width.
   ========================================================================== */
@media (max-width:1023px){
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__nested-header{
    min-height:46px!important;
    height:46px!important;
    margin:0 0 9px!important;
    padding:5px 6px!important;
    border:1px solid #e5e9f0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(15,23,42,.032)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__nested-back{
    min-width:78px!important;
    height:36px!important;
    padding:0 7px!important;
    border-radius:11px!important;
    font-size:11.2px!important;
    gap:5px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__nested-back-icon{
    width:23px!important;height:23px!important;flex:0 0 23px!important;border-radius:8px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__nested-heading{
    font-size:12.6px!important;
    font-weight:900!important;
    line-height:1.3!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel>ul{
    gap:7px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity{
    min-height:0!important;
    border:1px solid #e3e8ef!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)!important;
    box-shadow:0 3px 11px rgba(15,23,42,.035)!important;
    overflow:hidden!important;
  }

  /* Direct and nested destinations share the same two-column geometry. */
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity>a,
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity>button{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(98px,39%) minmax(0,1fr)!important;
    grid-template-rows:82px!important;
    min-height:82px!important;
    height:82px!important;
    column-gap:10px!important;
    padding:0 12px 0 9px!important;
    align-items:center!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__item-copy{
    grid-column:2!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity .avs-mobile-nav__identity--accessory{
    grid-column:1!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__identity--accessory{
    grid-row:1!important;
    width:100%!important;
    height:70px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
    overflow:visible!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__identity--accessory img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 5px 7px rgba(15,23,42,.075))!important;
    transform:scale(var(--avs-asset-mobile-scale,var(--avs-asset-scale,1)))!important;
    transform-origin:center!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory{height:73px!important}
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-bag .avs-mobile-nav__identity--accessory,
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-monitor-arm .avs-mobile-nav__identity--accessory{height:67px!important}
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-copy{
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:0!important;
    direction:rtl!important;
    text-align:right!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-title{
    display:-webkit-box!important;
    max-width:100%!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#172033!important;
    font-size:12.9px!important;
    font-weight:900!important;
    line-height:1.38!important;
    letter-spacing:-.012em!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-subtitle{
    display:-webkit-box!important;
    max-width:100%!important;
    margin-top:3px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#858f9f!important;
    font-size:8.6px!important;
    font-weight:650!important;
    line-height:1.5!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__row-chevron{
    display:none!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity:active{
    transform:scale(.988)!important;
    border-color:rgba(var(--avs-context-rgb),.3)!important;
    box-shadow:0 3px 10px rgba(var(--avs-context-rgb),.09)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__final-view-all{
    min-height:58px!important;
    height:58px!important;
    margin:11px 2px 17px!important;
    padding:8px 11px!important;
    border-radius:16px!important;
    box-shadow:0 8px 20px rgba(91,92,246,.15)!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__final-view-copy small{
    font-size:8px!important;
    line-height:1.35!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__final-view-copy strong{
    font-size:11.5px!important;
    line-height:1.4!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__final-view-icon{
    width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;
  }
}
@media (max-width:389px){
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity>a,
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.has-identity>button{
    grid-template-columns:minmax(82px,37%) minmax(0,1fr)!important;
    grid-template-rows:76px!important;
    min-height:76px!important;
    height:76px!important;
    column-gap:7px!important;
    padding:0 9px 0 7px!important;
  }
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__identity--accessory{height:64px!important}
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__sub-item.is-keyboard .avs-mobile-nav__identity--accessory{height:67px!important}
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-title{font-size:12.2px!important}
  body.avs-navigation-v62 .avs-mobile-nav__panel.is-accessories-panel .avs-mobile-nav__item-subtitle{font-size:8.1px!important;line-height:1.42!important}
}


/* ===== SOURCE: navigation-menu-cards.css ===== */
/*
 * AvvalStock universal mobile submenu component v67.
 * Native class names isolate card geometry from historical navigation skins.
 */
@media (max-width:1023px){
  .avs-mobile-nav .avs-menu-toolbar{
    box-sizing:border-box;
    display:flex;
    direction:rtl;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    min-height:54px;
    margin:0 0 9px;
    padding:4px 2px 8px;
    position:relative;
  }

  .avs-mobile-nav .avs-menu-toolbar::after{
    content:"";
    position:absolute;
    right:2px;
    bottom:0;
    left:2px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(var(--avs-context-rgb,125,91,214),.28),transparent);
  }

  .avs-mobile-nav .avs-menu-back{
    appearance:none;
    box-sizing:border-box;
    display:flex;
    direction:rtl;
    align-items:center;
    gap:7px;
    min-width:105px;
    height:42px;
    margin:0;
    padding:4px 7px 4px 10px;
    border:1px solid rgba(var(--avs-context-rgb,125,91,214),.20);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(var(--avs-context-rgb,125,91,214),.09),#fff 72%);
    box-shadow:0 5px 14px rgba(var(--avs-context-rgb,125,91,214),.09);
    color:var(--avs-context-dark,#39236d);
    font:inherit;
    text-align:right;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
  }

  .avs-mobile-nav .avs-menu-back__icon{
    box-sizing:border-box;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:10px;
    background:linear-gradient(145deg,var(--avs-context,#7650d0),var(--avs-context-dark,#5636a7));
    box-shadow:0 4px 10px rgba(var(--avs-context-rgb,125,91,214),.20);
    color:#fff;
  }

  .avs-mobile-nav .avs-menu-back__icon svg{width:13px;height:13px;stroke-width:2.3}
  .avs-mobile-nav .avs-menu-back__copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}
  .avs-mobile-nav .avs-menu-back__copy small{color:#8b93a2;font-size:7.5px;font-weight:700}
  .avs-mobile-nav .avs-menu-back__copy strong{margin-top:2px;color:#243047;font-size:10.4px;font-weight:950;white-space:nowrap}

  .avs-mobile-nav .avs-menu-context{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    direction:rtl;
    text-align:right;
  }

  .avs-mobile-nav .avs-menu-context small{color:#959dac;font-size:7.6px;font-weight:700}
  .avs-mobile-nav .avs-menu-context strong{margin-top:2px;overflow:hidden;color:#172033;font-size:13px;font-weight:950;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-back:active,.avs-mobile-nav .avs-menu-back.is-pressed{transform:scale(.975);box-shadow:0 3px 9px rgba(var(--avs-context-rgb,125,91,214),.12)}
  .avs-mobile-nav .avs-menu-back:focus-visible{outline:3px solid rgba(var(--avs-context-rgb,125,91,214),.18);outline-offset:2px}

  .avs-mobile-nav .avs-menu-list{
    display:flex;
    flex-direction:column;
    gap:5px;
    width:100%;
    margin:0;
    padding:0;
  }

  .avs-mobile-nav .avs-menu-item{--avs-card-rgb:var(--avs-context-rgb,125,91,214);display:block;width:100%;height:68px;margin:0}
  .avs-mobile-nav .avs-menu-item.is-type-brand{--avs-card-rgb:36,132,210}
  .avs-mobile-nav .avs-menu-item.is-type-cpu{--avs-card-rgb:34,151,202}
  .avs-mobile-nav .avs-menu-item.is-type-generation{--avs-card-rgb:75,110,210}
  .avs-mobile-nav .avs-menu-item.is-type-gpu{--avs-card-rgb:62,166,111}
  .avs-mobile-nav .avs-menu-item.is-type-engineering{--avs-card-rgb:218,71,85}

  .avs-mobile-nav .avs-menu-card{
    appearance:none;
    box-sizing:border-box;
    display:grid;
    direction:ltr;
    grid-template-columns:minmax(118px,46%) minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    align-items:center;
    width:100%;
    height:68px;
    min-height:0;
    margin:0;
    padding:0 13px 0 7px;
    column-gap:9px;
    overflow:hidden;
    position:relative;
    isolation:isolate;
    border:1px solid rgba(var(--avs-card-rgb),.14);
    border-radius:15px;
    background:linear-gradient(90deg,rgba(var(--avs-card-rgb),.06),#fff 46%,#fff);
    box-shadow:0 3px 10px rgba(15,23,42,.045);
    color:#172033;
    font:inherit;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
  }

  .avs-mobile-nav .avs-menu-card__media{
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center;
    width:min(100%,var(--avs-media-width,118px));
    height:min(62px,var(--avs-media-height,62px));
    min-width:0;
    justify-self:center;
    position:relative;
    overflow:visible;
    isolation:isolate;
  }

  .avs-mobile-nav .avs-menu-card__media::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:14% 7%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(var(--avs-card-rgb),.15),rgba(var(--avs-card-rgb),.05) 48%,transparent 74%);
  }

  .avs-mobile-nav .avs-menu-card__media img{
    display:block;
    position:relative;
    z-index:1;
    width:min(100%,var(--avs-artwork-width,100%));
    height:min(100%,var(--avs-artwork-height,100%));
    max-width:100%;
    max-height:100%;
    margin:0;
    object-fit:contain;
    object-position:center;
    border:0;
    background:transparent;
    filter:drop-shadow(0 5px 7px rgba(15,23,42,.11));
    transform:scale(var(--avs-media-scale,1));
    transform-origin:center;
  }

  .avs-mobile-nav .avs-menu-card__media.is-icon span{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgb(var(--avs-card-rgb));
    filter:drop-shadow(0 5px 8px rgba(var(--avs-card-rgb),.16));
  }

  .avs-mobile-nav .avs-menu-card__media.is-icon svg{width:27px;height:27px}
  .avs-mobile-nav .avs-menu-card__media.is-tone-dark{height:min(52px,var(--avs-media-height,52px));overflow:hidden;border:1px solid rgba(var(--avs-card-rgb),.18);border-radius:13px;background:#030712;box-shadow:0 6px 15px rgba(15,23,42,.16)}
  .avs-mobile-nav .avs-menu-card__media.is-tone-dark::before{display:none}

  /* Canonical large-route artwork contract. The renderer assigns this semantic
     variant from the asset registry; card size no longer depends on historical
     item names such as is-gpu-choice or is-brand-choice. */
  .avs-mobile-nav .avs-menu-item.is-visual-route-large .avs-menu-card__media{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  .avs-mobile-nav .avs-menu-item.is-visual-route-large .avs-menu-card__media::before{display:none}
  .avs-mobile-nav .avs-menu-item.is-visual-route-large .avs-menu-card__media img{filter:none}

  .avs-mobile-nav .avs-menu-card__copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-width:0;direction:rtl;text-align:right}
  .avs-mobile-nav .avs-menu-card__copy strong{display:block;overflow:hidden;color:#172033;font-size:13px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-card__copy small{display:block;margin-top:2px;overflow:hidden;color:#858f9f;font-size:8.8px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
  .avs-mobile-nav .avs-menu-card:active,.avs-mobile-nav .avs-menu-card.is-pressed{transform:scale(.988);border-color:rgba(var(--avs-card-rgb),.32);box-shadow:0 5px 13px rgba(var(--avs-card-rgb),.11)}
  .avs-mobile-nav .avs-menu-card:focus-visible{outline:3px solid rgba(var(--avs-card-rgb),.18);outline-offset:2px}
}

@media (max-width:389px){
  .avs-mobile-nav .avs-menu-toolbar{min-height:50px;margin-bottom:8px}
  .avs-mobile-nav .avs-menu-back{min-width:99px;height:39px;padding-inline:6px 9px}
  .avs-mobile-nav .avs-menu-back__icon{width:26px;height:26px;flex-basis:26px}
  .avs-mobile-nav .avs-menu-context strong{font-size:12.2px}
  .avs-mobile-nav .avs-menu-item,.avs-mobile-nav .avs-menu-card{height:64px}
  .avs-mobile-nav .avs-menu-card{grid-template-columns:minmax(104px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0 10px 0 6px;column-gap:7px;border-radius:14px}
  .avs-mobile-nav .avs-menu-card__media{height:min(58px,var(--avs-media-height,58px))}
  .avs-mobile-nav .avs-menu-card__copy strong{font-size:12.4px}
  .avs-mobile-nav .avs-menu-card__copy small{font-size:8.2px}
}

@media (prefers-reduced-motion:reduce){
  .avs-mobile-nav .avs-menu-card,.avs-mobile-nav .avs-menu-back{transition:none}
}

/* v71.3.0 — canonical Brand -> Series registry states */
@media (max-width:767px){
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card{
    cursor:default;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card:active,
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card.is-pressed{
    transform:none;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card__copy small{
    opacity:.78;
  }
}


/* v71.5.0 — brand-list order/typography polish */
@media (max-width:767px){
  .avs-mobile-nav .avs-menu-card__copy small.is-series-preview{
    direction:ltr;
    unicode-bidi:isolate;
    text-align:right;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    letter-spacing:0;
  }
  .avs-mobile-nav .avs-menu-item.is-planned-series .avs-menu-card__copy small:empty{display:none}
}


/* v74.0.9 — GPU vendor cards now use the same standard square artwork geometry as other submenu identities. */


/* ===== SOURCE: navigation-v754.css ===== */
/* AVS Navigation v75.4.0 — Mobile Visual Upgrade
 * Scoped visual layer: richer header, compact accessory media, premium contact panel,
 * and conversion-oriented sticky footer. No desktop navigation rules are changed.
 */
@media (max-width:1023px){
  body.avs-navigation-v754 .avs-mobile-nav{
    --avs754-red:#d91f3d;
    --avs754-red-dark:#b51530;
    --avs754-ink:#182033;
    --avs754-muted:#778196;
    --avs754-line:#e8edf3;
    --avs754-soft:#f7f9fc;
    --avs754-green:#1fa85b;
    --avs754-blue:#2475d8;
  }

  /* Header: brand-led, useful, but still compact. */
  body.avs-navigation-v754 .avs-mobile-nav__sticky-header--v754,
  body.avs-navigation-v754.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header--v754{
    display:block!important;
    min-height:164px!important;
    height:auto!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 10px 8px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
    border-bottom:1px solid var(--avs754-line)!important;
    box-shadow:0 5px 18px rgba(15,23,42,.055)!important;
    position:relative!important;
    z-index:20!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__brand-row{
    min-height:50px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    margin:0 0 7px!important;
    align-items:center!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__close{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    border-radius:12px!important;
    border:1px solid #e4e9f0!important;
    background:#fff!important;
    color:#424b5f!important;
    box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__signature{
    max-width:none!important;width:100%!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
    align-items:center!important;
    text-decoration:none!important;
    color:var(--avs754-ink)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__logo-img,
  body.avs-navigation-v754 .avs-mobile-nav__logo-fallback{
    grid-column:1!important;grid-row:1 / span 2!important;
    max-width:110px!important;max-height:42px!important;
    align-self:center!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy{
    grid-column:2!important;grid-row:1 / span 2!important;
    min-width:0!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:flex-start!important;gap:3px!important;
    text-align:right!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy>b{
    display:block!important;max-width:100%!important;
    font-size:10.2px!important;line-height:1.35!important;font-weight:900!important;color:#20283a!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy>small{
    display:flex!important;align-items:center!important;gap:5px!important;
    font-size:8.5px!important;line-height:1.25!important;font-weight:700!important;color:#7d8798!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy>small i{
    display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;
    background:var(--avs754-green)!important;box-shadow:0 0 0 3px rgba(31,168,91,.10)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__signature em{display:none!important}

  body.avs-navigation-v754 .avs-mobile-nav__header-tools{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
    min-height:41px!important;height:41px!important;margin:0!important;
    border:1px solid #dde4ed!important;border-radius:13px!important;background:#f7f9fc!important;
    overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search button{
    width:38px!important;height:39px!important;min-width:38px!important;border:0!important;background:transparent!important;color:#657086!important;
    display:grid!important;place-items:center!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search button svg{width:18px!important;height:18px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search input[type="search"]{
    width:100%!important;height:39px!important;min-height:39px!important;margin:0!important;padding:0 8px 0 10px!important;
    border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
    color:#20283a!important;font:inherit!important;font-size:10.8px!important;font-weight:700!important;text-align:right!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search input::placeholder{color:#9aa3b1!important;opacity:1!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-chips{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;overflow:hidden!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-chips span{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:20px!important;
    padding:2px 7px!important;border:1px solid #edf0f4!important;border-radius:999px!important;background:#fff!important;
    color:#667085!important;font-size:7.6px!important;line-height:1!important;font-weight:850!important;white-space:nowrap!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__header-chips span:first-child{color:#17884b!important;background:#f1fbf5!important;border-color:#dcefe4!important}

  /* Accessory cards: artwork becomes a supporting cue, not the dominant element. */
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card,
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{height:62px!important;min-height:62px!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:84px minmax(0,1fr)!important;
    column-gap:8px!important;padding:0 11px 0 7px!important;
    background:linear-gradient(90deg,rgba(248,250,252,.95),#fff 54%)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:78px!important;max-width:78px!important;height:48px!important;max-height:48px!important;
    justify-self:center!important;overflow:visible!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media::before{inset:19% 16%!important;opacity:.72!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    width:auto!important;height:auto!important;max-width:72px!important;max-height:46px!important;
    transform:scale(.82)!important;filter:drop-shadow(0 3px 5px rgba(15,23,42,.09))!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__copy strong{font-size:12.4px!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__copy small{font-size:8.2px!important;color:#8a93a3!important}

  /* Contact panel: direct conversion surface instead of a generic destination card. */
  body.avs-navigation-v754 .avs-contact-panel--v754{display:grid!important;gap:9px!important;padding:1px 0 4px!important}
  body.avs-navigation-v754 .avs-contact-panel__hero{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;
    padding:14px 13px!important;border:1px solid #e6eaf0!important;border-radius:17px!important;
    background:linear-gradient(135deg,#fff 0%,#fff8fa 100%)!important;
    box-shadow:0 6px 16px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v754 .avs-contact-panel__badge{
    display:inline-flex!important;padding:4px 8px!important;border-radius:999px!important;background:#fff0f3!important;color:var(--avs754-red)!important;
    font-size:8px!important;font-weight:900!important;line-height:1!important;
  }
  body.avs-navigation-v754 .avs-contact-panel__hero strong{font-size:13.4px!important;line-height:1.55!important;font-weight:950!important;color:#1b2334!important}
  body.avs-navigation-v754 .avs-contact-panel__hero small{font-size:9px!important;line-height:1.65!important;font-weight:650!important;color:#7d8796!important}
  body.avs-navigation-v754 .avs-contact-panel__actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.avs-navigation-v754 .avs-contact-action{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    min-height:91px!important;padding:8px 4px!important;text-decoration:none!important;
    border:1px solid #e7ebf0!important;border-radius:15px!important;background:#fff!important;
    box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v754 .avs-contact-action img{width:34px!important;height:34px!important;object-fit:contain!important}
  body.avs-navigation-v754 .avs-contact-action span{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;min-width:0!important}
  body.avs-navigation-v754 .avs-contact-action strong{font-size:9.3px!important;line-height:1.2!important;font-weight:900!important;color:#273043!important;white-space:nowrap!important}
  body.avs-navigation-v754 .avs-contact-action small{font-size:7.3px!important;line-height:1.15!important;font-weight:700!important;color:#9aa2af!important;white-space:nowrap!important}
  body.avs-navigation-v754 .avs-contact-action.is-whatsapp{background:#f5fcf7!important;border-color:#ddefe3!important}
  body.avs-navigation-v754 .avs-contact-action.is-phone{background:#f6f9fe!important;border-color:#dee8f6!important}
  body.avs-navigation-v754 .avs-contact-panel__meta{display:grid!important;gap:6px!important}
  body.avs-navigation-v754 .avs-contact-panel__meta>a{
    display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;
    min-height:45px!important;padding:7px 10px!important;text-decoration:none!important;border:1px solid #e8ecf1!important;border-radius:13px!important;background:#fff!important;
  }
  body.avs-navigation-v754 .avs-contact-panel__meta span{font-size:8.2px!important;font-weight:850!important;color:#8a93a3!important}
  body.avs-navigation-v754 .avs-contact-panel__meta b{font-size:9.5px!important;font-weight:900!important;color:#293245!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.avs-navigation-v754 .avs-contact-panel__trust{display:flex!important;gap:5px!important;flex-wrap:wrap!important;padding-top:1px!important}
  body.avs-navigation-v754 .avs-contact-panel__trust span{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#f7f8fa!important;color:#788294!important;font-size:7.4px!important;font-weight:800!important}

  /* Sticky footer: trust first, three clear actions, no visual clutter. */
  body.avs-navigation-v754 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v754.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:5px 7px max(6px,env(safe-area-inset-bottom,0px))!important;
    background:rgba(255,255,255,.97)!important;border-top:1px solid #e8edf3!important;
    box-shadow:0 -8px 22px rgba(15,23,42,.055)!important;
    backdrop-filter:saturate(150%) blur(10px)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__footer-shell--v754{display:grid!important;gap:5px!important}
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip{
    min-height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
    padding:0 4px!important;color:#657083!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip span{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip i{
    display:grid!important;place-items:center!important;width:14px!important;height:14px!important;border-radius:50%!important;
    background:#effaf3!important;color:#198b4e!important;font-style:normal!important;font-size:8px!important;font-weight:1000!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip b{font-size:7.5px!important;line-height:1!important;font-weight:850!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754,
  body.avs-navigation-v754.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock--v754{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
    padding:0!important;background:transparent!important;border:0!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a{
    min-height:49px!important;height:49px!important;padding:4px 7px!important;
    display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;
    border:1px solid #e5eaf0!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important;
    box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a.is-whatsapp{background:#f5fcf7!important;border-color:#dcefe3!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a.is-phone{background:#f6f9fe!important;border-color:#dfe8f6!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important;object-fit:contain!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;min-width:0!important;text-align:right!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 strong{font-size:8.5px!important;line-height:1.15!important;font-weight:950!important;color:#273043!important;white-space:nowrap!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 small{font-size:6.8px!important;line-height:1.1!important;font-weight:700!important;color:#929baa!important;white-space:nowrap!important}

  /* Header/footer gained useful content, so protect the middle scroll surface. */
  body.avs-navigation-v754 .avs-mobile-nav__content-frame,
  body.avs-navigation-v754.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__content-frame{
    min-height:0!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v754 .avs-mobile-nav__sticky-header--v754{min-height:121px!important;padding-inline:7px!important}
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy>b{font-size:9.4px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-chips{gap:3px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-chips span{padding-inline:5px!important;font-size:7px!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{grid-template-columns:74px minmax(0,1fr)!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{width:68px!important;max-width:68px!important}
  body.avs-navigation-v754 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{max-width:64px!important;max-height:43px!important}
  body.avs-navigation-v754 .avs-contact-panel__actions{gap:4px!important}
  body.avs-navigation-v754 .avs-contact-action{min-height:86px!important;padding-inline:2px!important}
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip{gap:7px!important}
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip b{font-size:6.9px!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754{gap:4px!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a{grid-template-columns:27px minmax(0,1fr)!important;padding-inline:5px!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 strong{font-size:7.8px!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754 small{font-size:6.2px!important}
}

@media (max-height:720px) and (max-width:1023px){
  body.avs-navigation-v754 .avs-mobile-nav__sticky-header--v754{min-height:112px!important;padding-top:max(5px,env(safe-area-inset-top,0px))!important;padding-bottom:5px!important}
  body.avs-navigation-v754 .avs-mobile-nav__brand-row{min-height:44px!important;margin-bottom:5px!important}
  body.avs-navigation-v754 .avs-mobile-nav__brand-copy>small{display:none!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search{height:38px!important;min-height:38px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search input[type="search"],
  body.avs-navigation-v754 .avs-mobile-nav__header-tools .avs-mobile-nav__search button{height:36px!important;min-height:36px!important}
  body.avs-navigation-v754 .avs-mobile-nav__header-chips{display:none!important}
  body.avs-navigation-v754 .avs-mobile-nav__trust-strip{display:none!important}
  body.avs-navigation-v754 .avs-mobile-nav__social-dock--v754>a{height:45px!important;min-height:45px!important}
}


/* ===== SOURCE: navigation-v755.css ===== */
/* AVS Navigation v75.5.2 — Single-Layer Official Footer
 * Uses the official provided logos, guarantees a landline action, and simplifies
 * the mobile footer into a cleaner single-layer premium dock.
 */
@media (max-width:1023px){
  body.avs-navigation-v755 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v755.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:4px 8px max(8px,env(safe-area-inset-bottom,0px))!important;
    background:transparent!important;
    border-top:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  body.avs-navigation-v755 .avs-mobile-nav__footer-shell--v7552{display:block!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-dock--v7552,
  body.avs-navigation-v755.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__icon-dock--v7552{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:0!important;
    min-height:76px!important;
    padding:6px 8px!important;
    border-radius:24px!important;
    border:1px solid #dfe6ef!important;
    background:#ffffff!important;
    box-shadow:0 12px 26px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v755 .avs-mobile-nav__icon-button{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    min-height:62px!important;
    padding:0!important;
    text-decoration:none!important;
    background:transparent!important;
  }
  body.avs-navigation-v755 .avs-mobile-nav__icon-button + .avs-mobile-nav__icon-button::before{
    content:''!important;
    position:absolute!important;
    right:-1px!important; top:10px!important; bottom:10px!important;
    width:1px!important;
    background:linear-gradient(180deg,rgba(223,229,239,0),rgba(223,229,239,.95) 18%,rgba(223,229,239,.95) 82%,rgba(223,229,239,0))!important;
  }
  body.avs-navigation-v755 .avs-mobile-nav__icon-button img{
    width:50px!important;
    height:50px!important;
    display:block!important;
    object-fit:contain!important;
    transform:translateZ(0)!important;
    transition:transform .18s ease, filter .18s ease!important;
    filter:drop-shadow(0 6px 12px rgba(40,56,88,.10))!important;
  }
  body.avs-navigation-v755 .avs-mobile-nav__icon-button:hover img,
  body.avs-navigation-v755 .avs-mobile-nav__icon-button:focus-visible img{
    transform:translateY(-1px) scale(1.03)!important;
    filter:drop-shadow(0 8px 14px rgba(40,56,88,.14))!important;
  }
  body.avs-navigation-v755 .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
}
@media (max-width:374px){
  body.avs-navigation-v755 .avs-mobile-nav__sticky-footer{padding-inline:6px!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-dock--v7552{min-height:70px!important;padding:5px 6px!important;border-radius:21px!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-button{min-height:58px!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-button img{width:45px!important;height:45px!important}
}
@media (max-height:720px) and (max-width:1023px){
  body.avs-navigation-v755 .avs-mobile-nav__sticky-footer{padding-top:3px!important;padding-bottom:max(6px,env(safe-area-inset-bottom,0px))!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-dock--v7552{min-height:68px!important;padding-top:5px!important;padding-bottom:5px!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-button{min-height:54px!important}
  body.avs-navigation-v755 .avs-mobile-nav__icon-button img{width:43px!important;height:43px!important}
}


/* ===== SOURCE: navigation-v756.css ===== */
/* AVS Navigation v75.6.0 — Premium Header + Footer Refinement
 * Header/footer only. Menu cards, rail and navigation content remain frozen.
 */
@media (max-width:1023px){
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756,
  body.avs-navigation-v756.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header--v756{
    min-height:102px!important;
    height:auto!important;
    padding:max(7px,env(safe-area-inset-top,0px)) 10px 8px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
    border-bottom:1px solid #e9eef5!important;
    box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__premium-bar{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:54px!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__header-close,
  body.avs-navigation-v756 .avs-mobile-nav__header-home,
  body.avs-navigation-v756 .avs-mobile-nav__header-back{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    display:grid!important;place-items:center!important;
    padding:0!important;margin:0!important;
    border:1px solid #e4eaf2!important;border-radius:13px!important;
    background:#fff!important;color:#526075!important;
    box-shadow:0 3px 9px rgba(15,23,42,.045)!important;
    text-decoration:none!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__header-close svg,
  body.avs-navigation-v756 .avs-mobile-nav__header-home svg,
  body.avs-navigation-v756 .avs-mobile-nav__header-back svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-back{display:none!important;color:#147de5!important;background:#f4f9ff!important;border-color:#d8e9fb!important}
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium{
    direction:rtl!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;width:100%!important;max-width:none!important;min-width:0!important;
    text-align:center!important;color:#182033!important;text-decoration:none!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-img,
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-fallback{
    display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;
    max-width:126px!important;max-height:43px!important;margin:0 auto!important;object-fit:contain!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy{
    display:block!important;position:static!important;text-align:center!important;width:100%!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy>b{
    display:block!important;font-size:8.6px!important;line-height:1.2!important;font-weight:800!important;color:#535f72!important;white-space:nowrap!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__inner-title{
    direction:rtl!important;display:none!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;text-align:center!important;font-size:12.5px!important;line-height:1.3!important;font-weight:950!important;color:#20283a!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium{
    display:block!important;margin-top:5px!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
    width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;
    border:1px solid #e0e7f0!important;border-radius:13px!important;background:#f6f8fb!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:hidden!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search button{width:38px!important;height:36px!important;border:0!important;background:transparent!important;color:#6b778c!important;display:grid!important;place-items:center!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search button svg{width:17px!important;height:17px!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search input[type="search"]{height:36px!important;min-height:36px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px!important;font-size:10.3px!important;font-weight:700!important;text-align:right!important;color:#20283a!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search input::placeholder{color:#a0a8b5!important;opacity:1!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-chips{display:none!important}

  /* Deep submenu mode: compact contextual header. */
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual{min-height:58px!important;padding-bottom:6px!important}
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual .avs-mobile-nav__signature--premium{display:none!important}
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual .avs-mobile-nav__inner-title{display:flex!important}
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual .avs-mobile-nav__header-back{display:grid!important}
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual .avs-mobile-nav__header-close{display:none!important}
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756.is-contextual .avs-mobile-nav__header-tools--premium{display:none!important}

  /* Footer refinement: keep the successful single-layer dock, reduce dead space. */
  body.avs-navigation-v756 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v756.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:3px 7px max(7px,env(safe-area-inset-bottom,0px))!important;
  }
  body.avs-navigation-v756 .avs-mobile-nav__icon-dock--v7552{min-height:71px!important;padding:5px 7px!important;border-radius:22px!important;box-shadow:0 10px 22px rgba(15,23,42,.075)!important}
  body.avs-navigation-v756 .avs-mobile-nav__icon-button{min-height:59px!important}
  body.avs-navigation-v756 .avs-mobile-nav__icon-button img{width:49px!important;height:49px!important}
  body.avs-navigation-v756 .avs-mobile-nav__icon-button:active img{transform:scale(.92)!important;filter:drop-shadow(0 4px 9px rgba(40,56,88,.12))!important}
}
@media (max-width:374px){
  body.avs-navigation-v756 .avs-mobile-nav__sticky-header--v756{padding-inline:7px!important;min-height:98px!important}
  body.avs-navigation-v756 .avs-mobile-nav__premium-bar{grid-template-columns:37px minmax(0,1fr) 37px!important;gap:6px!important}
  body.avs-navigation-v756 .avs-mobile-nav__header-close,body.avs-navigation-v756 .avs-mobile-nav__header-home,body.avs-navigation-v756 .avs-mobile-nav__header-back{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-img{max-width:116px!important;max-height:40px!important}
  body.avs-navigation-v756 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy>b{font-size:8px!important}
  body.avs-navigation-v756 .avs-mobile-nav__icon-dock--v7552{min-height:67px!important;padding:4px 5px!important}
  body.avs-navigation-v756 .avs-mobile-nav__icon-button img{width:45px!important;height:45px!important}
}


/* ===== SOURCE: navigation-v7561.css ===== */
/* AVS Navigation v75.6.1 — Root/Context Header Architecture
 * True two-state mobile header. Menu cards/rail/footer remain frozen.
 */
@media (max-width:1023px){
  body.avs-navigation-v7561 .avs-mobile-nav__sticky-header--v7561,
  body.avs-navigation-v7561.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header--v7561{
    min-height:0!important;height:auto!important;padding:0!important;
    background:#fff!important;border-bottom:1px solid #e9eef5!important;
    box-shadow:0 5px 15px rgba(15,23,42,.045)!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__root-header{display:block!important;padding:max(7px,env(safe-area-inset-top,0px)) 9px 8px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__root-row{
    direction:ltr!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;
    align-items:center!important;gap:7px!important;min-height:52px!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__header-close,
  body.avs-navigation-v7561 .avs-mobile-nav__header-home,
  body.avs-navigation-v7561 .avs-mobile-nav__context-close,
  body.avs-navigation-v7561 .avs-mobile-nav__context-back{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
    border:1px solid #e4eaf2!important;border-radius:12px!important;background:#fff!important;
    color:#526075!important;box-shadow:0 2px 8px rgba(15,23,42,.04)!important;text-decoration:none!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__header-close svg,
  body.avs-navigation-v7561 .avs-mobile-nav__header-home svg,
  body.avs-navigation-v7561 .avs-mobile-nav__context-close svg,
  body.avs-navigation-v7561 .avs-mobile-nav__context-back svg{width:19px!important;height:19px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important}
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    width:100%!important;min-width:0!important;max-width:none!important;text-align:center!important;text-decoration:none!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-img,
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-fallback{
    display:block!important;position:static!important;max-width:146px!important;max-height:46px!important;margin:0 auto!important;object-fit:contain!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy{display:block!important;width:100%!important;text-align:center!important}
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy>b{font-size:8.3px!important;line-height:1.15!important;font-weight:800!important;color:#566276!important;white-space:nowrap!important}
  body.avs-navigation-v7561 .avs-mobile-nav__header-tools--premium{display:block!important;margin-top:5px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search{
    display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;width:100%!important;height:36px!important;min-height:36px!important;
    margin:0!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f7f9fc!important;overflow:hidden!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search button{width:36px!important;height:34px!important;border:0!important;background:transparent!important;color:#6c788b!important;display:grid!important;place-items:center!important}
  body.avs-navigation-v7561 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search button svg{width:16px!important;height:16px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__header-tools--premium .avs-mobile-nav__search input[type="search"]{height:34px!important;min-height:34px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px!important;font-size:10.2px!important;font-weight:700!important;text-align:right!important;color:#20283a!important}
  body.avs-navigation-v7561 .avs-mobile-nav__context-header{
    direction:ltr!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;align-items:center!important;gap:7px!important;
    min-height:58px!important;padding:max(7px,env(safe-area-inset-top,0px)) 9px 7px!important;background:#fff!important;
  }
  body.avs-navigation-v7561 .avs-mobile-nav__context-header[hidden]{display:none!important}
  body.avs-navigation-v7561 .avs-mobile-nav__context-copy{direction:rtl!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;text-align:center!important;gap:2px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__context-copy strong{display:block!important;max-width:100%!important;font-size:12.3px!important;line-height:1.25!important;font-weight:950!important;color:#20283a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.avs-navigation-v7561 .avs-mobile-nav__context-copy small{display:block!important;max-width:100%!important;font-size:8px!important;line-height:1.1!important;font-weight:750!important;color:#8b95a6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.avs-navigation-v7561 .avs-mobile-nav__context-back{color:#147de5!important;background:#f4f9ff!important;border-color:#d8e9fb!important}
  body.avs-navigation-v7561 .avs-mobile-nav__sticky-header--v7561.is-contextual .avs-mobile-nav__root-header{display:none!important}
  body.avs-navigation-v7561 .avs-mobile-nav__sticky-header--v7561.is-contextual .avs-mobile-nav__context-header{display:grid!important}
  /* Freeze footer/menu geometry from v75.6.0. */
}
@media (max-width:374px){
  body.avs-navigation-v7561 .avs-mobile-nav__root-header{padding-inline:7px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__root-row,body.avs-navigation-v7561 .avs-mobile-nav__context-header{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:6px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__header-close,body.avs-navigation-v7561 .avs-mobile-nav__header-home,body.avs-navigation-v7561 .avs-mobile-nav__context-close,body.avs-navigation-v7561 .avs-mobile-nav__context-back{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__logo-img{max-width:136px!important;max-height:43px!important}
  body.avs-navigation-v7561 .avs-mobile-nav__signature--premium .avs-mobile-nav__brand-copy>b{font-size:7.7px!important}
}


/* ===== SOURCE: navigation-v7562.css ===== */
/* AVS Navigation v75.6.2 — Persistent Brand Header + Integrated Footer
 * Keeps AvvalStock logo prominent in every panel and flattens the footer onto
 * the same visual surface as the mobile menu sheet.
 */
@media (max-width:1023px){
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-header--v7562,
  body.avs-navigation-v7562.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header--v7562{
    min-height:0!important;height:auto!important;padding:0!important;
    background:#fff!important;border-bottom:1px solid #edf1f6!important;
    box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__brand-header--persistent{
    display:block!important;
    padding:max(7px,env(safe-area-inset-top,0px)) 9px 7px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__root-row{
    direction:ltr!important;display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    align-items:center!important;gap:7px!important;min-height:64px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;width:100%!important;min-width:0!important;text-decoration:none!important;text-align:center!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img,
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-fallback{
    display:block!important;position:static!important;
    width:auto!important;max-width:176px!important;max-height:56px!important;
    margin:0 auto!important;object-fit:contain!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__brand-copy{
    display:block!important;width:100%!important;text-align:center!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__brand-copy>b{
    display:block!important;font-size:8.5px!important;line-height:1.15!important;font-weight:850!important;
    color:#566276!important;white-space:nowrap!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__header-close,
  body.avs-navigation-v7562 .avs-mobile-nav__header-home,
  body.avs-navigation-v7562 .avs-mobile-nav__context-back{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
    border:1px solid #e5ebf2!important;border-radius:13px!important;background:#fff!important;
    color:#536075!important;box-shadow:0 2px 7px rgba(15,23,42,.035)!important;text-decoration:none!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__header-right-slot{
    width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__header-home[hidden],
  body.avs-navigation-v7562 .avs-mobile-nav__context-back[hidden]{display:none!important}
  body.avs-navigation-v7562 .avs-mobile-nav__context-back{
    color:#147de5!important;background:#f5f9ff!important;border-color:#d9e9fb!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__header-tools--premium{
    display:block!important;margin-top:5px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-header--v7562.is-contextual .avs-mobile-nav__header-tools--premium{
    display:none!important;
  }
  /* Override v75.6.1: never hide the branded root header in contextual panels. */
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-header--v7562.is-contextual .avs-mobile-nav__root-header{
    display:block!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__context-header{display:none!important}

  /* Footer becomes part of the same menu sheet: no floating dock/card layer. */
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v7562.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:4px 8px max(7px,env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    background:#fff!important;
    border-top:1px solid #e7edf4!important;
    box-shadow:0 -3px 10px rgba(15,23,42,.025)!important;
    backdrop-filter:none!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__footer-shell--v7552{display:block!important;margin:0!important;padding:0!important}
  body.avs-navigation-v7562 .avs-mobile-nav__icon-dock--v7552,
  body.avs-navigation-v7562.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__icon-dock--v7552{
    direction:rtl!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;gap:0!important;min-height:66px!important;
    margin:0!important;padding:3px 5px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__icon-button{
    min-height:58px!important;padding:0!important;background:transparent!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__icon-button + .avs-mobile-nav__icon-button::before{
    top:10px!important;bottom:10px!important;opacity:.72!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__icon-button img{
    width:51px!important;height:51px!important;object-fit:contain!important;
    filter:drop-shadow(0 4px 8px rgba(40,56,88,.08))!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v7562 .avs-mobile-nav__root-row{grid-template-columns:37px minmax(0,1fr) 37px!important;gap:5px!important;min-height:59px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__header-close,body.avs-navigation-v7562 .avs-mobile-nav__header-home,body.avs-navigation-v7562 .avs-mobile-nav__context-back,body.avs-navigation-v7562 .avs-mobile-nav__header-right-slot{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img{max-width:160px!important;max-height:51px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__brand-copy>b{font-size:7.8px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__icon-dock--v7552{min-height:62px!important;padding-inline:3px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__icon-button{min-height:54px!important}
  body.avs-navigation-v7562 .avs-mobile-nav__icon-button img{width:47px!important;height:47px!important}
}


/* v75.6.3 — contextual logo visibility fix + stronger brand presence.
 * v75.6 had a higher-specificity contextual rule that hid .signature--premium.
 * Keep the real AvvalStock brand signature visible in every panel.
 */
@media (max-width:1023px){
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-header--v7562.is-contextual .avs-mobile-nav__signature--premium,
  body.avs-navigation-v7562 .avs-mobile-nav__sticky-header--v7562.is-contextual .avs-mobile-nav__signature--persistent{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    max-width:194px!important;
    max-height:62px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-fallback:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__root-row{
    min-height:72px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__brand-copy>b{
    margin-top:1px!important;
    font-size:8.8px!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img:not([hidden]){
    max-width:176px!important;
    max-height:57px!important;
  }
  body.avs-navigation-v7562 .avs-mobile-nav__root-row{min-height:67px!important}
}

/* v75.6.4 — logo-only brand header */
@media (max-width:1023px){
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__brand-copy{display:none!important}
}

/* v75.6.5 — logo-only fallback: remove any legacy secondary brand line. */
@media (max-width:1023px){
  body.avs-navigation-v7562 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-fallback small{display:none!important}
}


/* ===== SOURCE: navigation-v757.css ===== */
/* AVS Navigation v75.7.0 — Final Header Polish
 * Header-only visual refinement. Menu cards, rail, CTA, contact panel and footer are frozen.
 */
@media (max-width:1023px){
  body.avs-navigation-v757 .avs-mobile-nav__sticky-header--v7562,
  body.avs-navigation-v757.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-header--v7562{
    background:#fff!important;
    border-bottom:1px solid #edf1f5!important;
    box-shadow:0 4px 14px rgba(15,23,42,.028)!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__brand-header--persistent{
    padding:max(5px,env(safe-area-inset-top,0px)) 9px 5px!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__root-row{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:8px!important;
    min-height:68px!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__signature--persistent{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img:not([hidden]){
    display:block!important;
    width:auto!important;
    max-width:206px!important;
    max-height:60px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    transform:translateY(-1px)!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-fallback:not([hidden]){
    min-height:48px!important;
    font-size:17px!important;
    font-weight:950!important;
    color:#161b26!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__header-close,
  body.avs-navigation-v757 .avs-mobile-nav__header-home,
  body.avs-navigation-v757 .avs-mobile-nav__context-back,
  body.avs-navigation-v757 .avs-mobile-nav__header-right-slot{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__header-close,
  body.avs-navigation-v757 .avs-mobile-nav__header-home,
  body.avs-navigation-v757 .avs-mobile-nav__context-back{
    border-radius:14px!important;
    border:1px solid #e4eaf1!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
    color:#536074!important;
    box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
    transition:transform .14s ease, box-shadow .14s ease, background-color .14s ease!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__header-close:active,
  body.avs-navigation-v757 .avs-mobile-nav__header-home:active,
  body.avs-navigation-v757 .avs-mobile-nav__context-back:active{
    transform:scale(.93)!important;
    box-shadow:0 1px 4px rgba(15,23,42,.04)!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__context-back{
    color:#147de5!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f4f9ff 100%)!important;
    border-color:#dbeafb!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__header-close svg,
  body.avs-navigation-v757 .avs-mobile-nav__header-home svg,
  body.avs-navigation-v757 .avs-mobile-nav__context-back svg{
    width:18px!important;height:18px!important;
  }
  /* Search is intentionally suppressed in the polished header: screenshots show
     the cleaner brand-only header works better and preserves vertical space. */
  body.avs-navigation-v757 .avs-mobile-nav__header-tools--premium{display:none!important}
  body.avs-navigation-v757 .avs-mobile-nav__sticky-header--v7562.is-contextual .avs-mobile-nav__root-header{display:block!important}
}
@media (max-width:374px){
  body.avs-navigation-v757 .avs-mobile-nav__brand-header--persistent{padding-inline:7px!important}
  body.avs-navigation-v757 .avs-mobile-nav__root-row{
    grid-template-columns:39px minmax(0,1fr) 39px!important;gap:6px!important;min-height:63px!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__header-close,
  body.avs-navigation-v757 .avs-mobile-nav__header-home,
  body.avs-navigation-v757 .avs-mobile-nav__context-back,
  body.avs-navigation-v757 .avs-mobile-nav__header-right-slot{
    width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;
  }
  body.avs-navigation-v757 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img:not([hidden]){
    max-width:184px!important;max-height:55px!important;
  }
}
@media (max-height:720px) and (max-width:1023px){
  body.avs-navigation-v757 .avs-mobile-nav__brand-header--persistent{padding-top:max(4px,env(safe-area-inset-top,0px))!important;padding-bottom:4px!important}
  body.avs-navigation-v757 .avs-mobile-nav__root-row{min-height:61px!important}
  body.avs-navigation-v757 .avs-mobile-nav__signature--persistent .avs-mobile-nav__logo-img:not([hidden]){max-height:54px!important}
}


/* ===== SOURCE: navigation-v758.css ===== */
/* AVS Navigation v75.8.0 — Final Footer Polish
 * Footer-only refinement. Header, rail, menu cards, CTA and panel structure are frozen.
 */
@media (max-width:1023px){
  body.avs-navigation-v758 .avs-mobile-nav__sticky-footer,
  body.avs-navigation-v758.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{
    padding:2px 6px max(6px,env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    background:#fff!important;
    border-top:1px solid #edf1f5!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__footer-shell--v7552{
    display:block!important;margin:0!important;padding:0!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-dock--v7552,
  body.avs-navigation-v758.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__icon-dock--v7552{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:0!important;
    min-height:62px!important;
    margin:0!important;
    padding:2px 3px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button{
    min-width:0!important;
    min-height:56px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    background:transparent!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    transition:background-color .14s ease,transform .14s ease!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button + .avs-mobile-nav__icon-button::before{
    top:12px!important;
    bottom:12px!important;
    width:1px!important;
    opacity:.52!important;
    background:linear-gradient(180deg,rgba(226,232,240,0),rgba(226,232,240,.95) 24%,rgba(226,232,240,.95) 76%,rgba(226,232,240,0))!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button img{
    width:52px!important;
    height:52px!important;
    display:block!important;
    object-fit:contain!important;
    filter:drop-shadow(0 3px 7px rgba(40,56,88,.07))!important;
    transform:translateZ(0)!important;
    transition:transform .14s ease,filter .14s ease!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button:active{
    background:rgba(245,248,252,.72)!important;
    transform:scale(.98)!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button:active img{
    transform:scale(.92)!important;
    filter:drop-shadow(0 2px 5px rgba(40,56,88,.08))!important;
  }
  body.avs-navigation-v758 .avs-mobile-nav__icon-button:focus-visible{
    outline:2px solid #2f80ed!important;
    outline-offset:-2px!important;
    background:#f6faff!important;
  }
}
@media (max-width:374px){
  body.avs-navigation-v758 .avs-mobile-nav__sticky-footer{padding-inline:4px!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-dock--v7552{min-height:58px!important;padding-inline:1px!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-button{min-height:52px!important;border-radius:12px!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-button img{width:47px!important;height:47px!important}
}
@media (max-height:700px) and (max-width:1023px){
  body.avs-navigation-v758 .avs-mobile-nav__sticky-footer{padding-top:1px!important;padding-bottom:max(5px,env(safe-area-inset-bottom,0px))!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-dock--v7552{min-height:57px!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-button{min-height:51px!important}
  body.avs-navigation-v758 .avs-mobile-nav__icon-button img{width:46px!important;height:46px!important}
}
@media (prefers-reduced-motion:reduce){
  body.avs-navigation-v758 .avs-mobile-nav__icon-button,
  body.avs-navigation-v758 .avs-mobile-nav__icon-button img{transition:none!important}
}


/* ===== SOURCE: navigation-v759.css ===== */
/* AVS Navigation v75.9.1 — Contact Grid Refresh
 * Scoped mobile-only redesign for contact leaf panel with 6 square actions.
 */
@media (max-width:1023px){
  body.avs-navigation-v759 .avs-contact-panel--v759,
  body.avs-navigation-v759 .avs-about-panel--v759{display:grid!important;gap:10px!important;margin-top:8px!important;padding:0!important}
  body.avs-navigation-v759 .avs-contact-panel__hero--v759{
    display:grid!important;gap:6px!important;padding:13px 14px!important;border:1px solid #f1e5e8!important;border-radius:18px!important;
    background:linear-gradient(135deg,#fff 0%,#fff8fa 100%)!important;box-shadow:0 6px 16px rgba(15,23,42,.035)!important
  }
  body.avs-navigation-v759 .avs-contact-panel__badge{justify-self:start!important;padding:4px 8px!important;border-radius:999px!important;background:#fff0f3!important;color:#d91f3d!important;font-size:7.7px!important;font-weight:900!important}
  body.avs-navigation-v759 .avs-contact-panel__hero--v759>strong{font-size:12.8px!important;line-height:1.65!important;font-weight:950!important;color:#1d2638!important}
  body.avs-navigation-v759 .avs-contact-panel__hero--v759>small{font-size:8.5px!important;line-height:1.7!important;font-weight:650!important;color:#7f8999!important}
  body.avs-navigation-v759 .avs-contact-panel__primary-actions--v759{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  body.avs-navigation-v759 .avs-contact-action--v759{
    min-height:96px!important;padding:8px 4px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;
    text-decoration:none!important;border:1px solid #e7ebf1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 13px rgba(15,23,42,.035)!important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important
  }
  body.avs-navigation-v759 .avs-contact-action--v759:hover,
  body.avs-navigation-v759 .avs-contact-action--v759:focus-visible{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-whatsapp{background:#f7fff9!important;border-color:#dcefe3!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-bale{background:#f7fdff!important;border-color:#d9eef5!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-phone{background:#fcfffb!important;border-color:#e2f2e4!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-landline{background:#fdf9ff!important;border-color:#eadcf8!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-sms{background:#f8fbff!important;border-color:#dcebff!important}
  body.avs-navigation-v759 .avs-contact-action--v759.is-location{background:#fffaf6!important;border-color:#f4e3d4!important}
  body.avs-navigation-v759 .avs-contact-action__visual{width:43px!important;height:43px!important;display:grid!important;place-items:center!important}
  body.avs-navigation-v759 .avs-contact-action__visual img{width:43px!important;height:43px!important;object-fit:contain!important}
  body.avs-navigation-v759 .avs-contact-action__glyph{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#f6f8fc!important;color:#2d73d6!important}
  body.avs-navigation-v759 .avs-contact-action__glyph svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.avs-navigation-v759 .avs-contact-action__glyph--location{background:linear-gradient(180deg,#fff3e6 0%,#fffaf6 100%)!important;color:#d97706!important}
  body.avs-navigation-v759 .avs-contact-action__glyph--consult{background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%)!important;color:#2563eb!important}
  body.avs-navigation-v759 .avs-contact-action__copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;text-align:center!important}
  body.avs-navigation-v759 .avs-contact-action__copy strong{font-size:8.6px!important;line-height:1.2!important;font-weight:950!important;color:#273043!important;white-space:nowrap!important}
  body.avs-navigation-v759 .avs-contact-action__copy small{font-size:6.8px!important;line-height:1.15!important;font-weight:700!important;color:#929baa!important;white-space:nowrap!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759{min-height:52px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;align-items:center!important;gap:8px!important;padding:8px 11px!important;text-decoration:none!important;border:1px solid #e8ecf2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 12px rgba(15,23,42,.03)!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759>span{display:flex!important;flex-direction:column!important;gap:2px!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759 small{font-size:7.2px!important;font-weight:800!important;color:#939cac!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759 strong{font-size:9.2px!important;font-weight:900!important;color:#283246!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759>i{display:grid!important;place-items:center!important;color:#97a0ae!important}
  body.avs-navigation-v759 .avs-contact-panel__consult-cta--v759>i svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
  body.avs-navigation-v759 .avs-contact-panel__trust--v759{display:flex!important;justify-content:center!important;gap:5px!important;flex-wrap:wrap!important;padding-top:1px!important}
  body.avs-navigation-v759 .avs-contact-panel__trust--v759 span{padding:4px 7px!important;border-radius:999px!important;background:#f5f7fa!important;color:#788293!important;font-size:6.9px!important;font-weight:800!important}

  body.avs-navigation-v759 .avs-about-panel__hero{display:grid!important;justify-items:center!important;gap:7px!important;padding:16px 14px!important;border:1px solid #e7edf4!important;border-radius:18px!important;background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%)!important;box-shadow:0 6px 16px rgba(15,23,42,.035)!important;text-align:center!important}
  body.avs-navigation-v759 .avs-about-panel__logo{max-width:138px!important;max-height:52px!important;object-fit:contain!important}
  body.avs-navigation-v759 .avs-about-panel__brand{display:flex!important;flex-direction:column!important;align-items:center!important;line-height:1!important}
  body.avs-navigation-v759 .avs-about-panel__brand strong{font-size:18px!important;font-weight:950!important;color:#171d2a!important}
  body.avs-navigation-v759 .avs-about-panel__brand small{margin-top:4px!important;font-size:8px!important;letter-spacing:2px!important;color:#515b6b!important}
  body.avs-navigation-v759 .avs-about-panel__headline{font-size:11.4px!important;line-height:1.65!important;font-weight:950!important;color:#20293a!important}
  body.avs-navigation-v759 .avs-about-panel__hero p{margin:0!important;font-size:8.3px!important;line-height:1.75!important;font-weight:650!important;color:#7f8998!important}
  body.avs-navigation-v759 .avs-about-panel__pillars{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.avs-navigation-v759 .avs-about-panel__pillars span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:62px!important;padding:6px 3px!important;border:1px solid #e8edf3!important;border-radius:14px!important;background:#fff!important;text-align:center!important}
  body.avs-navigation-v759 .avs-about-panel__pillars b{font-size:8px!important;font-weight:950!important;color:#283246!important}
  body.avs-navigation-v759 .avs-about-panel__pillars small{font-size:6.8px!important;font-weight:700!important;color:#929baa!important}
  body.avs-navigation-v759 .avs-about-panel__cta{display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:8px!important;min-height:55px!important;padding:8px 12px!important;border-radius:15px!important;background:#14213d!important;color:#fff!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(20,33,61,.12)!important}
  body.avs-navigation-v759 .avs-about-panel__cta>span{display:flex!important;flex-direction:column!important;gap:2px!important}
  body.avs-navigation-v759 .avs-about-panel__cta small{font-size:7px!important;font-weight:700!important;color:#b8c4d8!important}
  body.avs-navigation-v759 .avs-about-panel__cta strong{font-size:9.5px!important;font-weight:950!important;color:#fff!important}
  body.avs-navigation-v759 .avs-about-panel__cta i{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(255,255,255,.10)!important}
  body.avs-navigation-v759 .avs-about-panel__cta svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
}
@media (max-width:374px){
  body.avs-navigation-v759 .avs-contact-panel__primary-actions--v759{gap:4px!important}
  body.avs-navigation-v759 .avs-contact-action--v759{min-height:89px!important;padding-inline:2px!important}
  body.avs-navigation-v759 .avs-contact-action__visual,body.avs-navigation-v759 .avs-contact-action__visual img{width:39px!important;height:39px!important}
  body.avs-navigation-v759 .avs-contact-action__glyph{width:38px!important;height:38px!important}
  body.avs-navigation-v759 .avs-contact-action__glyph svg{width:20px!important;height:20px!important}
  body.avs-navigation-v759 .avs-contact-action__copy strong{font-size:7.9px!important}
  body.avs-navigation-v759 .avs-contact-action__copy small{font-size:6.2px!important}
}


/* ===== SOURCE: navigation-v7510.css ===== */
/* AVS Navigation v75.10.2 — Accessory Artwork True Centering */
@media (max-width:1023px){
  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card,
  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    height:68px!important;
    min-height:68px!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:110px minmax(0,1fr)!important;
    column-gap:6px!important;
    padding:0 11px 0 4px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:110px!important;
    max-width:110px!important;
    height:68px!important;
    max-height:68px!important;
    align-self:center!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    width:110px!important;
    max-width:110px!important;
    height:110px!important;
    max-height:110px!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    display:block!important;
    margin:auto!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:translateY(-2px)!important;
    filter:drop-shadow(0 4px 7px rgba(15,23,42,.11))!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__copy{
    align-self:center!important;
    position:relative!important;
    z-index:2!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:102px minmax(0,1fr)!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:102px!important;
    max-width:102px!important;
    height:68px!important;
    max-height:68px!important;
    transform:none!important;
  }

  body.avs-navigation-v7510 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    width:102px!important;
    max-width:102px!important;
    height:110px!important;
    max-height:110px!important;
    object-position:50% 50%!important;
    transform:translateY(-2px)!important;
  }
}


/* ===== SOURCE: navigation-v75103.css ===== */
/* AVS Navigation v75.10.5 — Accessory 60px Artwork Cap
 * Dedicated accessory-only layer. Each accessory image is vertically centered
 * inside a 68px card and capped to a maximum rendered height of 60px.
 */
@media (max-width:1023px){

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:minmax(138px,46%) minmax(0,1fr)!important;
    grid-template-rows:68px!important;
    column-gap:6px!important;
    height:68px!important;
    min-height:68px!important;
    padding:0 10px 0 4px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    grid-column:1!important;
    grid-row:1!important;
    width:110px!important;
    max-width:110px!important;
    height:68px!important;
    max-height:68px!important;
    min-width:110px!important;
    justify-self:center!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    transform:translateY(-1px)!important;
    position:relative!important;
    inset:auto!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    display:block!important;
    width:auto!important;
    max-width:110px!important;
    height:auto!important;
    max-height:60px!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    align-self:center!important;
    justify-self:center!important;
    transform:none!important;
    transform-origin:center center!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__copy{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:stretch!important;
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:minmax(128px,45%) minmax(0,1fr)!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:102px!important;
    max-width:102px!important;
    min-width:102px!important;
    transform:translateY(-1px)!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    max-width:102px!important;
    max-height:60px!important;
  }
}


/* v75.10.6: mobile-accessories uses a transparent PNG.
 * Never apply a dark media tile behind this identity.
 */
@media (max-width:1023px){
  body.avs-navigation-v75103 .avs-mobile-nav
  .avs-menu-item.is-accessory-card.is-mobile-accessories
  .avs-menu-card__media,
  body.avs-navigation-v75103 .avs-mobile-nav
  .avs-menu-item.is-accessory-card.is-mobile-accessories
  .avs-menu-card__media.is-tone-light,
  body.avs-navigation-v75103 .avs-mobile-nav
  .avs-menu-item.is-accessory-card.is-mobile-accessories
  .avs-menu-card__media.is-tone-dark{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.avs-navigation-v75103 .avs-mobile-nav
  .avs-menu-item.is-accessory-card.is-mobile-accessories
  .avs-menu-card__media::before{
    display:none!important;
    content:none!important;
  }
}


/* ===== SOURCE: navigation-v7511.css ===== */
/* AVS Navigation v75.11.0 — Accessory Finalization
 * Final visual-weight normalization for accessory artwork.
 * Loaded after all legacy/accessory styles and scoped only to accessory cards.
 */
@media (max-width:1023px){
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:minmax(136px,45%) minmax(0,1fr)!important;
    grid-template-rows:68px!important;
    height:68px!important;
    min-height:68px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:112px!important;
    max-width:112px!important;
    min-width:112px!important;
    height:68px!important;
    max-height:68px!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    inset:auto!important;
  }
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media::before{display:none!important;content:none!important}
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:112px!important;
    max-height:60px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    position:static!important;
    filter:drop-shadow(0 3px 6px rgba(15,23,42,.08))!important;
  }

  /* visual-weight tuning: wide artwork */
  body.avs-navigation-v7511 .avs-mobile-nav .is-keyboard .avs-menu-card__media img{max-width:118px!important;max-height:54px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-cables .avs-menu-card__media img{max-width:116px!important;max-height:56px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-monitor-arm .avs-menu-card__media img{max-width:116px!important;max-height:57px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-mobile-accessories .avs-menu-card__media img{max-width:116px!important;max-height:57px!important}

  /* balanced/square artwork */
  body.avs-navigation-v7511 .avs-mobile-nav .is-mouse .avs-menu-card__media img{max-width:92px!important;max-height:58px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-speaker .avs-menu-card__media img{max-width:94px!important;max-height:58px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-headset-mic .avs-menu-card__media img{max-width:96px!important;max-height:60px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-cooling-pad .avs-menu-card__media img{max-width:108px!important;max-height:58px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-bag .avs-menu-card__media img{max-width:98px!important;max-height:58px!important}

  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__copy{
    align-self:center!important;
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
}

@media (max-width:374px){
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card{
    grid-template-columns:minmax(126px,44%) minmax(0,1fr)!important;
  }
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media{
    width:102px!important;max-width:102px!important;min-width:102px!important;
  }
  body.avs-navigation-v7511 .avs-mobile-nav .avs-menu-item.is-accessory-card .avs-menu-card__media img{max-width:102px!important;max-height:58px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-keyboard .avs-menu-card__media img{max-width:106px!important;max-height:52px!important}
  body.avs-navigation-v7511 .avs-mobile-nav .is-cables .avs-menu-card__media img,
  body.avs-navigation-v7511 .avs-mobile-nav .is-monitor-arm .avs-menu-card__media img,
  body.avs-navigation-v7511 .avs-mobile-nav .is-mobile-accessories .avs-menu-card__media img{max-width:104px!important;max-height:54px!important}
}



/* --- v75.17.0 Desktop Laptop Stock normalization --- */
.avs-mega--v31,
.avs-mega--v31 .avs-final-card,
.avs-mega--v31 .avs-final-card *{font-family:inherit!important}
.avs-mega--v31 .avs-final-grid{grid-template-columns:1.04fr 1.08fr 1.12fr .94fr!important;gap:14px!important}
.avs-mega--v31 .avs-final-card{border-radius:18px!important;border:1px solid #e9edf5!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
.avs-mega--v31 .avs-final-card__title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}
.avs-mega--v31 .avs-final-card__title strong{font-size:16px!important;font-weight:900!important;letter-spacing:-.01em!important;color:#101828!important}
.avs-mega--v31 .avs-final-title-icon{background:linear-gradient(135deg,#fff1f3,#eef4ff)!important;color:#ef476f!important;border:1px solid #ffd5dd!important;box-shadow:none!important}
.avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem,
.avs-mega--v31 .avs-final-cpu-list>a,
.avs-mega--v31 .avs-final-gpu-brand,
.avs-mega--v31 .avs-final-gpu__vram>a{transition:all .18s ease!important}
.avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem:hover,
.avs-mega--v31 .avs-final-cpu-list>a:hover,
.avs-mega--v31 .avs-final-gpu-brand:hover,
.avs-mega--v31 .avs-final-gpu__vram>a:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(15,23,42,.08)!important}
.avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{min-height:60px!important;border-radius:14px!important;padding:10px 12px!important}
.avs-mega--v31 .avs-final-brandname{font-size:13.5px!important;font-weight:850!important}
.avs-mega--v31 .avs-final-cpu-list>a{min-height:58px!important;border-radius:14px!important;padding:10px 12px!important}
.avs-mega--v31 .avs-final-cpucopy strong{font-size:14px!important;font-weight:900!important;color:#101828!important}
.avs-mega--v31 .avs-final-cpucopy small{font-size:11.5px!important;line-height:1.7!important;color:#667085!important}
.avs-mega--v31 .avs-final-specs__eyebrow,
.avs-mega--v31 .avs-final-gpu__eyebrow{display:block!important;margin-bottom:8px!important;font-size:11px!important;font-weight:800!important;color:#667085!important}
.avs-mega--v31 .avs-final-generation-grid--visual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.avs-mega--v31 .avs-final-generationchip--visual{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:64px!important;padding:9px 10px!important;border:1px solid #dbeafe!important;border-radius:15px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;color:#0f172a!important}
.avs-mega--v31 .avs-final-generationchip--visual:hover{border-color:#93c5fd!important;background:#f3f9ff!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(37,99,235,.10)!important}
.avs-mega--v31 .avs-final-generationchip__main{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.avs-mega--v31 .avs-final-generationchip__visual{display:flex!important;align-items:center!important;justify-content:center!important;width:86px!important;height:40px!important;flex:0 0 86px!important}
.avs-mega--v31 .avs-final-generationchip__visual img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.avs-mega--v31 .avs-final-generationchip__fallback{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#eff6ff!important;color:#2563eb!important;font-size:16px!important;font-weight:900!important;flex:0 0 42px!important}
.avs-mega--v31 .avs-final-generationchip__copy{display:flex!important;flex-direction:column!important;min-width:0!important}
.avs-mega--v31 .avs-final-generationchip__copy strong{font-size:13px!important;font-weight:900!important;color:#111827!important}
.avs-mega--v31 .avs-final-generationchip__copy small{font-size:11px!important;line-height:1.65!important;color:#667085!important}
.avs-mega--v31 .avs-final-generationchip--visual>b{font-size:13px!important;color:#ef476f!important;flex:0 0 auto!important}
.avs-mega--v31 .avs-final-gpu__brands{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.avs-mega--v31 .avs-final-gpu-brand{min-height:72px!important;border-radius:14px!important;padding:10px 8px!important}
.avs-mega--v31 .avs-final-gpu-brand__name{font-size:12px!important;font-weight:850!important}
.avs-mega--v31 .avs-final-gpu__vram{gap:7px!important}
.avs-mega--v31 .avs-final-gpu__vram>a{min-height:36px!important;border-radius:11px!important;font-size:12px!important;font-weight:850!important}
.avs-mega--v31 .avs-final-featured{padding:18px!important;background:linear-gradient(180deg,#fff 0%,#fff8fa 100%)!important}
.avs-mega--v31 .avs-final-product>strong{font-size:14px!important;font-weight:900!important;line-height:1.75!important;color:#111827!important}
.avs-mega--v31 .avs-final-product__cta{background:linear-gradient(135deg,#ff537d,#ff2f64)!important;box-shadow:0 10px 24px rgba(255,47,100,.18)!important}
.avs-mega--v31 .avs-final-trust{margin-top:14px!important;gap:10px!important}
.avs-mega--v31 .avs-final-trust>div{min-height:70px!important;border-radius:16px!important;background:#fff!important;border:1px solid #edf1f7!important}
@media (max-width: 1600px){
  .avs-mega--v31 .avs-final-grid{grid-template-columns:1fr 1fr 1.05fr .92fr!important}
  .avs-mega--v31 .avs-final-generation-grid--visual{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* --- v75.17.0 Desktop Generation compact visual refinement --- */
@media (min-width: 1025px){
  .avs-mega--v31 .avs-final-generation-grid--visual{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .avs-mega--v31 .avs-final-generationchip--visual{
    min-height:50px!important;
    height:50px!important;
    padding:5px 7px!important;
    gap:7px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .avs-mega--v31 .avs-final-generationchip__main{
    gap:6px!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .avs-mega--v31 .avs-final-generationchip__visual{
    width:58px!important;
    height:38px!important;
    flex:0 0 58px!important;
  }
  .avs-mega--v31 .avs-final-generationchip__visual img{
    width:100%!important;
    height:100%!important;
    max-width:58px!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
  .avs-mega--v31 .avs-final-generationchip__copy{
    justify-content:center!important;
    gap:0!important;
    line-height:1.15!important;
  }
  .avs-mega--v31 .avs-final-generationchip__copy strong{
    font-size:11.5px!important;
    line-height:1.3!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .avs-mega--v31 .avs-final-generationchip__copy small{
    display:none!important;
  }
  .avs-mega--v31 .avs-final-generationchip--visual>b{
    font-size:11px!important;
    line-height:1!important;
  }
  .avs-mega--v31 .avs-final-specs__group>.avs-final-specs__eyebrow{
    margin-bottom:7px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }
}


/* --- v75.17.0 desktop + mobile GPU refinement --- */
.avs-mega--final .avs-mega__inner{padding:10px!important}
.avs-mega--v31 .avs-final-grid{grid-template-columns:.9fr .98fr .98fr .86fr!important;gap:10px!important}
.avs-mega--v31 .avs-final-card{border-radius:16px!important;padding:12px!important}
.avs-mega--v31 .avs-final-card__title{margin-bottom:10px!important;gap:8px!important}
.avs-mega--v31 .avs-final-card__title strong{font-size:14px!important;line-height:1.4!important}
.avs-mega--v31 .avs-final-title-icon{width:26px!important;height:26px!important;font-size:12px!important}
.avs-mega--v31 .avs-final-brandgrid{gap:6px!important}
.avs-mega--v31 .avs-final-brandgrid a.avs-final-branditem{min-height:48px!important;padding:8px 10px!important;border-radius:12px!important}
.avs-mega--v31 .avs-final-brandname{font-size:12.5px!important}
.avs-mega--v31 .avs-final-cpu-list>a{min-height:48px!important;padding:8px 10px!important;border-radius:12px!important}
.avs-mega--v31 .avs-final-cpumark{width:38px!important;height:38px!important;flex:0 0 38px!important}
.avs-mega--v31 .avs-final-cpucopy strong{font-size:13px!important}
.avs-mega--v31 .avs-final-cpucopy small{font-size:10.5px!important}
.avs-mega--v31 .avs-final-generation-grid--visual{gap:7px!important}
.avs-mega--v31 .avs-final-generationchip--visual{min-height:44px!important;padding:6px 8px!important;border-radius:12px!important}
.avs-mega--v31 .avs-final-generationchip__visual{width:54px!important;height:26px!important;flex:0 0 54px!important}
.avs-mega--v31 .avs-final-generationchip__copy strong{font-size:11px!important}
.avs-mega--v31 .avs-final-generationchip__copy small{display:none!important}
.avs-mega--v31 .avs-final-gpu__eyebrow,.avs-mega--v31 .avs-final-specs__eyebrow{font-size:10px!important;margin-bottom:6px!important}
.avs-mega--v31 .avs-final-gpu__brands{gap:6px!important}
.avs-mega--v31 .avs-final-gpu-brand{min-height:58px!important;padding:8px 6px!important;border-radius:12px!important}
.avs-mega--v31 .avs-final-gpu-brand__visual{height:22px!important}
.avs-mega--v31 .avs-final-gpu-brand__name{font-size:11px!important}
.avs-mega--v31 .avs-final-gpu__group--vram{margin-top:12px!important}
.avs-mega--v31 .avs-final-gpu__vram--visual{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.avs-mega--v31 .avs-final-gpu-vramitem{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:4px!important;border:1px solid #dbe6f2!important;border-radius:12px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:none!important}
.avs-mega--v31 .avs-final-gpu-vramitem:hover{border-color:#93c5fd!important;background:#f3f9ff!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(37,99,235,.10)!important}
.avs-mega--v31 .avs-final-gpu-vramitem__visual{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:28px!important}
.avs-mega--v31 .avs-final-gpu-vramitem__visual img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.avs-mega--v31 .avs-final-gpu-vramitem__fallback{font-size:10px!important;font-weight:900!important;color:#2563eb!important}
.avs-mega--v31 .avs-final-featured{padding:14px!important}
.avs-mega--v31 .avs-final-product{gap:6px!important}
.avs-mega--v31 .avs-final-product img{max-width:150px!important;height:102px!important}
.avs-mega--v31 .avs-final-product>strong{font-size:13px!important;line-height:1.65!important}
.avs-mega--v31 .avs-final-product__price{font-size:12.5px!important;min-height:22px!important}
.avs-mega--v31 .avs-final-product__cta{min-height:40px!important;font-size:12px!important;border-radius:10px!important}
.avs-mega--v31 .avs-final-trust{margin-top:10px!important;gap:8px!important}
.avs-mega--v31 .avs-final-trust>div{min-height:56px!important;padding:7px 8px!important;border-radius:13px!important}
.avs-mega--v31 .avs-final-trust i{width:30px!important;height:30px!important;font-size:13px!important}
.avs-mega--v31 .avs-final-trust b{font-size:11.5px!important}
.avs-mega--v31 .avs-final-trust small{font-size:9.5px!important;line-height:1.45!important}
@media (max-width:1500px){.avs-mega--v31 .avs-final-grid{grid-template-columns:.88fr .98fr .96fr .84fr!important}}

.avs-mobile-nav .avs-menu-item.is-gpu-route-card .avs-menu-card{min-height:74px!important;padding:12px 14px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-route-card .avs-menu-card__media{width:132px!important;max-width:132px!important;height:58px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-route-card .avs-menu-card__media img{max-width:126px!important;max-height:54px!important;object-fit:contain!important}
.avs-mobile-nav .avs-menu-item.is-gpu-route-card .avs-menu-card__copy strong{font-size:13px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-route-card .avs-menu-card__copy small{font-size:8.8px!important;color:#8a93a3!important}
.avs-mobile-nav .avs-menu-item.is-gpu-vram-badge .avs-menu-card,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-nvidia .avs-menu-card,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-intel-gpu .avs-menu-card,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-amd-gpu .avs-menu-card{min-height:72px!important;padding:10px 12px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-vram-badge .avs-menu-card__media,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-nvidia .avs-menu-card__media,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-intel-gpu .avs-menu-card__media,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-amd-gpu .avs-menu-card__media{width:74px!important;max-width:74px!important;height:56px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-vram-badge .avs-menu-card__media img,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-nvidia .avs-menu-card__media img,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-intel-gpu .avs-menu-card__media img,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-amd-gpu .avs-menu-card__media img{max-width:70px!important;max-height:46px!important;object-fit:contain!important}
.avs-mobile-nav .avs-menu-item.is-gpu-vram-badge .avs-menu-card__copy strong,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-nvidia .avs-menu-card__copy strong,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-intel-gpu .avs-menu-card__copy strong,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-amd-gpu .avs-menu-card__copy strong{font-size:13px!important}
.avs-mobile-nav .avs-menu-item.is-gpu-vram-badge .avs-menu-card__copy small,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-nvidia .avs-menu-card__copy small,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-intel-gpu .avs-menu-card__copy small,
.avs-mobile-nav .avs-menu-item.is-gpu-identity.is-amd-gpu .avs-menu-card__copy small{display:none!important}


/* --- v75.17.0 final desktop laptop stock column layout --- */
.avs-mega--desktop-laptop-final .avs-mega__inner{padding:12px!important;background:#fff!important}
.avs-mega--desktop-laptop-final .avs-final-grid{grid-template-columns:1.02fr 1.05fr 1.08fr 1fr!important;gap:14px!important;align-items:start!important}
.avs-mega--desktop-laptop-final .avs-final-card{position:relative!important;overflow:hidden!important;padding:16px 14px!important;border-radius:18px!important;border:1px solid #e8edf5!important;background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important}
.avs-mega--desktop-laptop-final .avs-final-col::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;border-radius:18px 18px 0 0;background:#cbd5e1}
.avs-mega--desktop-laptop-final .avs-final-col--brands::before{background:linear-gradient(90deg,#ff4d73,#ff8ba5)}
.avs-mega--desktop-laptop-final .avs-final-col--cpu::before{background:linear-gradient(90deg,#2d8cff,#73b8ff)}
.avs-mega--desktop-laptop-final .avs-final-col--generation::before{background:linear-gradient(90deg,#4f46e5,#8b7cf6)}
.avs-mega--desktop-laptop-final .avs-final-col--gpu::before{background:linear-gradient(90deg,#10b981,#6ee7b7)}
.avs-mega--desktop-laptop-final .avs-final-card__title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}
.avs-mega--desktop-laptop-final .avs-final-card__title--withhint>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
.avs-mega--desktop-laptop-final .avs-final-card__title strong{font-size:17px!important;line-height:1.45!important;font-weight:900!important;color:#101828!important;letter-spacing:-.01em!important}
.avs-mega--desktop-laptop-final .avs-final-card__hint{font-size:11px!important;line-height:1.6!important;font-weight:700!important;color:#7b8794!important}
.avs-mega--desktop-laptop-final .avs-final-title-icon{width:30px!important;height:30px!important;border-radius:10px!important;box-shadow:none!important}
.avs-mega--desktop-laptop-final .avs-final-brandgrid--master{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:88px!important;padding:12px 10px!important;border-radius:16px!important;border:1px solid #e7edf5!important;background:#fff!important;transition:all .18s ease!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master:hover{transform:translateY(-2px)!important;border-color:#b8d8ff!important;box-shadow:0 12px 24px rgba(37,99,235,.09)!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark img{max-width:70px!important;max-height:42px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{font-size:13px!important;font-weight:900!important;color:#162033!important;text-align:center!important}
.avs-mega--desktop-laptop-final .avs-final-cpu-list--master{display:flex!important;flex-direction:column!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master{min-height:72px!important;padding:11px 12px!important;border-radius:16px!important;border:1px solid #e7edf5!important;background:#fff!important;transition:all .18s ease!important}
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master:hover{transform:translateY(-1px)!important;border-color:#b8d8ff!important;box-shadow:0 10px 24px rgba(37,99,235,.08)!important}
.avs-mega--desktop-laptop-final .avs-final-cpumark{width:46px!important;height:46px!important;flex:0 0 46px!important}
.avs-mega--desktop-laptop-final .avs-final-cpumark img{max-width:46px!important;max-height:46px!important}
.avs-mega--desktop-laptop-final .avs-final-cpucopy strong{font-size:14px!important;font-weight:900!important;color:#111827!important}
.avs-mega--desktop-laptop-final .avs-final-cpucopy small{font-size:11px!important;line-height:1.6!important;color:#748092!important}
.avs-mega--desktop-laptop-final .avs-final-generation-grid--master{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual{min-height:60px!important;padding:9px 10px!important;border-radius:15px!important;border:1px solid #dbe5fb!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;transition:all .18s ease!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual:hover{transform:translateY(-1px)!important;border-color:#afc7ff!important;box-shadow:0 10px 20px rgba(79,70,229,.08)!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual{width:66px!important;height:34px!important;flex:0 0 66px!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual img{max-width:66px!important;max-height:34px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__copy strong{font-size:13px!important;font-weight:900!important;color:#111827!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__copy small{display:none!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual>b{font-size:12px!important;color:#ef476f!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__eyebrow{display:block!important;margin-bottom:7px!important;font-size:11px!important;font-weight:900!important;color:#617184!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__brands--master{display:flex!important;flex-direction:column!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:70px!important;padding:10px 12px!important;border-radius:15px!important;border:1px solid #e5f1ec!important;background:#fff!important;transition:all .18s ease!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master:hover{transform:translateY(-1px)!important;border-color:#a7e1c5!important;box-shadow:0 10px 22px rgba(16,185,129,.10)!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual{height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual img{max-width:84px!important;max-height:28px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{font-size:13px!important;font-weight:900!important;color:#132a20!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__group--vram-master{margin-top:14px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem{min-height:56px!important;padding:6px!important;border-radius:14px!important;border:1px solid #e0ecff!important;background:#fff!important;transition:all .18s ease!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem:hover{transform:translateY(-1px)!important;border-color:#b7d0ff!important;box-shadow:0 8px 18px rgba(37,99,235,.09)!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual{height:36px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual img{max-width:62px!important;max-height:36px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-trust--compact{margin-top:12px!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-trust--compact>div{min-height:58px!important;padding:8px 10px!important;border-radius:16px!important;background:#fff!important;border:1px solid #edf1f7!important}
.avs-mega--desktop-laptop-final .avs-final-trust--compact i{width:32px!important;height:32px!important;font-size:13px!important}
.avs-mega--desktop-laptop-final .avs-final-trust--compact b{font-size:12px!important;font-weight:900!important;color:#162033!important}
.avs-mega--desktop-laptop-final .avs-final-trust--compact small{font-size:10px!important;line-height:1.45!important;color:#7b8794!important}
@media (max-width:1650px){.avs-mega--desktop-laptop-final .avs-final-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.avs-mega--desktop-laptop-final .avs-final-card__title strong{font-size:16px!important}}


/* --- v75.25.1 desktop laptop uniform geometry --- */
.avs-mega--desktop-laptop-final .avs-final-grid{
  align-items:stretch!important;
}
.avs-mega--desktop-laptop-final .avs-final-col{
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.avs-mega--desktop-laptop-final .avs-final-card__title--withhint{
  min-height:58px!important;
  margin-bottom:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #eef2f7!important;
}
.avs-mega--desktop-laptop-final .avs-final-card__title--withhint>div{
  justify-content:center!important;
}

/* One media geometry for every desktop laptop-stock identity image. */
.avs-mega--desktop-laptop-final .avs-final-brandmark,
.avs-mega--desktop-laptop-final .avs-final-cpumark,
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual,
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__visual,
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual{
  width:65px!important;
  height:65px!important;
  min-width:65px!important;
  min-height:65px!important;
  max-width:65px!important;
  max-height:65px!important;
  flex:0 0 65px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.avs-mega--desktop-laptop-final .avs-final-brandmark img,
.avs-mega--desktop-laptop-final .avs-final-cpumark img,
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual img,
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__visual img,
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual img{
  width:auto!important;
  height:auto!important;
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
  transform:none!important;
  margin:0!important;
}
/* Explicitly override old brand-specific dimensions. */
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-dell img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-hp img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-lenovo img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-asus img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-apple img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-microsoft img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-acer img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-fujitsu img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-msi img,
.avs-mega--desktop-laptop-final .avs-final-brandmark.is-toshiba img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
  transform:none!important;
}

/* Unified clickable card geometry. */
.avs-mega--desktop-laptop-final .avs-final-branditem--master,
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master,
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual,
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master,
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem{
  box-sizing:border-box!important;
  min-height:76px!important;
  height:76px!important;
  border:1px solid #e1e8f1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master:hover,
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master:hover,
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual:hover,
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master:hover,
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem:hover{
  transform:translateY(-1px)!important;
  border-color:#b9cbea!important;
  box-shadow:0 7px 18px rgba(15,23,42,.07)!important;
}

/* Brand cards remain a compact 2-column matrix but share the same item height. */
.avs-mega--desktop-laptop-final .avs-final-brandgrid--master{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:76px!important;
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master{
  flex-direction:row!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:5px 9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{
  flex:1 1 auto!important;
  min-width:0!important;
  font-size:12.5px!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.avs-mega--desktop-laptop-final .avs-final-cpu-list--master{
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master{
  padding:5px 9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-cpu-main{
  gap:10px!important;
}
.avs-mega--desktop-laptop-final .avs-final-cpucopy strong{
  font-size:13px!important;
}
.avs-mega--desktop-laptop-final .avs-final-cpucopy small{
  margin-top:2px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.avs-mega--desktop-laptop-final .avs-final-generation-grid--master{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:76px!important;
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual{
  padding:5px 8px!important;
}
.avs-mega--desktop-laptop-final .avs-final-generationchip__main{
  gap:8px!important;
}
.avs-mega--desktop-laptop-final .avs-final-generationchip__copy strong{
  font-size:12px!important;
  white-space:nowrap!important;
}

.avs-mega--desktop-laptop-final .avs-final-gpu__brands--master{
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{
  padding:5px 9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{
  font-size:12.5px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__group--vram-master{
  margin-top:12px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:76px!important;
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem{
  padding:5px!important;
}

/* Equal outer frames across all four columns. */
.avs-mega--desktop-laptop-final .avs-final-col--brands,
.avs-mega--desktop-laptop-final .avs-final-col--cpu,
.avs-mega--desktop-laptop-final .avs-final-col--generation,
.avs-mega--desktop-laptop-final .avs-final-col--gpu{
  min-height:650px!important;
}

.avs-mega--desktop-laptop-final .avs-final-trust--compact>div{
  min-height:56px!important;
  height:56px!important;
  border-radius:14px!important;
}


/* --- v75.25.1 desktop cleanup for laptop stock --- */
.avs-mega--desktop-laptop-final .avs-final-card__title,
.avs-mega--desktop-laptop-final .avs-final-card__title--withhint{min-height:58px!important;align-items:flex-start!important}
.avs-mega--desktop-laptop-final .avs-final-card__title--withhint>div{padding-top:1px!important}
.avs-mega--desktop-laptop-final .avs-final-card__title strong{line-height:1.35!important}
.avs-mega--desktop-laptop-final .avs-final-card__hint{line-height:1.45!important;margin-top:3px!important;white-space:normal!important}
.avs-mega--desktop-laptop-final .avs-final-brandgrid--master{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master{display:grid!important;grid-template-rows:65px auto!important;justify-items:center!important;align-content:center!important;min-height:104px!important;padding:12px!important;gap:8px!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark{width:65px!important;height:65px!important;min-height:65px!important;margin:0 auto!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{display:block!important;line-height:1.35!important;min-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master{min-height:78px!important}
.avs-mega--desktop-laptop-final .avs-final-cpu-main{gap:12px!important;align-items:center!important}
.avs-mega--desktop-laptop-final .avs-final-cpumark{width:65px!important;height:65px!important;flex:0 0 65px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-cpumark img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-cpucopy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.avs-mega--desktop-laptop-final .avs-final-cpucopy small{line-height:1.5!important}
.avs-mega--desktop-laptop-final .avs-final-generation-grid--master{gap:12px!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip--visual{min-height:78px!important;padding:10px 12px!important;gap:10px!important;align-items:center!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual{width:65px!important;height:65px!important;flex:0 0 65px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__visual img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-generationchip__copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__brands--master{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{display:grid!important;grid-template-rows:65px auto!important;justify-items:center!important;align-content:center!important;min-height:104px!important;padding:12px 8px!important;gap:8px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual{width:65px!important;height:65px!important;min-height:65px!important;margin:0 auto!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{line-height:1.35!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__group--vram-master{margin-top:16px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem{min-height:78px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual{width:65px!important;height:65px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
.avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__fallback{font-size:12px!important;line-height:1.2!important}


/* --- v75.25.1 brand text alignment cleanup --- */
.avs-mega--desktop-laptop-final .avs-final-branditem--master{
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:88px!important;
  padding:12px 14px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark{
  width:65px!important;
  height:65px!important;
  min-height:65px!important;
  flex:0 0 65px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
  direction:ltr!important;
  padding-left:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* --- v75.25.1 final brand + graphics polish --- */
/* Brand: stable right-side logo + left-side label without bidi distortion. */
.avs-mega--desktop-laptop-final .avs-final-brandgrid--master{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:88px!important;
  gap:10px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:88px!important;
  height:88px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark{
  width:60px!important;
  height:60px!important;
  min-height:60px!important;
  flex:0 0 60px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark img{
  max-width:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0 2px 0 0!important;
  text-align:left!important;
  direction:inherit!important;
  unicode-bidi:plaintext!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:900!important;
}

/* Graphics manufacturers: one visually balanced row of three equal cards. */
.avs-mega--desktop-laptop-final .avs-final-gpu__brands--master{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:92px!important;
  gap:10px!important;
  align-items:stretch!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:92px!important;
  height:92px!important;
  padding:8px 5px!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual{
  width:60px!important;
  height:60px!important;
  min-height:60px!important;
  flex:0 0 60px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual img{
  max-width:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{
  display:block!important;
  width:100%!important;
  min-height:16px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

/* VRAM: 4 + centered 3 layout, equal cards, no dead left/right slot. */
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:9px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem{
  flex:0 0 calc((100% - 27px)/4)!important;
  width:calc((100% - 27px)/4)!important;
  min-width:0!important;
  min-height:72px!important;
  height:72px!important;
  padding:6px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual{
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual img{
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
}

/* Cleaner section rhythm inside graphics column. */
.avs-mega--desktop-laptop-final .avs-final-col--gpu .avs-final-gpu__eyebrow{
  margin:0 0 8px!important;
  line-height:1.45!important;
}
.avs-mega--desktop-laptop-final .avs-final-col--gpu .avs-final-gpu__group--vram-master{
  margin-top:14px!important;
}


/* --- v75.25.1 final brand stretch + 65px graphics assets --- */
.avs-mega--desktop-laptop-final .avs-final-brandgrid--master{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:92px!important;
  gap:10px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:92px!important;
  height:92px!important;
  padding:10px 16px 10px 14px!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark{
  width:65px!important;
  height:65px!important;
  min-height:65px!important;
  flex:0 0 65px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandmark img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
}
.avs-mega--desktop-laptop-final .avs-final-branditem--master .avs-final-brandname{
  flex:1 1 auto!important;
  min-width:0!important;
  width:calc(100% - 77px)!important;
  padding:0 0 0 6px!important;
  margin-left:auto!important;
  text-align:left!important;
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__brands--master{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:96px!important;
  gap:10px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{
  min-height:96px!important;
  height:96px!important;
  padding:8px 8px!important;
  gap:6px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual{
  width:65px!important;
  height:65px!important;
  min-height:65px!important;
  flex:0 0 65px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{
  font-size:12px!important;
  line-height:1.35!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:10px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem{
  flex:0 0 calc((100% - 30px)/4)!important;
  width:calc((100% - 30px)/4)!important;
  min-height:78px!important;
  height:78px!important;
  padding:6px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual{
  width:65px!important;
  height:65px!important;
}
.avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
}


/* ======================================================================
   v75.25.1 — Shared Desktop Menu Design System
   Master tokens/components for Laptop, Workstation and future menus.
   ====================================================================== */
@media (min-width:1025px){
  .avs-desktop-system{
    --avs-ds-media:65px;
    --avs-ds-radius:18px;
    --avs-ds-card-radius:14px;
    --avs-ds-border:#e1e8f1;
    --avs-ds-border-soft:#e8edf5;
    --avs-ds-text:#162033;
    --avs-ds-muted:#7b8794;
    --avs-ds-bg:#fff;
    --avs-ds-bg-soft:#fcfdff;
    --avs-ds-gap:12px;
    --avs-ds-shadow:0 12px 30px rgba(15,23,42,.05);
    --avs-ds-hover-shadow:0 9px 22px rgba(15,23,42,.08);
  }
  .avs-desktop-system .avs-mega__inner{
    padding:12px!important;
    background:#fff!important;
  }
  .avs-ds-grid{
    display:grid!important;
    gap:var(--avs-ds-gap)!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  .avs-ds-grid--workstation{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    direction:rtl!important;
  }
  .avs-ds-panel{
    --avs-ds-accent:#ff5a7d;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:430px!important;
    padding:16px 14px!important;
    border:1px solid var(--avs-ds-border-soft)!important;
    border-radius:var(--avs-ds-radius)!important;
    background:linear-gradient(180deg,var(--avs-ds-bg) 0%,var(--avs-ds-bg-soft) 100%)!important;
    box-shadow:var(--avs-ds-shadow)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .avs-ds-panel::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:4px!important;
    background:var(--avs-ds-accent)!important;
  }
  .avs-ds-panel.accent-1{--avs-ds-accent:#ff5a7d}
  .avs-ds-panel.accent-2{--avs-ds-accent:#4b9cff}
  .avs-ds-panel.accent-3{--avs-ds-accent:#7267f0}
  .avs-ds-panel.accent-4{--avs-ds-accent:#2fc994}
  .avs-ds-panel__head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--avs-ds-media)!important;
    grid-template-areas:"copy media"!important;
    align-items:center!important;
    gap:14px!important;
    min-height:92px!important;
    padding:4px 2px 14px!important;
    margin-bottom:12px!important;
    border-bottom:1px solid #e8edf3!important;
    direction:ltr!important;
  }
  .avs-ds-media{
    grid-area:media!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    width:var(--avs-ds-media)!important;
    height:var(--avs-ds-media)!important;
    min-width:var(--avs-ds-media)!important;
    min-height:var(--avs-ds-media)!important;
    max-width:var(--avs-ds-media)!important;
    max-height:var(--avs-ds-media)!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .avs-ds-media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:var(--avs-ds-media)!important;
    max-height:var(--avs-ds-media)!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    filter:none!important;
  }
  .avs-ds-media--fallback{
    border-radius:14px!important;
    background:#f5f8fc!important;
    color:#42526b!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  .avs-ds-panel__copy{
    grid-area:copy!important;
    min-width:0!important;
    text-align:left!important;
    direction:rtl!important;
    unicode-bidi:plaintext!important;
  }
  .avs-ds-panel__copy strong{
    display:block!important;
    margin:0 0 5px!important;
    color:var(--avs-ds-text)!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.35!important;
  }
  .avs-ds-panel__copy small{
    display:block!important;
    color:var(--avs-ds-muted)!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.55!important;
  }
  .avs-ds-options{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    min-width:0!important;
  }
  .avs-ds-option{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px 18px!important;
    grid-template-areas:"label media arrow"!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    min-height:64px!important;
    padding:9px 11px!important;
    border:1px solid var(--avs-ds-border)!important;
    border-radius:var(--avs-ds-card-radius)!important;
    background:#fff!important;
    color:var(--avs-ds-text)!important;
    text-decoration:none!important;
    direction:ltr!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }
  .avs-ds-option:hover,
  .avs-ds-option:focus-visible{
    border-color:#b9cbea!important;
    box-shadow:var(--avs-ds-hover-shadow)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }
  .avs-ds-option.is-static{cursor:default!important}
  .avs-ds-option__media{
    grid-area:media!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
  }
  .avs-ds-option__media img{
    max-width:44px!important;
    max-height:44px!important;
    object-fit:contain!important;
  }
  .avs-ds-option__label{
    grid-area:label!important;
    min-width:0!important;
    text-align:left!important;
    direction:rtl!important;
    unicode-bidi:plaintext!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
  .avs-ds-option__arrow{
    grid-area:arrow!important;
    color:#ff4d73!important;
    font-size:13px!important;
    font-weight:800!important;
    text-align:center!important;
  }
  .avs-ds-panel__all{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:46px!important;
    margin-top:auto!important;
    padding:10px 12px!important;
    border-radius:13px!important;
    background:#f7f9fc!important;
    color:#243148!important;
    font-size:12px!important;
    font-weight:900!important;
    text-decoration:none!important;
    transition:background .16s ease,color .16s ease!important;
  }
  .avs-ds-panel__all:hover,
  .avs-ds-panel__all:focus-visible{
    background:#fff0f4!important;
    color:#e52f59!important;
    outline:none!important;
  }
  .avs-desktop-system .avs-ds-trust{
    margin-top:12px!important;
  }
  @media (max-width:1450px){
    .avs-ds-grid--workstation{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
    .avs-ds-panel__copy strong{font-size:15px!important}
  }
}


/* --- v75.25.1 shared compact family cards: Workstation + Mini PC --- */
@media (min-width:1025px){
  .avs-mega--desktop-workstation-final .avs-mega__inner,
  .avs-mega--desktop-mini-pc-final .avs-mega__inner{padding:12px!important}
  .avs-ds-grid--family-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
  .avs-ds-panel--family{min-height:0!important;height:auto!important;padding:14px!important;text-decoration:none!important;color:inherit!important;cursor:pointer!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}
  .avs-ds-panel--family:hover,.avs-ds-panel--family:focus-visible{border-color:#bfd0e8!important;box-shadow:var(--avs-ds-hover-shadow)!important;transform:translateY(-2px)!important;outline:none!important}
  .avs-ds-panel--family.is-static{cursor:default!important}
  .avs-ds-panel__head--family{min-height:86px!important;margin:0!important;padding:4px 2px!important;border-bottom:0!important}
  .avs-ds-panel__head--family .avs-ds-media{width:65px!important;height:65px!important;min-width:65px!important;min-height:65px!important;max-width:65px!important;max-height:65px!important}
  .avs-ds-panel__head--family .avs-ds-media img{max-width:65px!important;max-height:65px!important;object-fit:contain!important}
  .avs-ds-panel__head--family .avs-ds-panel__copy strong{font-size:17px!important;margin-bottom:6px!important}
  .avs-ds-panel__head--family .avs-ds-panel__copy small{font-size:11px!important;line-height:1.55!important}
  .avs-mega--desktop-workstation-final .avs-ds-trust,.avs-mega--desktop-mini-pc-final .avs-ds-trust{margin-top:12px!important}
}


/* ======================================================================
   v75.25.1 — Brand component final guard
   Stable semantic classes: intentionally unversioned. Runtime filename
   owns cache busting; component class names stay permanent.
   ====================================================================== */
@media (min-width:1025px){
  .avs-mega--desktop-laptop-final .avs-laptop-brand-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:92px!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 65px!important;
    grid-template-areas:"label media"!important;
    align-items:center!important;
    column-gap:14px!important;
    width:100%!important;
    min-width:0!important;
    height:92px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    box-sizing:border-box!important;
    border:1px solid #e1e8f1!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#162033!important;
    text-decoration:none!important;
    overflow:hidden!important;
    direction:ltr!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__label{
    grid-area:label!important;
    display:-webkit-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-self:stretch!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    unicode-bidi:plaintext!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.45!important;
    color:#162033!important;
    white-space:normal!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__media{
    grid-area:media!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    position:static!important;
    transform:none!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__media img{
    display:block!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__fallback{
    grid-area:media!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:65px!important;
    height:65px!important;
    border-radius:14px!important;
    background:#f5f8fc!important;
    color:#42526b!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card:hover,
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card:focus-visible{
    border-color:#b9cbea!important;
    box-shadow:0 7px 18px rgba(15,23,42,.07)!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }
}


/* --- v75.25.1 shared desktop catalog cards: Parts foundation --- */
.avs-ds-grid--catalog-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.avs-ds-panel--catalog{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--avs-ds-media)!important;
  align-items:center!important;
  gap:16px!important;
  min-height:116px!important;
  padding:16px!important;
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.avs-ds-panel--catalog:hover,
.avs-ds-panel--catalog:focus-visible{
  border-color:#bfd0e8!important;
  box-shadow:var(--avs-ds-hover-shadow)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}
.avs-ds-panel--catalog.is-static{cursor:default!important}
.avs-ds-panel--catalog>.avs-ds-media{
  grid-column:2!important;
  grid-row:1!important;
  width:65px!important;
  height:65px!important;
  min-width:65px!important;
  min-height:65px!important;
  max-width:65px!important;
  max-height:65px!important;
}
.avs-ds-panel--catalog>.avs-ds-media img{
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
}
.avs-ds-panel__copy--catalog{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  text-align:right!important;
}
.avs-ds-panel__copy--catalog strong{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--avs-ds-text)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
}
.avs-ds-panel__copy--catalog small{
  display:block!important;
  color:var(--avs-ds-muted)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.65!important;
}
.avs-mega--desktop-parts-final .avs-ds-trust{margin-top:12px!important}
@media (max-width:1500px){
  .avs-ds-grid--catalog-3{gap:10px!important}
  .avs-ds-panel--catalog{gap:12px!important;padding:14px!important}
  .avs-ds-panel__copy--catalog strong{font-size:14px!important}
}


/* --- v75.25.1 parts image size boost --- */
.avs-mega--desktop-parts-final{
  --avs-ds-parts-media:125px!important;
}
.avs-mega--desktop-parts-final .avs-ds-grid--catalog-3{
  gap:14px!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel--catalog{
  grid-template-columns:minmax(0,1fr) var(--avs-ds-parts-media)!important;
  min-height:128px!important;
  gap:18px!important;
  padding:18px!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel--catalog>.avs-ds-media{
  width:var(--avs-ds-parts-media)!important;
  height:var(--avs-ds-parts-media)!important;
  min-width:var(--avs-ds-parts-media)!important;
  min-height:var(--avs-ds-parts-media)!important;
  max-width:var(--avs-ds-parts-media)!important;
  max-height:var(--avs-ds-parts-media)!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel--catalog>.avs-ds-media img{
  max-width:var(--avs-ds-parts-media)!important;
  max-height:var(--avs-ds-parts-media)!important;
  object-fit:contain!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel__copy--catalog strong{
  font-size:16px!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel__copy--catalog small{
  font-size:11px!important;
}
@media (max-width:1500px){
  .avs-mega--desktop-parts-final{
    --avs-ds-parts-media:125px!important;
  }
  .avs-mega--desktop-parts-final .avs-ds-panel--catalog{
    min-height:164px!important;
    gap:18px!important;
    padding:18px!important;
  }
}


/* --- v75.25.1 exact 125px Parts image contract --- */
.avs-mega--desktop-parts-final .avs-ds-panel--catalog > .avs-ds-media{
  width:125px!important;
  height:125px!important;
  min-width:125px!important;
  min-height:125px!important;
  max-width:125px!important;
  max-height:125px!important;
}
.avs-mega--desktop-parts-final .avs-ds-panel--catalog > .avs-ds-media img{
  max-width:125px!important;
  max-height:125px!important;
  object-fit:contain!important;
}


/* --- v75.25.1 desktop accessories catalog on shared design system --- */
.avs-mega--desktop-accessories-final{
  --avs-ds-accessory-media-w:125px;
  --avs-ds-accessory-media-h:72px;
}
.avs-mega--desktop-accessories-final .avs-ds-grid--catalog-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.avs-mega--desktop-accessories-final .avs-ds-panel--catalog{
  grid-template-columns:minmax(0,1fr) var(--avs-ds-accessory-media-w)!important;
  min-height:118px!important;
  gap:18px!important;
  padding:16px 18px!important;
  overflow:hidden!important;
}
.avs-mega--desktop-accessories-final .avs-ds-panel--catalog>.avs-ds-media{
  width:var(--avs-ds-accessory-media-w)!important;
  height:var(--avs-ds-accessory-media-h)!important;
  min-width:var(--avs-ds-accessory-media-w)!important;
  min-height:var(--avs-ds-accessory-media-h)!important;
  max-width:var(--avs-ds-accessory-media-w)!important;
  max-height:var(--avs-ds-accessory-media-h)!important;
  border-radius:12px!important;
  background:transparent!important;
  overflow:visible!important;
}
.avs-mega--desktop-accessories-final .avs-ds-panel--catalog>.avs-ds-media img{
  width:auto!important;
  height:auto!important;
  max-width:125px!important;
  max-height:72px!important;
  object-fit:contain!important;
  transform:none!important;
}
.avs-mega--desktop-accessories-final .avs-ds-panel__copy--catalog strong{
  font-size:16px!important;
  line-height:1.45!important;
}
.avs-mega--desktop-accessories-final .avs-ds-panel__copy--catalog small{
  font-size:10.8px!important;
  line-height:1.65!important;
}
.avs-mega--desktop-accessories-final .avs-ds-trust{margin-top:12px!important}
@media (max-width:1500px){
  .avs-mega--desktop-accessories-final{
    --avs-ds-accessory-media-w:112px;
    --avs-ds-accessory-media-h:68px;
  }
  .avs-mega--desktop-accessories-final .avs-ds-panel--catalog{
    min-height:112px!important;
    gap:14px!important;
    padding:14px 16px!important;
  }
  .avs-mega--desktop-accessories-final .avs-ds-panel--catalog>.avs-ds-media img{
    max-width:112px!important;
    max-height:68px!important;
  }
}

/* --- v75.25.1 desktop service menus mirrored from mobile IA --- */
.avs-mega--desktop-service-final .avs-mega__inner,
.avs-mega--desktop-contact-final .avs-mega__inner{
  padding:14px!important;
  background:#fff!important;
}
.avs-ds-service-hero,
.avs-ds-contact-hero{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:108px!important;
  padding:14px 16px!important;
  border:1px solid var(--avs-ds-border,#e5eaf1)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
.avs-ds-service-hero__visual,
.avs-ds-contact-hero__visual{
  width:76px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:17px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}
.avs-ds-service-hero__visual img,
.avs-ds-contact-hero__visual img{
  max-width:72px!important;
  max-height:72px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.avs-ds-service-hero__copy,
.avs-ds-contact-hero__copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.avs-ds-service-hero__copy strong,
.avs-ds-contact-hero__copy strong{
  color:#162033!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:950!important;
}
.avs-ds-service-hero__copy small,
.avs-ds-contact-hero__copy>small{
  color:#687386!important;
  font-size:11px!important;
  line-height:1.6!important;
  font-weight:750!important;
}
.avs-ds-contact-hero__copy>b{
  color:#7c8798!important;
  font-size:10.5px!important;
  line-height:1.65!important;
  font-weight:700!important;
}
.avs-ds-service-hero__cta{
  min-width:112px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 14px!important;
  border:1px solid #dfe6f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#344054!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:900!important;
  transition:.16s ease!important;
}
.avs-ds-service-hero__cta:hover{border-color:#b7cff1!important;box-shadow:0 8px 18px rgba(37,99,235,.08)!important;transform:translateY(-1px)!important}
.avs-ds-grid--service{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}
.avs-ds-service-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
  align-items:center!important;
  gap:14px!important;
  min-height:96px!important;
  padding:12px 14px!important;
  border:1px solid #e5eaf1!important;
  border-radius:15px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:.16s ease!important;
}
.avs-ds-service-card:hover,.avs-ds-service-card:focus-visible{border-color:#bfd0e8!important;box-shadow:0 9px 20px rgba(15,23,42,.06)!important;transform:translateY(-1px)!important;outline:none!important}
.avs-ds-service-card.is-static{cursor:default!important}
.avs-ds-service-card__media{
  grid-column:2!important;
  grid-row:1!important;
  width:65px!important;
  height:65px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}
.avs-ds-service-card__media img{max-width:65px!important;max-height:65px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.avs-ds-service-card__copy{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;text-align:right!important}
.avs-ds-service-card__copy strong{font-size:13px!important;line-height:1.5!important;font-weight:900!important;color:#172033!important}
.avs-ds-service-card__copy small{font-size:10px!important;line-height:1.55!important;font-weight:700!important;color:#8791a1!important}
.avs-ds-service-destination{
  margin-top:12px!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:14px 18px!important;
  border:1px solid #e5eaf1!important;
  border-radius:16px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
}
.avs-ds-service-destination__visual{width:76px!important;height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.avs-ds-service-destination__visual img{max-width:72px!important;max-height:72px!important;object-fit:contain!important}
.avs-ds-service-destination>span:last-child{display:flex!important;flex-direction:column!important;gap:4px!important}
.avs-ds-service-destination strong{font-size:16px!important;font-weight:900!important;color:#172033!important}
.avs-ds-service-destination small{font-size:11px!important;font-weight:700!important;color:#7b8798!important}
.avs-mega--desktop-service-final .avs-ds-trust{margin-top:12px!important}

/* Contact: same six actions/order/data as mobile, adapted to desktop scale. */
.avs-ds-contact-hero{grid-template-columns:84px minmax(0,1fr)!important}
.avs-ds-contact-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
.avs-ds-contact-action{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:12px 8px!important;
  border:1px solid #e5eaf1!important;
  border-radius:16px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:.16s ease!important;
}
.avs-ds-contact-action:hover,.avs-ds-contact-action:focus-visible{transform:translateY(-1px)!important;box-shadow:0 9px 20px rgba(15,23,42,.06)!important;outline:none!important}
.avs-ds-contact-action.is-whatsapp{background:#f7fff9!important;border-color:#dcefe3!important}
.avs-ds-contact-action.is-bale{background:#f7fdff!important;border-color:#d9eef5!important}
.avs-ds-contact-action.is-phone{background:#fcfffb!important;border-color:#e2f2e4!important}
.avs-ds-contact-action.is-landline{background:#fdf9ff!important;border-color:#eadcf8!important}
.avs-ds-contact-action.is-sms{background:#f8fbff!important;border-color:#dcebff!important}
.avs-ds-contact-action.is-location{background:#fffaf6!important;border-color:#f4e3d4!important}
.avs-ds-contact-action__visual{width:58px!important;height:58px!important;display:grid!important;place-items:center!important}
.avs-ds-contact-action__visual>img,
.avs-ds-contact-action__visual .avs-mobile-nav__custom-menu-icon{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important}
.avs-ds-contact-action__visual .avs-contact-action__glyph{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:#f6f8fc!important;color:#2d73d6!important}
.avs-ds-contact-action__visual .avs-contact-action__glyph svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.avs-ds-contact-action__copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;text-align:center!important}
.avs-ds-contact-action__copy strong{font-size:12px!important;line-height:1.35!important;font-weight:950!important;color:#273043!important}
.avs-ds-contact-action__copy small{font-size:9.5px!important;line-height:1.3!important;font-weight:700!important;color:#929baa!important}
.avs-ds-contact-consult{
  margin-top:10px!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 13px!important;
  border:1px solid #e5eaf1!important;
  border-radius:14px!important;
  background:#fff!important;
  color:inherit!important;
  text-decoration:none!important;
}
.avs-ds-contact-consult>span{display:flex!important;flex-direction:column!important;gap:2px!important}
.avs-ds-contact-consult small{font-size:9px!important;font-weight:750!important;color:#8c96a6!important}
.avs-ds-contact-consult strong{font-size:12px!important;font-weight:900!important;color:#273043!important}
.avs-ds-contact-consult>i{display:grid!important;place-items:center!important;color:#7d8796!important}
.avs-ds-contact-consult>i svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.avs-ds-contact-trust{display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:8px!important}
.avs-ds-contact-trust span{display:inline-flex!important;padding:5px 9px!important;border-radius:999px!important;background:#f5f7fa!important;color:#727e90!important;font-size:9px!important;font-weight:800!important}
@media (max-width:1500px){
  .avs-ds-service-hero,.avs-ds-contact-hero{grid-template-columns:74px minmax(0,1fr) auto!important;gap:12px!important}
  .avs-ds-contact-hero{grid-template-columns:74px minmax(0,1fr)!important}
  .avs-ds-service-hero__visual,.avs-ds-contact-hero__visual{width:68px!important;height:68px!important}
  .avs-ds-service-hero__visual img,.avs-ds-contact-hero__visual img{max-width:65px!important;max-height:65px!important}
  .avs-ds-grid--service{gap:10px!important}
  .avs-ds-contact-actions{gap:8px!important}
}


/* --- v75.25.1 monitor size-first navigation: 22 / 24 / 27 inch --- */
.avs-mega--desktop-monitor-final .avs-mega__inner{
  padding:14px!important;
  background:#fff!important;
}
.avs-ds-context-head{
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:10px 14px 12px!important;
  border-bottom:1px solid #edf1f6!important;
}
.avs-ds-context-head>span{display:flex!important;flex-direction:column!important;gap:3px!important}
.avs-ds-context-head small{font-size:10.5px!important;line-height:1.5!important;font-weight:800!important;color:#8993a4!important}
.avs-ds-context-head strong{font-size:18px!important;line-height:1.5!important;font-weight:950!important;color:#162033!important}
.avs-ds-context-head>b{font-size:18px!important;line-height:1!important;font-weight:950!important;letter-spacing:2px!important;color:#5b61d8!important;direction:ltr!important}
.avs-monitor-size-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:14px!important;
}
.avs-monitor-size-card{
  min-height:144px!important;
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:16px!important;
  padding:14px 16px!important;
  border:1px solid #e4e9f1!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.avs-monitor-size-card:hover,.avs-monitor-size-card:focus-visible{
  border-color:#b9c9eb!important;
  box-shadow:0 12px 26px rgba(55,65,160,.09)!important;
  transform:translateY(-2px)!important;
  outline:none!important;
}
.avs-monitor-size-visual{
  width:112px!important;
  height:94px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  color:#4f55c7!important;
}
.avs-monitor-size-visual__screen{
  width:108px!important;
  height:70px!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  border:3px solid currentColor!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#f7f8ff,#fff)!important;
  box-shadow:inset 0 0 0 3px rgba(79,85,199,.045)!important;
}
.avs-monitor-size-visual__screen b{font-size:29px!important;line-height:1!important;font-weight:950!important;color:#252b64!important;direction:ltr!important}
.avs-monitor-size-visual__screen em{font-size:10px!important;line-height:1!important;font-weight:900!important;font-style:normal!important;color:#77809a!important}
.avs-monitor-size-visual>i{width:46px!important;height:7px!important;margin-top:7px!important;border-radius:5px!important;background:currentColor!important;position:relative!important}
.avs-monitor-size-visual>i:before{content:""!important;position:absolute!important;width:8px!important;height:10px!important;left:19px!important;bottom:5px!important;border-radius:3px 3px 0 0!important;background:currentColor!important}
.avs-monitor-size-card__copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;text-align:right!important}
.avs-monitor-size-card__copy strong{font-size:16px!important;line-height:1.45!important;font-weight:950!important;color:#172033!important}
.avs-monitor-size-card__copy small{font-size:10.5px!important;line-height:1.6!important;font-weight:700!important;color:#8791a1!important}
.avs-monitor-size-card__arrow{font-style:normal!important;font-size:20px!important;font-weight:900!important;color:#a6afbf!important;transition:transform .16s ease,color .16s ease!important}
.avs-monitor-size-card:hover .avs-monitor-size-card__arrow{transform:translateX(-3px)!important;color:#555bd0!important}
.avs-mega--desktop-monitor-final .avs-ds-trust{margin-top:12px!important}

@media (max-width:1500px){
  .avs-monitor-size-card{grid-template-columns:102px minmax(0,1fr) 24px!important;gap:12px!important;min-height:132px!important;padding:12px 14px!important}
  .avs-monitor-size-visual{width:98px!important;height:86px!important}
  .avs-monitor-size-visual__screen{width:94px!important;height:62px!important}
  .avs-monitor-size-visual__screen b{font-size:26px!important}
}

@media (max-width:1023px){
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-menu-card{
    min-height:78px!important;
    height:78px!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-menu-card__media--monitor-size{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual{width:98px!important;height:68px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual__screen{width:92px!important;height:52px!important;border-width:2px!important;border-radius:8px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual__screen b{font-size:24px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual__screen em{font-size:8px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual>i{width:38px!important;height:6px!important;margin-top:5px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual>i:before{width:7px!important;height:8px!important;left:16px!important;bottom:4px!important}
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-menu-card__copy strong{font-size:14px!important;font-weight:950!important}
}

/* --- v75.25.1 custom monitor artwork replacement: 22 / 24 / 27 inch --- */
.avs-monitor-size-visual.avs-monitor-size-visual--image{
  width:112px!important;
  height:94px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:transparent!important;
}
.avs-monitor-size-visual.avs-monitor-size-visual--image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:112px!important;
  max-height:94px!important;
  object-fit:contain!important;
}
.avs-monitor-size-card--22 .avs-monitor-size-visual--image img,
.avs-monitor-size-card--24 .avs-monitor-size-visual--image img,
.avs-monitor-size-card--27 .avs-monitor-size-visual--image img{
  filter:drop-shadow(0 5px 14px rgba(15,23,42,.08))!important;
}
@media (max-width:1500px){
  .avs-monitor-size-visual.avs-monitor-size-visual--image{
    width:98px!important;
    height:86px!important;
  }
  .avs-monitor-size-visual.avs-monitor-size-visual--image img{
    max-width:98px!important;
    max-height:86px!important;
  }
}
@media (max-width:1023px){
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual.avs-monitor-size-visual--image{
    width:98px!important;
    height:68px!important;
  }
  .avs-mobile-nav .avs-menu-item.is-monitor-size .avs-monitor-size-visual.avs-monitor-size-visual--image img{
    width:100%!important;
    height:100%!important;
    max-width:98px!important;
    max-height:68px!important;
    object-fit:contain!important;
  }
}

/* --- v75.25.1 shared explanatory header spacing --- */
.avs-ds-context-head + .avs-ds-grid{
  margin-top:14px!important;
}
.avs-mega--desktop-workstation-final .avs-ds-context-head,
.avs-mega--desktop-parts-final .avs-ds-context-head,
.avs-mega--desktop-accessories-final .avs-ds-context-head{
  margin-bottom:0!important;
}
@media (max-width:1500px){
  .avs-ds-context-head{
    min-height:68px!important;
    padding:9px 12px 11px!important;
  }
  .avs-ds-context-head strong{font-size:17px!important}
  .avs-ds-context-head>b{font-size:16px!important;letter-spacing:1px!important}
}


/* v75.25.3 — Processor logo visual cleanup.
   Remove the extra framed box around CPU logos so Intel / Ryzen / Xeon marks
   appear as clean standalone assets, aligned with the brand-logo treatment. */
.avs-mega--desktop-laptop-final .avs-final-cpumark,
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master .avs-final-cpumark,
.avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpumark,
.avs-mega--v31 .avs-final-cpumark{
  width:65px!important;
  height:65px!important;
  flex:0 0 65px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.avs-mega--desktop-laptop-final .avs-final-cpumark img,
.avs-mega--desktop-laptop-final .avs-final-cpuitem--master .avs-final-cpumark img,
.avs-mega--v31 .avs-final-cpu-list--rich>a.avs-final-cpuitem>.avs-final-cpu-main>.avs-final-cpumark img,
.avs-mega--v31 .avs-final-cpumark img{
  display:block!important;
  width:65px!important;
  height:65px!important;
  max-width:65px!important;
  max-height:65px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media (max-width:1023px){
  .avs-mobile-nav__identity--processor,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--processor{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    flex-basis:36px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .avs-mobile-nav__identity--processor img,
  body.avs-navigation-replace-bakala>.avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__identity--processor img{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* --- v75.25.8 desktop processor-family stack: 8 Intel + 4 AMD --- */
.avs-mega--desktop-laptop-final .avs-processor-family-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-block{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-section-label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:18px!important;
  padding:0 2px!important;
  color:#64748b!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:left!important;
  direction:ltr!important;
  background:transparent!important;
  border:0!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-block.is-intel .avs-processor-family-section-label{
  color:#1769aa!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-block.is-amd{
  padding-top:2px!important;
  border-top:1px solid #edf1f6!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-block.is-amd .avs-processor-family-section-label{
  color:#b45309!important;
  padding-top:8px!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 7px 6px 9px!important;
  border:1px solid #e3e9f2!important;
  border-radius:13px!important;
  background:#fff!important;
  text-decoration:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card:hover{
  transform:translateY(-1px)!important;
  border-color:#b8d8ff!important;
  box-shadow:0 8px 18px rgba(37,99,235,.07)!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-block.is-amd .avs-processor-family-card:hover{
  border-color:#f6c9b2!important;
  box-shadow:0 8px 18px rgba(234,88,12,.06)!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card__label{
  min-width:0!important;
  color:#172033!important;
  font-size:10.8px!important;
  line-height:1.3!important;
  font-weight:900!important;
  text-align:left!important;
  direction:ltr!important;
  overflow-wrap:anywhere!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card__media,
.avs-mega--desktop-laptop-final .avs-processor-family-card__fallback{
  width:52px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.avs-mega--desktop-laptop-final .avs-processor-family-card__media img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
}
@media (max-width:1500px){
  .avs-mega--desktop-laptop-final .avs-processor-family-stack{gap:10px!important}
  .avs-mega--desktop-laptop-final .avs-processor-family-card-grid{gap:7px!important}
  .avs-mega--desktop-laptop-final .avs-processor-family-card{
    grid-template-columns:minmax(0,1fr) 46px!important;
    min-height:52px!important;
    padding:5px 6px 5px 8px!important;
  }
  .avs-mega--desktop-laptop-final .avs-processor-family-card__media,
  .avs-mega--desktop-laptop-final .avs-processor-family-card__media img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }
  .avs-mega--desktop-laptop-final .avs-processor-family-card__label{font-size:10px!important}
}

@media (max-width:1023px){
  .avs-mobile-processor-groups{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .avs-mobile-processor-group{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .avs-mobile-processor-group__head{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:8px 11px!important;
    border-radius:13px!important;
    border:1px solid #dfe7f2!important;
    background:#f8fbff!important;
  }
  .avs-mobile-processor-group.is-intel .avs-mobile-processor-group__head{
    border-color:#cfe4ff!important;
    background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%)!important;
  }
  .avs-mobile-processor-group.is-amd .avs-mobile-processor-group__head{
    border-color:#ffe0d1!important;
    background:linear-gradient(180deg,#fffaf7 0%,#fff3ec 100%)!important;
  }
  .avs-mobile-processor-group__head strong{
    font-size:13px!important;
    font-weight:950!important;
    color:#111827!important;
    direction:ltr!important;
  }
  .avs-mobile-processor-group__head small{
    font-size:9px!important;
    font-weight:750!important;
    color:#8290a5!important;
    direction:ltr!important;
  }
  .avs-mobile-processor-group__list{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .avs-mobile-nav .avs-menu-item.is-processor-family .avs-menu-card{
    min-height:64px!important;
    padding:7px 10px!important;
    border-radius:14px!important;
  }
  .avs-mobile-nav .avs-menu-item.is-processor-family .avs-menu-card__media--processor-family{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .avs-mobile-nav .avs-menu-item.is-processor-family .avs-menu-card__media--processor-family img{
    display:block!important;
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    object-fit:contain!important;
  }
  .avs-mobile-nav .avs-menu-item.is-processor-family .avs-menu-card__copy strong{
    font-size:12.5px!important;
    font-weight:900!important;
    color:#172033!important;
    text-align:right!important;
  }
}

/* ======================================================================
   v75.26.3 — Unified Desktop Visual Contract
   Persian RTL interaction contract:
   text on the right -> 65x65 media on the left -> arrow at far left when present.
   Mobile is intentionally untouched.
   ====================================================================== */
@media (min-width:1025px){
  /* Global desktop media token: Brand is the master geometry. */
  .avs-desktop-system{
    --avs-ds-media:65px!important;
  }

  /* ---------- Laptop / Brand ---------- */
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media label"!important;
    direction:ltr!important;
    align-items:center!important;
    column-gap:12px!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__label{
    grid-area:label!important;
    text-align:right!important;
    direction:rtl!important;
    unicode-bidi:plaintext!important;
    justify-self:stretch!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__media,
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__fallback{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .avs-mega--desktop-laptop-final .avs-laptop-brand-card__media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }

  /* ---------- Laptop / Processor families ---------- */
  .avs-mega--desktop-laptop-final .avs-processor-family-card{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media label"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:10px!important;
    min-height:78px!important;
    padding:6px 10px!important;
  }
  .avs-mega--desktop-laptop-final .avs-processor-family-card__label{
    grid-area:label!important;
    text-align:right!important;
    direction:ltr!important;
    justify-self:stretch!important;
    font-size:10.8px!important;
  }
  .avs-mega--desktop-laptop-final .avs-processor-family-card__media,
  .avs-mega--desktop-laptop-final .avs-processor-family-card__fallback{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .avs-mega--desktop-laptop-final .avs-processor-family-card__media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }

  /* ---------- Laptop / CPU generation ---------- */
  .avs-mega--desktop-laptop-final .avs-final-generationchip--visual{
    display:flex!important;
    flex-direction:row-reverse!important;
    align-items:center!important;
    gap:8px!important;
    direction:ltr!important;
    min-height:78px!important;
    padding:6px 8px!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-generationchip__main{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    direction:ltr!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-generationchip__visual{
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    flex:0 0 65px!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-generationchip__visual img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-generationchip__copy{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-generationchip--visual>b{
    flex:0 0 16px!important;
    width:16px!important;
    text-align:center!important;
  }

  /* ---------- Laptop / GPU manufacturer ---------- */
  .avs-mega--desktop-laptop-final .avs-final-gpu-brand--master{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media name"!important;
    align-items:center!important;
    justify-items:stretch!important;
    direction:ltr!important;
    gap:10px!important;
    min-height:82px!important;
    height:82px!important;
    padding:8px 10px!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    margin:0!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-gpu-brand--master .avs-final-gpu-brand__visual img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-gpu-brand__name{
    grid-area:name!important;
    width:100%!important;
    text-align:right!important;
    direction:ltr!important;
    font-size:12px!important;
  }

  /* VRAM is image-only by design, but uses the exact same Brand media box. */
  .avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual,
  .avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual{
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-mega--desktop-laptop-final .avs-final-gpu-vramitem__visual img,
  .avs-mega--desktop-laptop-final .avs-final-gpu__vram--master .avs-final-gpu-vramitem__visual img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }

  /* ---------- Shared family panels: Workstation / Mini PC ---------- */
  .avs-desktop-system .avs-ds-panel__head,
  .avs-desktop-system .avs-ds-panel__head--family{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media copy"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:12px!important;
  }
  .avs-desktop-system .avs-ds-panel__head .avs-ds-media,
  .avs-desktop-system .avs-ds-panel__head--family .avs-ds-media{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-desktop-system .avs-ds-panel__head .avs-ds-media img,
  .avs-desktop-system .avs-ds-panel__head--family .avs-ds-media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-desktop-system .avs-ds-panel__copy{
    grid-area:copy!important;
    text-align:right!important;
    direction:rtl!important;
  }

  /* Shared option rows: arrow left, image center-left, text right. */
  .avs-desktop-system .avs-ds-option{
    display:grid!important;
    grid-template-columns:18px 65px minmax(0,1fr)!important;
    grid-template-areas:"arrow media label"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:10px!important;
    min-height:82px!important;
  }
  .avs-desktop-system .avs-ds-option__arrow{grid-area:arrow!important}
  .avs-desktop-system .avs-ds-option__media{
    grid-area:media!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-desktop-system .avs-ds-option__media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-desktop-system .avs-ds-option__label{
    grid-area:label!important;
    text-align:right!important;
    direction:rtl!important;
  }

  /* ---------- Parts / Accessories catalog cards ---------- */
  .avs-mega--desktop-parts-final .avs-ds-panel--catalog,
  .avs-mega--desktop-accessories-final .avs-ds-panel--catalog{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media copy"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:14px!important;
    min-height:104px!important;
    padding:14px 16px!important;
  }
  .avs-mega--desktop-parts-final .avs-ds-panel--catalog>.avs-ds-media,
  .avs-mega--desktop-accessories-final .avs-ds-panel--catalog>.avs-ds-media{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-mega--desktop-parts-final .avs-ds-panel--catalog>.avs-ds-media img,
  .avs-mega--desktop-accessories-final .avs-ds-panel--catalog>.avs-ds-media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-mega--desktop-parts-final .avs-ds-panel__copy--catalog,
  .avs-mega--desktop-accessories-final .avs-ds-panel__copy--catalog{
    grid-area:copy!important;
    text-align:right!important;
    direction:rtl!important;
  }

  /* ---------- Monitor ---------- */
  .avs-mega--desktop-monitor-final .avs-monitor-size-card{
    display:grid!important;
    grid-template-columns:24px 65px minmax(0,1fr)!important;
    grid-template-areas:"arrow media copy"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:12px!important;
    min-height:104px!important;
    padding:12px 14px!important;
  }
  .avs-mega--desktop-monitor-final .avs-monitor-size-card__arrow{
    grid-area:arrow!important;
    justify-self:start!important;
  }
  .avs-mega--desktop-monitor-final .avs-monitor-size-visual,
  .avs-mega--desktop-monitor-final .avs-monitor-size-visual.avs-monitor-size-visual--image{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-mega--desktop-monitor-final .avs-monitor-size-visual img,
  .avs-mega--desktop-monitor-final .avs-monitor-size-visual.avs-monitor-size-visual--image img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-mega--desktop-monitor-final .avs-monitor-size-card__copy{
    grid-area:copy!important;
    text-align:right!important;
    direction:rtl!important;
  }

  /* ---------- Articles / service menus ---------- */
  .avs-mega--desktop-service-final .avs-ds-service-card{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media copy"!important;
    direction:ltr!important;
    align-items:center!important;
    gap:12px!important;
    min-height:96px!important;
  }
  .avs-mega--desktop-service-final .avs-ds-service-card__media{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .avs-mega--desktop-service-final .avs-ds-service-card__media img{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
  .avs-mega--desktop-service-final .avs-ds-service-card__copy{
    grid-area:copy!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-ds-service-destination__visual,
  .avs-ds-service-hero__visual,
  .avs-ds-contact-hero__visual,
  .avs-ds-contact-action__visual{
    width:65px!important;
    height:65px!important;
    min-width:65px!important;
    min-height:65px!important;
    max-width:65px!important;
    max-height:65px!important;
  }
  .avs-ds-service-destination__visual img,
  .avs-ds-service-hero__visual img,
  .avs-ds-contact-hero__visual img,
  .avs-ds-contact-action__visual>img,
  .avs-ds-contact-action__visual .avs-mobile-nav__custom-menu-icon{
    width:auto!important;
    height:auto!important;
    max-width:65px!important;
    max-height:65px!important;
    object-fit:contain!important;
  }
}

/* v75.26.3 — service/contact cards complete the same desktop contract. */
@media (min-width:1025px){
  .avs-ds-contact-hero,
  .avs-ds-service-hero{
    direction:ltr!important;
  }
  .avs-ds-contact-hero__copy,
  .avs-ds-service-hero__copy{
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-ds-service-destination{
    direction:ltr!important;
  }
  .avs-ds-service-destination>span:last-child{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .avs-ds-contact-action{
    display:grid!important;
    grid-template-columns:65px minmax(0,1fr)!important;
    grid-template-areas:"media copy"!important;
    direction:ltr!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:12px!important;
    min-height:94px!important;
    padding:12px 14px!important;
  }
  .avs-ds-contact-action__visual{
    grid-area:media!important;
    justify-self:start!important;
    width:65px!important;
    height:65px!important;
  }
  .avs-ds-contact-action__copy{
    grid-area:copy!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    min-width:0!important;
    text-align:right!important;
    direction:rtl!important;
  }
}