.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:11px!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:18px!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:16px!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:16px!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:14px!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;
  }
}
@media (max-width:1024px){
  .avs-mobile-nav img[src*="/identity/gpu/"]{width:58px!important;height:38px!important;object-fit:cover!important;border-radius:8px!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}
}