/* ========================================================================== AvvalStock Navigation v62.3.0 — White Rail / Fixed Text Color Presentation-only enhancement layered on top of the frozen v61 design. Contract: white master cards, per-master accent border/glow, short motion. ========================================================================== */ @media (max-width:1023px){ /* Neutral rail chrome: product artwork stays visually dominant. */ body.avs-navigation-v62 .avs-mobile-nav__master-action{ background:linear-gradient(180deg,#fff 0%,#fdfefe 100%)!important; color:#17233d!important; border:1px solid #e7ecf2!important; box-shadow: inset -3px 0 0 rgba(var(--avs-item-rgb),.30), 0 2px 7px rgba(15,23,42,.035)!important; transform:translateZ(0)!important; transition: transform .15s cubic-bezier(.2,.75,.25,1), border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease!important; } /* Selected master: no solid colored fill. Accent lives in the frame and light. */ body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]{ background:linear-gradient(180deg,#fff 0%,rgba(var(--avs-item-rgb),.028) 100%)!important; color:var(--avs-item-dark)!important; border:2px solid var(--avs-item-accent)!important; box-shadow: 0 0 0 3px rgba(var(--avs-item-rgb),.075), 0 9px 20px rgba(var(--avs-item-rgb),.14), inset 0 1px 0 rgba(255,255,255,.90)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b{ color:var(--avs-item-dark)!important; font-weight:950!important; } /* Make the approved transparent artwork the hero of the selected rail card. */ body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual, body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual img{ transition:transform .22s cubic-bezier(.18,.82,.25,1),filter .20s ease!important; transform-origin:50% 62%!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{ transform:translateY(-1px) scale(1.045)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{ transform:scale(1.08)!important; filter:drop-shadow(0 7px 8px rgba(var(--avs-item-rgb),.18)) brightness(1.035) saturate(1.03)!important; } /* v61 ripple remains, but on white selected cards it uses the category color. */ body.avs-navigation-v62 .avs-mobile-nav__master-action::after, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]::after{ background:radial-gradient( circle at var(--avs-press-x,50%) var(--avs-press-y,50%), rgba(var(--avs-item-rgb),.24) 0 7%, rgba(var(--avs-item-rgb),.10) 17%, transparent 42% )!important; } /* One-shot sheen: a motion-graphic cue, never a continuous animation. */ body.avs-navigation-v62 .avs-mobile-nav__master-action::before{ content:""!important; position:absolute!important; z-index:2!important; pointer-events:none!important; top:-25%!important; left:-65%!important; width:42%!important; height:150%!important; opacity:0!important; border-radius:999px!important; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.08) 22%, rgba(var(--avs-item-rgb),.28) 50%, rgba(255,255,255,.14) 67%, transparent 100% )!important; transform:translateX(-210%) skewX(-14deg)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing{ transform:scale(.968) translateY(1px)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion{ animation:avs62MasterActivate .38s cubic-bezier(.18,.82,.25,1)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion::before{ animation:avs62RailSheen .40s cubic-bezier(.16,.78,.22,1)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion .avs-mobile-nav__master-visual{ animation:avs62IconLift .38s cubic-bezier(.16,.84,.22,1)!important; } /* Context color stays restrained in content; CTA remains the strong color anchor. */ body.avs-navigation-v62 .avs-mobile-nav__panel.is-active{ background:radial-gradient(circle at 90% 0,rgba(var(--avs-context-rgb),.028) 0,transparent 190px)!important; } body.avs-navigation-v62 .avs-mobile-nav__hub-next, body.avs-navigation-v62 .avs-mobile-nav__row-chevron{ color:var(--avs-context)!important; background:rgba(var(--avs-context-rgb),.075)!important; border:1px solid rgba(var(--avs-context-rgb),.055)!important; transition:transform .15s ease,background-color .15s ease,color .15s ease!important; } body.avs-navigation-v62 .avs-mobile-nav__hub-card:active .avs-mobile-nav__hub-next, body.avs-navigation-v62 .avs-mobile-nav__row-control:active .avs-mobile-nav__row-chevron, body.avs-navigation-v62 .avs-mobile-nav__row-link:active .avs-mobile-nav__row-chevron{ transform:translateX(-2px) scale(.96)!important; background:rgba(var(--avs-context-rgb),.13)!important; } body.avs-navigation-v62 .avs-mobile-nav__nested-back{ border-color:rgba(var(--avs-context-rgb),.16)!important; box-shadow:0 2px 7px rgba(var(--avs-context-rgb),.055)!important; } body.avs-navigation-v62 .avs-mobile-nav__nested-back-icon{ color:var(--avs-context-dark)!important; background:rgba(var(--avs-context-rgb),.075)!important; } body.avs-navigation-v62 .avs-mobile-nav__final-view-all{ background:linear-gradient(135deg,var(--avs-context-dark) 0%,var(--avs-context) 100%)!important; border-color:rgba(var(--avs-context-rgb),.22)!important; box-shadow:0 8px 19px rgba(var(--avs-context-rgb),.17)!important; overflow:hidden!important; } body.avs-navigation-v62 .avs-mobile-nav__final-view-all::before{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; opacity:.36!important; background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.20),transparent 36%)!important; } body.avs-navigation-v62 .avs-mobile-nav__final-view-all>*{position:relative!important;z-index:1!important} /* Context switch feels immediate, not theatrical. */ body.avs-navigation-v62 .avs-mobile-nav__panel.avs61-panel-enter{ animation:avs62PanelEnter .21s cubic-bezier(.18,.82,.25,1)!important; } @keyframes avs62MasterActivate{ 0%{transform:scale(.968) translateY(1px);box-shadow:0 0 0 1px rgba(var(--avs-item-rgb),.03),0 2px 6px rgba(15,23,42,.04)} 46%{transform:scale(1.018) translateY(-1px);box-shadow:0 0 0 4px rgba(var(--avs-item-rgb),.10),0 11px 22px rgba(var(--avs-item-rgb),.17)} 100%{transform:scale(1) translateY(0);box-shadow:0 0 0 3px rgba(var(--avs-item-rgb),.075),0 9px 20px rgba(var(--avs-item-rgb),.14)} } @keyframes avs62IconLift{ 0%{transform:translateY(1px) scale(.96)} 52%{transform:translateY(-4px) scale(1.09)} 100%{transform:translateY(-1px) scale(1.045)} } @keyframes avs62RailSheen{ 0%{opacity:0;transform:translateX(-210%) skewX(-14deg)} 18%{opacity:1} 82%{opacity:.72} 100%{opacity:0;transform:translateX(520%) skewX(-14deg)} } @keyframes avs62PanelEnter{ from{opacity:.58;transform:translateX(-6px) scale(.996)} to{opacity:1;transform:translateX(0) scale(1)} } /* Accessibility and battery/performance safety. */ @media (prefers-reduced-motion:reduce){ body.avs-navigation-v62 .avs-mobile-nav__master-action, body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual, body.avs-navigation-v62 .avs-mobile-nav__master-action .avs-mobile-nav__master-visual img, body.avs-navigation-v62 .avs-mobile-nav__hub-next, body.avs-navigation-v62 .avs-mobile-nav__row-chevron{transition:none!important} body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion::before, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion .avs-mobile-nav__master-visual, body.avs-navigation-v62 .avs-mobile-nav__panel.avs61-panel-enter{animation:none!important} } } /* ========================================================================== v62.2.0 — FINAL STATE LOCK Contract: - Master rail surfaces stay white in every state. - Parent-menu labels never inherit the category accent. - Category identity is expressed only by border / halo / icon motion. - Left-panel information text keeps one fixed ink color. ========================================================================== */ @media (max-width:1023px){ body.avs-navigation-v62 .avs-mobile-nav{ --avs-v621-ink:#17233d; --avs-v621-muted:#8b96a8; --avs-v621-surface:#fff; } /* Rail base: always neutral white. This intentionally overrides v61 .is-active. */ body.avs-navigation-v62 .avs-mobile-nav__master-action, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="false"]{ background:#fff!important; color:var(--avs-v621-ink)!important; border:1px solid #e4e9f0!important; box-shadow:0 2px 7px rgba(15,23,42,.035)!important; } /* Selected master: category color belongs to the frame, never to the fill. */ body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"], body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active[aria-selected="true"]{ background:#fff!important; color:var(--avs-v621-ink)!important; border:2px solid var(--avs-item-accent)!important; box-shadow: 0 0 0 3px rgba(var(--avs-item-rgb),.075), 0 8px 18px rgba(var(--avs-item-rgb),.13), inset 0 1px 0 rgba(255,255,255,.96)!important; } /* Parent labels stay fixed dark in active/inactive/pressed states. */ body.avs-navigation-v62 .avs-mobile-nav__master-action b, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active b, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="false"] b{ color:var(--avs-v621-ink)!important; text-shadow:none!important; } /* Keep artwork dominant without tinting the card itself. */ body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active .avs-mobile-nav__master-visual, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{ transform:translateY(-1px) scale(1.05)!important; } body.avs-navigation-v62 .avs-mobile-nav__master-action.is-active .avs-mobile-nav__master-visual img, body.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{ transform:scale(1.08)!important; filter:drop-shadow(0 6px 8px rgba(var(--avs-item-rgb),.15)) brightness(1.025) saturate(1.02)!important; } /* The rail itself remains white/neutral; no context wash behind the cards. */ body.avs-navigation-v62 .avs-mobile-nav__master-rail, body.avs-navigation-v62 .avs-mobile-nav__action-rail{ background:#fff!important; } /* Fixed information typography in the left pane. Accent is for controls only. */ body.avs-navigation-v62 .avs-mobile-nav__hub-title strong, body.avs-navigation-v62 .avs-mobile-nav__hub-card strong, body.avs-navigation-v62 .avs-mobile-nav__row-link, body.avs-navigation-v62 .avs-mobile-nav__row-link strong, body.avs-navigation-v62 .avs-mobile-nav__row-control, body.avs-navigation-v62 .avs-mobile-nav__row-control strong, body.avs-navigation-v62 .avs-mobile-nav__nested-heading, body.avs-navigation-v62 .avs-mobile-nav__graphics-options a, body.avs-navigation-v62 .avs-mobile-nav__quick-actions a{ color:var(--avs-v621-ink)!important; } body.avs-navigation-v62 .avs-mobile-nav__hub-title small, body.avs-navigation-v62 .avs-mobile-nav__final-view-all small{ text-shadow:none!important; } /* Back label is neutral; only its icon/chrome can carry context color. */ body.avs-navigation-v62 .avs-mobile-nav__nested-back{ color:var(--avs-v621-ink)!important; background:#fff!important; } /* Preserve tactile motion while guaranteeing white surface during press animation. */ body.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion, body.avs-navigation-v62 .avs-mobile-nav__master-action.is-activated{ background:#fff!important; color:var(--avs-v621-ink)!important; } @keyframes avs62MasterActivate{ 0%{transform:scale(.968) translateY(1px);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 1px rgba(var(--avs-item-rgb),.04),0 2px 6px rgba(15,23,42,.04)} 46%{transform:scale(1.018) translateY(-1px);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 4px rgba(var(--avs-item-rgb),.10),0 11px 22px rgba(var(--avs-item-rgb),.16)} 100%{transform:scale(1) translateY(0);background:#fff;border-color:var(--avs-item-accent);box-shadow:0 0 0 3px rgba(var(--avs-item-rgb),.075),0 8px 18px rgba(var(--avs-item-rgb),.13)} } } /* ========================================================================== v62.2.0 — RAIL STATE COMPATIBILITY SHIELD Root cause fixed: v61 Replace/Bakala portal selectors had higher specificity than the first v62 lock. This block intentionally matches/exceeds that specificity and becomes the single visual contract for master rail state. ========================================================================== */ @media (max-width:1023px){ /* Base surface — always white, including body-portal / Bakala replacement. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"]{ background:#fff!important; background-image:none!important; color:#17233d!important; border:1px solid #e4e9f0!important; box-shadow:0 2px 7px rgba(15,23,42,.035)!important; text-shadow:none!important; } /* Selected state — identity only in frame/halo, never in fill/text. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"], body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active[aria-selected="true"], body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"], body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active[aria-selected="true"]{ background:#fff!important; background-image:none!important; color:#17233d!important; border:2px solid var(--avs-item-accent)!important; box-shadow: 0 0 0 3px rgba(var(--avs-item-rgb),.08), 0 8px 18px rgba(var(--avs-item-rgb),.13), inset 0 1px 0 rgba(255,255,255,.98)!important; } /* Fixed rail typography in every state. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action b, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-active b, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] b, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action b, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-active b, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] b{ color:#17233d!important; -webkit-text-fill-color:#17233d!important; text-shadow:none!important; } /* Press/activation must never reintroduce the legacy blue fill. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-pressing, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-v62-motion, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action.is-activated, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-pressing, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-v62-motion, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action.is-activated{ background:#fff!important; background-image:none!important; color:#17233d!important; } /* Subtle category ripple is allowed, but it cannot act as a card fill. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action::after, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"]::after, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action::after, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"]::after{ background:radial-gradient( circle at var(--avs-press-x,50%) var(--avs-press-y,50%), rgba(var(--avs-item-rgb),.18) 0 7%, rgba(var(--avs-item-rgb),.07) 18%, transparent 40% )!important; } /* Selected artwork gets presence; the white card remains the canvas. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual{ transform:translateY(-1px) scale(1.055)!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__master-action[aria-selected="true"] .avs-mobile-nav__master-visual img{ transform:scale(1.085)!important; filter:drop-shadow(0 6px 8px rgba(var(--avs-item-rgb),.16)) brightness(1.025) saturate(1.02)!important; } /* Fixed primary information text in left pane. */ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__hub-title strong, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__hub-card strong, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-link, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-link strong, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-control, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__row-control strong, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__nested-heading, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__graphics-options a, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__quick-actions a{ color:#17233d!important; -webkit-text-fill-color:#17233d!important; } } /* ========================================================================== v62.3.0 — Social Dock Optical System Brand marks remain recognisable; sizing, surfaces and interaction are unified. ========================================================================== */ @media (max-width:1023px){ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__sticky-footer, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__sticky-footer{ padding:5px 7px max(5px,env(safe-area-inset-bottom,0px))!important; background:rgba(255,255,255,.985)!important; border-top:1px solid #e9edf2!important; box-shadow:0 -7px 20px rgba(15,23,42,.045)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock{ gap:4px!important; align-items:stretch!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock>a{ --avs-dock-accent:#2677ca; position:relative!important; overflow:hidden!important; min-height:55px!important; padding:4px 2px 3px!important; gap:1px!important; border:1px solid #e6ebf1!important; border-radius:13px!important; background:#fff!important; color:#1e293b!important; box-shadow:0 2px 7px rgba(15,23,42,.025)!important; transform:translateZ(0)!important; transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important; -webkit-tap-highlight-color:transparent!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-whatsapp{--avs-dock-accent:#20b85a} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-bale{--avs-dock-accent:#2579c9} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-rubika{--avs-dock-accent:#7f57c2} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-messenger{--avs-dock-accent:#2383df} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone{--avs-dock-accent:#176fd1} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a::after{ content:""!important;position:absolute!important;inset:auto 18% 0 18%!important;height:2px!important; border-radius:999px!important;background:var(--avs-dock-accent)!important;opacity:0!important;transform:scaleX(.35)!important; transition:opacity .14s ease,transform .18s ease!important;pointer-events:none!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press{ transform:translateY(1px) scale(.965)!important; border-color:color-mix(in srgb,var(--avs-dock-accent) 48%,#e6ebf1)!important; background:color-mix(in srgb,var(--avs-dock-accent) 3.5%,#fff)!important; box-shadow:0 2px 10px color-mix(in srgb,var(--avs-dock-accent) 12%,transparent)!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active::after, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press::after{opacity:.9!important;transform:scaleX(1)!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:focus-visible{ outline:2px solid color-mix(in srgb,var(--avs-dock-accent) 38%,transparent)!important;outline-offset:1px!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock img{ display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important; object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; transform:translateZ(0)!important;transition:transform .16s cubic-bezier(.2,.8,.2,1)!important; } body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-messenger img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-v623-press img, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a:active img{transform:scale(1.07) translateY(-1px)!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock strong, body.avs-navigation-v61.avs-navigation-v62.avs-navigation-replace-bakala > .avs-mobile-nav.is-avs-body-portal .avs-mobile-nav__social-dock strong{ color:#172033!important;font-size:7.7px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.01em!important; } } @media (max-width:374px){ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a{min-height:51px!important;padding-top:3px!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a.is-phone img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important} body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock strong{font-size:7.1px!important} } @media (prefers-reduced-motion:reduce){ body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock>a::after, body.avs-navigation-v61.avs-navigation-v62 .avs-mobile-nav__social-dock img{transition:none!important} }