/* ==========================================================================
   Avimaro app UI layer
   Loaded last. Brings the calm, compact look of the Avimaro HQ desktop app to
   the public site: warm canvas, white cards with hairline borders, regular-
   weight serif titles, small section headings, comfortable controls, and no
   large decorative backgrounds. Selectors are prefixed with `body` and use
   !important only because redesign.css does.
   ========================================================================== */
:root {
  --ui-canvas: #f7f6f4;
  --ui-card: #ffffff;
  --ui-line: #e7e5e1;
  --ui-line-2: #d6d3ce;
  --ui-ink: #1d1d1f;
  --ui-ink-2: #55555a;
  --ui-ink-3: #8a8a90;
  --ui-red: #a6192e;
  --ui-red-dark: #861325;
  --ui-red-soft: #f8e9eb;
  --ui-radius: 8px;
  --ui-radius-lg: 12px;
  --ui-gap: clamp(14px, 1.6vw, 18px);
}

@media (min-width: 901px) {
  body .request-access-grid, body .request-access-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ---- Canvas: no hexagon backgrounds behind content ---------------------- */
html, body { background: var(--ui-canvas) !important; }
body .avimaro-background-matrix, body .background-matrix, body .mosaic-layer { display: none !important; }
body main { background: transparent !important; }
body main::before, body main::after { content: none !important; }

/* ---- Type --------------------------------------------------------------- */
body h1, body .display {
  font-family: var(--font-display) !important; font-weight: 400 !important;
  font-size: clamp(2rem, 3.3vw, 3rem) !important; line-height: 1.1 !important; letter-spacing: -0.01em !important;
}
body h2, body .section-h2 {
  font-family: var(--font-display) !important; font-weight: 400 !important;
  font-size: clamp(1.45rem, 2.1vw, 2rem) !important; line-height: 1.18 !important;
}
body h3 {
  font-family: var(--font-sans) !important; font-weight: 600 !important;
  font-size: 1.02rem !important; line-height: 1.35 !important; letter-spacing: 0 !important;
}
body p, body li { line-height: 1.6; }
body .lead, body .section-sub { font-size: 1.02rem !important; color: var(--ui-ink-2) !important; }
body .eyebrow { font-size: .7rem !important; letter-spacing: .1em !important; margin-bottom: .45rem !important; }
/* Headings inside forms are section labels, not page titles. */
body form h2, body .form-section__head h2, body .auth-panel h2, body .filter-head h2, body .marketplace-filter h2 {
  font-size: 1.2rem !important; line-height: 1.3 !important;
}
body .form-section__head span, body .form-section__head small { font-size: .72rem !important; }

/* ---- Rhythm: tighter sections, no tall empty title bands ---------------- */
body .section { padding: clamp(2.25rem, 4.6vw, 3.75rem) 0 !important; }
body .section-head { margin-bottom: clamp(1.1rem, 2.2vw, 1.75rem) !important; }
body .section-inner, body .navbar, body .footer__inner, body .footer__bottom { width: min(1240px, calc(100% - 48px)) !important; }
body .page-hero, body .marketplace-hero, body .pricing-hero, body .knowledge-hero {
  min-height: 0 !important; padding: clamp(1.75rem, 3.5vw, 2.75rem) 0 clamp(1.25rem, 2.6vw, 2rem) !important;
  background: transparent !important; border: 0 !important;
}
body .page-hero::before, body .page-hero::after, body .marketplace-hero::before, body .marketplace-hero::after,
body .pricing-hero::before, body .pricing-hero::after, body .knowledge-hero::before, body .knowledge-hero::after { content: none !important; }
body .page-hero__content, body .marketplace-hero > *, body .pricing-hero > *, body .knowledge-hero > * { padding-block: 0 !important; }
body .account-page, body .sourcing-page, body .auth-section, body .marketplace-shell { padding-top: clamp(1.5rem, 3vw, 2.5rem) !important; padding-bottom: clamp(2rem, 4vw, 3rem) !important; }
body .account-page__intro, body .sourcing-page__intro { padding-top: 0 !important; }

/* ---- Header ------------------------------------------------------------- */
body .site-header { background: rgb(255 255 255 / .94) !important; border-bottom: 1px solid var(--ui-line) !important; }
body .navbar { min-height: 60px !important; }
body .brand__wordmark img { height: 24px !important; width: auto !important; }
body .nav-link { font-size: .86rem !important; letter-spacing: 0 !important; border-radius: var(--ui-radius) !important; }
body .nav-link.is-active { background: var(--ui-red-soft) !important; color: var(--ui-red) !important; }

/* ---- Buttons ------------------------------------------------------------ */
body .btn {
  border-radius: var(--ui-radius) !important; font-size: .9rem !important; font-weight: 600 !important;
  letter-spacing: 0 !important; text-transform: none !important; padding: .62rem 1.1rem !important;
  min-height: 40px !important; box-shadow: none !important;
}
body .btn--sm { font-size: .84rem !important; padding: .42rem .85rem !important; min-height: 34px !important; }
body .btn--lg { font-size: .95rem !important; padding: .75rem 1.3rem !important; min-height: 46px !important; }
body .btn--primary { background: var(--ui-red) !important; border-color: var(--ui-red) !important; color: #fff !important; }
body .btn--primary:hover { background: var(--ui-red-dark) !important; border-color: var(--ui-red-dark) !important; }
body .btn--ghost, body .btn--light { background: var(--ui-card) !important; border: 1px solid var(--ui-line-2) !important; color: var(--ui-ink) !important; }
body .btn--ghost:hover, body .btn--light:hover { border-color: var(--ui-ink-3) !important; }

/* ---- Form controls ------------------------------------------------------ */
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
body select, body textarea, body .form-control {
  border: 1px solid var(--ui-line-2) !important; border-radius: var(--ui-radius) !important;
  background: var(--ui-card) !important; font-size: .95rem !important; min-height: 42px !important;
  padding: .55rem .75rem !important; box-shadow: none !important;
}
body textarea { min-height: 96px !important; }
body input:focus, body select:focus, body textarea:focus, body .form-control:focus {
  border-color: var(--ui-red) !important; outline: none !important; box-shadow: 0 0 0 3px rgb(166 25 46 / .12) !important;
}
body label, body .field > span:first-child { font-size: .8rem !important; font-weight: 600 !important; color: var(--ui-ink-2) !important; letter-spacing: 0 !important; text-transform: none !important; }
body .form-grid { gap: 14px 16px !important; }
body .form-section { padding-top: 1.25rem !important; margin-top: 1.25rem !important; border-top: 1px solid var(--ui-line) !important; }
body .form-section:first-of-type { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }
body .form-section__head { margin-bottom: .9rem !important; }

/* ---- Cards: one look everywhere ----------------------------------------- */
body .service-panel, body .trust-card, body .guide-card, body .how-step, body .role-cta__item, body .plan-card,
body .price-card, body .market-card, body .article-card, body .category-directory__item, body .buyer-request-card,
body .request-access-plan, body .private-sourcing-card, body .auth-panel, body .auth-copy, body .account-card,
body .sourcing-card, body .marketplace-filter, body .glass-card, body .empty-state {
  background: var(--ui-card) !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius-lg) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
body .service-panel, body .trust-card, body .guide-card, body .how-step, body .role-cta__item, body .article-card,
body .category-directory__item, body .buyer-request-card, body .request-access-plan { padding: clamp(16px, 1.8vw, 22px) !important; }
body .account-card, body .sourcing-card, body .auth-panel { padding: clamp(18px, 2.4vw, 30px) !important; }
body .service-panel:hover, body .guide-card:hover, body .role-cta__item:hover, body .market-card:hover,
body .article-card:hover, body .category-directory__item:hover { border-color: var(--ui-line-2) !important; transform: none !important; }
body .market-card { overflow: hidden !important; }
body .market-card__media { border-radius: 0 !important; }
body .empty-state { border-style: solid !important; padding: clamp(22px, 3vw, 36px) !important; }
body .empty-state h2, body .empty-state h3 { font-size: 1.2rem !important; }
body .tag, body .badge, body .status-pill, body .article-tag, body .price-card__badge {
  border-radius: 20px !important; font-size: .72rem !important; letter-spacing: .02em !important; text-transform: none !important;
}
body .section--muted { background: #efeeeb !important; }
body .glass-card { padding: clamp(18px, 2.4vw, 30px) !important; }

/* ---- Footer: compact, no giant watermark -------------------------------- */
body .footer { padding: 2.25rem 0 1.25rem !important; }
body .footer__watermark { display: none !important; }
body .footer__inner { gap: 1.5rem !important; }
body .footer__brand img { height: 36px !important; width: auto !important; }
body .footer h2 { font-family: var(--font-sans) !important; font-size: .74rem !important; font-weight: 700 !important; letter-spacing: .08em !important; }
body .footer a, body .footer p { font-size: .88rem !important; }
body .footer__bottom { margin-top: 1.5rem !important; padding-top: 1rem !important; }

/* ---- Small screens ------------------------------------------------------ */
@media (max-width: 900px) {
  body .section-inner, body .navbar, body .footer__inner, body .footer__bottom { width: calc(100% - 32px) !important; }
  body h1, body .display { font-size: clamp(1.75rem, 7vw, 2.3rem) !important; }
  body h2, body .section-h2 { font-size: clamp(1.3rem, 5.4vw, 1.65rem) !important; }
}
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { animation: none !important; transition: none !important; }
}

/* ---- Home hero: same photo, shorter, with a search bar ------------------- */
body .avm-hero { min-height: min(560px, calc(100vh - 60px)) !important; }
body .avm-hero__media { min-height: 0 !important; }
body .avm-hero__content { padding: clamp(2.25rem, 5vh, 3.5rem) 0 clamp(4.5rem, 9vh, 6rem) !important; }
body .avm-hero h1 { font-size: clamp(2.4rem, 4.2vw, 3.6rem) !important; max-width: 11ch !important; margin: .4rem 0 .9rem !important; }
body .avm-hero .lead { font-size: 1.05rem !important; color: #fff !important; }
body .hero-actions { margin-top: 1rem !important; }
body .trade-route { bottom: 1.4rem !important; }
.hero-search {
  display: flex; align-items: center; gap: 8px; margin-top: 1.3rem; max-width: 520px;
  background: #fff; border-radius: 10px; padding: 6px 6px 6px 14px; box-shadow: 0 10px 30px rgb(0 0 0 / .18);
}
.hero-search svg, .hero-search i { width: 18px; height: 18px; color: var(--ui-ink-3); flex-shrink: 0; }
body .hero-search input[type=search] { flex: 1; min-width: 0; border: 0 !important; box-shadow: none !important; min-height: 40px !important; padding: 0 4px !important; color: var(--ui-ink) !important; }
body .hero-search .btn { min-height: 40px !important; }

/* ---- Home corridor: video + steps in one compact panel ------------------- */
.corridor-panel { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr); gap: var(--ui-gap); align-items: stretch; }
.cp-stage { display: flex; flex-direction: column; background: #18181a; border-radius: var(--ui-radius-lg); overflow: hidden; }
.cp-frame { position: relative; flex: 1; min-height: 300px; aspect-ratio: 16 / 9; background: #18181a; }
.cp-poster, .cp-video { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.cp-video { opacity: 0; transition: opacity .5s ease; }
.cp-stage.is-video-ready .cp-video { opacity: 1; }
.cp-caption {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin: 0; padding: 28px 18px 14px; background: linear-gradient(transparent, rgb(0 0 0 / .62));
  color: rgb(255 255 255 / .75) !important; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
}
.cp-caption__now { color: #fff; font-weight: 700; text-align: center; }
.cp-rail { height: 4px; background: rgb(255 255 255 / .14); }
.cp-rail span { display: block; height: 100%; width: 14%; background: var(--ui-red); transition: width .3s linear; }
.cp-steps { list-style: none; margin: 0; padding: 6px; display: flex; flex-direction: column; gap: 2px; background: var(--ui-card); border: 1px solid var(--ui-line); border-radius: var(--ui-radius-lg); }
.cp-steps li { margin: 0; }
.cp-step {
  display: flex; gap: 12px; align-items: flex-start; width: 100%; text-align: start; padding: 9px 12px;
  border: 0; border-radius: var(--ui-radius); background: transparent; cursor: pointer; font: inherit; color: var(--ui-ink);
}
.cp-step:hover { background: var(--ui-canvas); }
.cp-step__n { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; background: var(--ui-canvas); color: var(--ui-ink-2); }
.cp-step__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cp-step__text strong { font-size: .92rem; font-weight: 600; line-height: 1.35; }
.cp-step__text span { display: none; font-size: .84rem; line-height: 1.5; color: var(--ui-ink-2); }
.cp-step.is-active { background: var(--ui-red-soft); }
.cp-step.is-active .cp-step__n { background: var(--ui-red); color: #fff; }
.cp-step.is-active strong { color: var(--ui-red-dark); }
.cp-step.is-active .cp-step__text span { display: block; }
@media (max-width: 900px) {
  .corridor-panel { grid-template-columns: 1fr; }
  .cp-frame { min-height: 0; }
  .hero-search { max-width: none; }
}

/* ---- Grids: fill the row instead of leaving gaps ------------------------- */
body .service-grid, body .trust-grid, body .guide-grid, body .how-grid, body .role-cta__grid, body .plan-grid, body .market-grid, body .article-grid {
  gap: var(--ui-gap) !important;
}

/* ---- No layout jumps while scrolling --------------------------------------
   redesign.css reserved 720px for every off-screen band (content-visibility),
   which made the compact sections shrink under the reader as they scrolled in. */
body main > .section { content-visibility: visible !important; contain-intrinsic-size: none !important; }

/* ---- Services: five cards on one row, no empty beige block --------------- */
body .service-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; background: transparent !important; border: 0 !important; }
body .service-panel, body .service-panel--wide { grid-column: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; gap: .5rem !important; }
body .service-panel a { margin-top: auto !important; font-size: .88rem !important; font-weight: 600 !important; color: var(--ui-red) !important; }
body .service-panel svg, body .service-panel i { color: var(--ui-red) !important; }
@media (max-width: 1100px) { body .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { body .service-grid { grid-template-columns: 1fr !important; } }

/* ---- Starting-point band stays charcoal, with readable dark cards -------- */
body .role-cta__grid { background: transparent !important; border: 0 !important; gap: var(--ui-gap) !important; }
body .role-cta__item {
  background: #232327 !important; border: 1px solid rgb(255 255 255 / .1) !important; border-radius: var(--ui-radius-lg) !important;
  min-height: 0 !important; padding: clamp(16px, 1.8vw, 22px) !important;
}
body .role-cta__item:hover { background: #2b2b30 !important; border-color: rgb(255 255 255 / .22) !important; }
body .role-cta__item h3 { color: #fff !important; margin: .35rem 0 !important; }
body .role-cta__item p { color: #c7c7ca !important; font-size: .9rem !important; }
body .how-step__index, body .role-cta__item span { font-size: .78rem !important; font-weight: 700 !important; }

/* ---- Login: one card, form visible on the first screen ------------------- */
body .auth-section--compact { padding: clamp(1.5rem, 4vh, 3rem) 0 clamp(2rem, 5vh, 3.5rem) !important; }
body .auth-section--compact .auth-layout {
  width: min(1040px, calc(100% - 48px)) !important; margin-inline: auto !important; display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: var(--ui-gap) !important; align-items: stretch !important;
}
body .auth-section--compact .auth-copy { display: flex !important; flex-direction: column !important; justify-content: center !important; background: #1d1d1f !important; border-color: #1d1d1f !important; }
body .auth-section--compact .auth-copy h1 { color: #fff !important; font-size: clamp(1.8rem, 2.8vw, 2.4rem) !important; margin: .3rem 0 .7rem !important; }
body .auth-section--compact .auth-copy .lead { color: #c7c7ca !important; font-size: .98rem !important; }
body .auth-section--compact .auth-copy .eyebrow { color: #f9a7b4 !important; }
body .auth-proof { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 1.1rem !important; }
body .auth-proof span { border: 1px solid rgb(255 255 255 / .18) !important; color: #e5e5e7 !important; background: transparent !important; border-radius: 20px !important; padding: 4px 12px !important; font-size: .78rem !important; }
body .auth-section--compact .auth-panel h2 { margin: .25rem 0 1rem !important; }
@media (max-width: 860px) { body .auth-section--compact .auth-layout { grid-template-columns: 1fr !important; width: calc(100% - 32px) !important; } body .auth-section--compact .auth-panel { order: -1; } }

/* ---- Marketplace and other list pages: content inside the page width ---- */
body .marketplace-hero > div, body .knowledge-hero > div { width: min(1240px, calc(100% - 48px)) !important; margin-inline: auto !important; }
body .marketplace-shell { width: min(1240px, calc(100% - 48px)) !important; margin-inline: auto !important; gap: var(--ui-gap) !important; }
body .marketplace-hero h1 { font-size: clamp(1.9rem, 3vw, 2.6rem) !important; }
body .marketplace-hero p:last-child { color: var(--ui-ink-2) !important; font-size: 1rem !important; }
@media (max-width: 900px) { body .marketplace-hero > div, body .knowledge-hero > div, body .marketplace-shell { width: calc(100% - 32px) !important; } }

/* ---- Register: account switch in the brand red ---------------------------- */
body .account-type-switch { border: 1px solid var(--ui-line-2) !important; border-radius: var(--ui-radius) !important; padding: 4px !important; background: var(--ui-canvas) !important; }
body .account-type-switch input:checked + span { background: var(--ui-red) !important; color: #fff !important; border-radius: 6px !important; }
body .account-type-switch span { border-radius: 6px !important; font-weight: 600 !important; font-size: .9rem !important; }

/* ---- Home hero alignment and search field --------------------------------- */
body .avm-hero__content { margin-left: 0 !important; margin-inline-start: max(24px, calc((100vw - 1240px) / 2)) !important; }
body .trade-route { left: auto !important; inset-inline-start: max(24px, calc((100vw - 1240px) / 2)) !important; }
body #heroSearch { border: 0 !important; box-shadow: none !important; background: transparent !important; }

/* ---- Pricing title inside the page width ---------------------------------- */
body .pricing-hero > * { width: min(1240px, calc(100% - 48px)) !important; margin-inline: auto !important; }
@media (max-width: 900px) { body .pricing-hero > * { width: calc(100% - 32px) !important; } }

/* ---- Phones: search field keeps its room; button stays compact ------------ */
body .hero-search .btn { width: auto !important; flex: 0 0 auto !important; padding-inline: 1rem !important; }
body #heroSearch { width: auto !important; flex: 1 1 auto !important; }
body .pricing-hero, body .pricing-hero h1, body .pricing-hero p { text-align: start !important; }
body .pricing-hero p { margin-inline: auto !important; max-width: none !important; }
body .pricing-hero p:not(.eyebrow) { color: var(--ui-ink-2) !important; font-size: 1rem !important; }
body .pricing-section { padding-top: clamp(1rem, 2.5vw, 2rem) !important; }
body .pricing-system { padding-block: clamp(1.25rem, 3vw, 2.25rem) !important; margin: 0 !important; }
body .pricing-system__intro h2 { max-width: none !important; }
body .pricing-hero h1 { max-width: none !important; }

/* Footer: the real logo only -- no large "avimaro" text typed behind it. */
body .footer::before, body .footer::after { content: none !important; display: none !important; }

/* ---- Phone header: language and menu as one matching pair ---------------- */
@media (max-width: 900px) {
  body .navbar { gap: 8px !important; }
  body .mobile-language-switcher { margin-left: auto !important; margin-inline-start: auto !important; margin-right: 0 !important; }
  body .mobile-language-switcher select {
    width: 52px !important; height: 38px !important; min-height: 38px !important; padding: 0 6px !important;
    border: 1px solid var(--ui-line-2) !important; border-radius: var(--ui-radius) !important; background: var(--ui-card) !important;
    color: var(--ui-ink) !important; font-size: .78rem !important; font-weight: 700 !important; letter-spacing: .04em !important;
    text-align: center !important; text-align-last: center !important;
  }
  body .av-mobile-menu-button {
    width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important;
    border: 1px solid var(--ui-line-2) !important; border-radius: var(--ui-radius) !important; background: var(--ui-card) !important;
    box-shadow: none !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important;
  }
  body .av-mobile-menu-button span { position: static !important; width: 16px !important; height: 2px !important; margin: 0 !important; transform: none !important; background: var(--ui-ink) !important; border-radius: 2px !important; }
}

/* ---- Phone menu: one clean full-width sheet ------------------------------- */
@media (max-width: 900px) {
  body.mobile-menu-open { overflow: hidden !important; }
  body .av-mobile-menu:not([hidden]) {
    position: fixed !important; inset: var(--ui-header-h, 61px) 0 0 0 !important; width: 100% !important; max-width: none !important;
    z-index: 1100 !important; display: flex !important; flex-direction: column !important; gap: 14px !important;
    overflow-y: auto !important; overscroll-behavior: contain !important;
    padding: 16px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    background: var(--ui-canvas) !important; border: 0 !important; box-shadow: none !important;
  }
  /* The menu button already turns into the close button; no second one. */
  body .av-mobile-menu__header { display: none !important; }
  body .av-mobile-menu-button[aria-expanded="true"] { border-color: var(--ui-line-2) !important; color: var(--ui-ink) !important; background: var(--ui-card) !important; }
  body .av-mobile-menu-button[aria-expanded="true"] span { background: var(--ui-ink) !important; }
  body .av-mobile-menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg) !important; }
  body .av-mobile-menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg) !important; }

  body .av-mobile-menu__links {
    display: flex !important; flex-direction: column !important; padding: 6px !important; gap: 2px !important;
    background: var(--ui-card) !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius-lg) !important;
  }
  body .av-mobile-menu__links a {
    min-height: 46px !important; padding: 0 12px !important; border: 0 !important; border-radius: var(--ui-radius) !important;
    font-size: .95rem !important; font-weight: 500 !important; color: var(--ui-ink) !important; background: transparent !important;
  }
  body .av-mobile-menu__links a::after { color: var(--ui-ink-3) !important; }
  body .av-mobile-menu__links a.is-active { border: 0 !important; background: var(--ui-red-soft) !important; color: var(--ui-red) !important; font-weight: 600 !important; }
  body .av-mobile-menu__links a.is-active::after { color: var(--ui-red) !important; }

  body .av-mobile-menu__languages { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 0 4px !important; border: 0 !important; }
  body .av-mobile-menu__languages > span { font-size: .8rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--ui-ink-2) !important; }
  body .av-mobile-menu__languages > div {
    display: inline-flex !important; gap: 2px !important; padding: 3px !important;
    background: var(--ui-card) !important; border: 1px solid var(--ui-line-2) !important; border-radius: var(--ui-radius) !important;
  }
  body .av-mobile-menu__languages a {
    min-height: 32px !important; min-width: 42px !important; padding: 0 8px !important; border: 0 !important; border-radius: 6px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: transparent !important; color: var(--ui-ink-2) !important; font-size: .78rem !important; font-weight: 700 !important;
  }
  body .av-mobile-menu__languages a.is-active { background: var(--ui-red) !important; color: #fff !important; }
  body .av-mobile-menu__account { padding: 0 !important; gap: 8px !important; }
}