  .us-msheet { position: fixed; inset: 0; z-index: 1000001; }
  .us-msheet[hidden] { display: none; }
  @media (min-width: 1024px) { .us-msheet { display: none !important; } }

  .us-msheet__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity .3s ease;
  }
  .us-msheet__panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: calc(100dvh - 1.5rem);
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 0 0 1.75rem 1.75rem;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    transform: translateY(-104%);
    transition: transform .42s cubic-bezier(.22, 1, .36, 1);
    padding-top: env(safe-area-inset-top, 0px);
    will-change: transform;
  }
  .us-msheet.is-open .us-msheet__backdrop { opacity: 1; }
  .us-msheet.is-open .us-msheet__panel { transform: translateY(0); }
  .us-msheet.is-dragging .us-msheet__panel { transition: none; }

  .us-msheet__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1rem 0.4rem;
    touch-action: none;
  }
  .us-msheet__brand { display: flex; justify-content: flex-start; min-width: 0; }
  .us-msheet__brand > a { min-width: 0; max-width: 100%; }
  .us-msheet__logo { height: 2.6rem; width: auto; max-width: min(190px, 100%); object-fit: contain; object-position: left center; }
  [dir="rtl"] .us-msheet__logo { object-position: right center; }
  .us-msheet__actions { display: inline-flex; align-items: center; gap: 0.5rem; }
  .us-msheet__callback {
    height: 2.5rem;
    padding: 0 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1.5px solid var(--color-primary, #1f9d3f);
    border-radius: 999px;
    background: transparent;
    color: var(--color-primary, #1f9d3f);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, transform .15s ease;
  }
  .us-msheet__callback .material-symbols-outlined {
    font-size: 1.1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .us-msheet__callback:focus-visible,
  .us-msheet__callback:active {
    background: var(--color-primary, #1f9d3f);
    color: #ffffff;
    outline: none;
  }
  @media (hover: hover) and (pointer: fine) {
    .us-msheet__callback:hover { background: var(--color-primary, #1f9d3f); color: #ffffff; }
  }
  @media (max-width: 359px) {
    .us-msheet__callback .material-symbols-outlined { display: none; }
  }
  .us-msheet__close {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease, transform .2s ease;
  }
  .us-msheet__close:hover,
  .us-msheet__close:focus-visible {
    color: var(--color-primary, #1f9d3f);
    border-color: rgba(var(--color-primary-rgb, 31, 157, 63), 0.45);
    outline: none;
    transform: rotate(90deg);
  }
  .us-msheet__close .material-symbols-outlined {
    font-size: 1.35rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .us-msheet__nav { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
  .us-msheet__tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.2rem;
    padding: 0.85rem 0.5rem 0.5rem;
  }
  .us-msheet__tab--tablet { display: none !important; }
  @media (min-width: 768px) {
    .us-msheet__tabs:has(.us-msheet__tab--tablet) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .us-msheet__tab--tablet { display: flex !important; }
    .us-msheet__li--mobile { display: none !important; }
  }
  .us-msheet__tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.25rem 0;
    border: 0;
    background: transparent;
    color: #1f2937 !important;
    text-decoration: none !important;
    cursor: pointer;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .3s ease, transform .3s ease;
    transition-delay: 0s;
  }
  .us-msheet.is-open .us-msheet__tab {
    opacity: 1;
    transform: none;
    transition-delay: calc(0.12s + var(--i, 0) * 0.05s);
  }
  .us-msheet__ico {
    position: relative;
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1.5px solid #d1d5db;
    background: #ffffff;
    color: #111827;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
  }
  .us-msheet__glyph,
  .us-msheet__ico .material-symbols-outlined,
  .us-msheet__ico i {
    font-size: 1.4rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: inherit !important;
  }
  .us-msheet__lbl {
    max-width: 100%;
    font-size: clamp(0.62rem, 2.7vw, 0.8rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-align: center;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color .2s ease;
  }
  .us-msheet__tab:focus-visible .us-msheet__ico {
    border-color: var(--color-primary, #1f9d3f);
    color: var(--color-primary, #1f9d3f);
    transform: translateY(-2px);
  }
  @media (hover: hover) and (pointer: fine) {
    .us-msheet__tab:hover .us-msheet__ico {
      border-color: var(--color-primary, #1f9d3f);
      color: var(--color-primary, #1f9d3f);
      transform: translateY(-2px);
    }
  }
  .us-msheet__tab:focus-visible { outline: none; }
  .us-msheet__tab:active .us-msheet__ico { transform: scale(.94); }
  .us-msheet__tab.is-current .us-msheet__ico {
    border-color: var(--color-primary, #1f9d3f);
    color: var(--color-primary, #1f9d3f);
    background: rgba(var(--color-primary-rgb, 31, 157, 63), 0.08);
  }
  .us-msheet__tab.is-current .us-msheet__lbl { color: var(--color-primary, #1f9d3f); }
  .us-msheet__tab[aria-expanded="true"] .us-msheet__ico {
    background: var(--color-primary, #1f9d3f);
    border-color: var(--color-primary, #1f9d3f);
    color: #ffffff;
  }
  .us-msheet__tab[aria-expanded="true"] .us-msheet__lbl {
    color: var(--color-primary, #1f9d3f);
  }
  .us-msheet__tab[aria-expanded="true"]::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(-1.35rem - 0.4rem);
    width: 0.8rem;
    height: 0.8rem;
    background: #f3f7f4;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 2px;
    animation: usMsheetFade .25s ease;
  }

  .us-msheet__subs {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0 0.75rem;
    transition: grid-template-rows .35s cubic-bezier(.22, 1, .36, 1), margin .35s ease;
    min-height: 0;
  }
  .us-msheet__subs.is-open { grid-template-rows: 1fr; margin-top: 0.85rem; }
  .us-msheet__subs-inner {
    position: relative;
    z-index: 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 1.1rem;
    background: #f3f7f4;
  }
  .us-msheet__subs.is-open .us-msheet__subs-inner {
    overflow-y: auto;
    max-height: calc(100dvh - 19rem);
    overscroll-behavior: contain;
  }
  .us-msheet__sub {
    list-style: none;
    margin: 0;
    padding: 0.4rem;
  }
  .us-msheet__sub li {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .25s ease, transform .25s ease;
  }
  .us-msheet__sub.is-shown li {
    opacity: 1;
    transform: none;
    transition-delay: calc(var(--j, 0) * 0.03s);
  }
  .us-msheet__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.5rem 0.7rem;
    border-radius: 0.8rem;
    color: #1f2937 !important;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease;
  }
  .us-msheet__stext { flex: 1 1 auto; min-width: 0; }
  .us-msheet__sico {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    background: #ffffff;
    color: var(--color-primary, #1f9d3f);
    transition: background .15s ease, color .15s ease;
  }
  .us-msheet__sglyph,
  .us-msheet__sico .material-symbols-outlined,
  .us-msheet__sico i {
    font-size: 1.15rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: inherit !important;
  }
  .us-msheet__sico i { font-size: 1rem !important; width: 1em; }
  .us-msheet__sico img { width: 1.25rem; height: 1.25rem; object-fit: contain; }
  .us-msheet__link:hover .us-msheet__sico,
  .us-msheet__link:focus-visible .us-msheet__sico,
  .us-msheet__link.is-current .us-msheet__sico {
    background: rgba(var(--color-primary-rgb, 31, 157, 63), 0.1);
  }
  .us-msheet__link:hover,
  .us-msheet__link:focus-visible {
    background: #ffffff;
    color: var(--color-primary, #1f9d3f) !important;
    outline: none;
  }
  .us-msheet__link.is-current {
    background: #ffffff;
    color: var(--color-primary, #1f9d3f) !important;
  }
  .us-msheet__chev {
    flex: 0 0 auto;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    color: #9ca3af;
    transition: color .15s ease, background .15s ease, transform .15s ease;
  }
  .us-msheet__link:hover .us-msheet__chev,
  .us-msheet__link:focus-visible .us-msheet__chev,
  .us-msheet__link.is-current .us-msheet__chev {
    color: #ffffff;
    background: var(--color-primary, #1f9d3f);
  }
  .us-msheet__link:hover .us-msheet__chev { transform: translateX(2px); }
  [dir="rtl"] .us-msheet__chev { transform: scaleX(-1); }
  [dir="rtl"] .us-msheet__link:hover .us-msheet__chev { transform: scaleX(-1) translateX(2px); }

  .us-msheet__langs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 1rem 1rem 0.35rem;
  }
  .us-msheet__flag {
    width: 1.25rem;
    height: 0.9375rem;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .12);
    display: block;
  }
  .us-msheet__lang.is-active .us-msheet__flag { box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); }
  .us-msheet__lang {
    min-width: 2.75rem;
    height: 2rem;
    padding: 0 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563 !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
  }
  .us-msheet__lang:hover,
  .us-msheet__lang:focus-visible {
    border-color: var(--color-primary, #1f9d3f);
    color: var(--color-primary, #1f9d3f) !important;
    outline: none;
  }
  .us-msheet__lang.is-active {
    background: var(--color-primary, #1f9d3f);
    border-color: var(--color-primary, #1f9d3f);
    color: #ffffff !important;
  }

  .us-msheet__handle {
    display: flex;
    justify-content: center;
    padding: 0.6rem 0 0.75rem;
    touch-action: none;
    cursor: grab;
  }
  .us-msheet__handle span {
    width: 2.75rem;
    height: 0.3rem;
    border-radius: 999px;
    background: #111827;
    opacity: 0.85;
  }

  html.us-msheet-lock, html.us-msheet-lock body { overflow: hidden; }
  html.us-msheet-lock #wbox-widget-container,
  html.us-msheet-lock #jbWidgetMini,
  html.us-msheet-lock .us-to-top,
  html.us-msheet-lock #us-live-activity { visibility: hidden !important; }

  @keyframes usMsheetFade { from { opacity: 0; } to { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) {
    .us-msheet__panel, .us-msheet__backdrop, .us-msheet__tab, .us-msheet__subs, .us-msheet__sub li { transition: none !important; }
  }

  .us-site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
  }
  .us-site-header-spacer {
    height: calc(2.25rem + 3.5rem);
  }
  @media (min-width: 640px) {
    .us-site-header-spacer { height: calc(2.5rem + 4.25rem); }
  }
  @media (min-width: 768px) {
    .us-site-header-spacer { height: calc(2.75rem + 4.75rem); }
  }
  .us-site-header--no-topbar + .us-site-header-spacer,
  .us-site-header--no-topbar ~ .us-site-header-spacer {
    height: 3.5rem;
  }
  @media (min-width: 640px) {
    .us-site-header--no-topbar + .us-site-header-spacer,
    .us-site-header--no-topbar ~ .us-site-header-spacer { height: 4.25rem; }
  }
  @media (min-width: 768px) {
    .us-site-header--no-topbar + .us-site-header-spacer,
    .us-site-header--no-topbar ~ .us-site-header-spacer { height: 4.75rem; }
  }

  @media (max-width: 1023px) {
    .us-site-header .us-nav-top { display: none !important; }
    .us-site-header-spacer,
    .us-site-header--no-topbar + .us-site-header-spacer,
    .us-site-header--no-topbar ~ .us-site-header-spacer { height: 3.5rem; }
    .us-nav-main > .us-shell { padding-left: max(0px, calc(var(--us-shell-px, 1rem) / 2 - 10px)) !important; }
    [dir="rtl"] .us-nav-main > .us-shell {
      padding-left: var(--us-shell-px, 1rem) !important;
      padding-right: max(0px, calc(var(--us-shell-px, 1rem) / 2 - 10px)) !important;
    }
    .us-nav-main .us-nav-logo { height: 2.8125rem !important; max-width: 200px !important; }
    .us-nav-main .us-nav-burger {
      background: transparent !important;
      box-shadow: none !important;
      color: #000000 !important;
      transition: color .15s ease;
      margin-inline-end: -10px; 
    }
    .us-nav-main .us-nav-burger:focus,
    .us-nav-main .us-nav-burger:active {
      outline: none !important;
      box-shadow: none !important;
      border: none !important;
    }
    .us-nav-main .us-nav-burger:focus-visible,
    .us-nav-main .us-nav-burger[aria-expanded="true"] {
      background: transparent !important;
      color: var(--color-primary, #1f9d3f) !important;
    }
    @media (hover: hover) and (pointer: fine) {
      .us-nav-main .us-nav-burger:hover {
        background: transparent !important;
        color: var(--color-primary, #1f9d3f) !important;
      }
    }
    .us-nav-main .us-nav-burger .material-symbols-outlined {
      font-size: 2.035rem; 
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: inherit !important;
    }
  }
  @media (min-width: 640px) and (max-width: 1023px) {
    .us-site-header-spacer,
    .us-site-header--no-topbar + .us-site-header-spacer,
    .us-site-header--no-topbar ~ .us-site-header-spacer { height: 4.25rem; }
    .us-nav-main .us-nav-logo { height: 3.125rem !important; max-width: 250px !important; }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .us-nav-main > .us-shell { height: 5.5rem !important; }
    .us-site-header-spacer,
    .us-site-header--no-topbar + .us-site-header-spacer,
    .us-site-header--no-topbar ~ .us-site-header-spacer { height: 5.5rem; }
    .us-nav-main .us-nav-logo { height: 5rem !important; max-width: 350px !important; }
  }
  .us-nav-top {
    background: linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-primary-dark) 100%);
    border: none !important;
    box-shadow: none !important;
    outline: none;
  }
  .us-nav-top[style*="background"] {
  }
  .us-nav-top a,
  .us-nav-top a:hover,
  .us-nav-top a:focus,
  .us-nav-top a:active,
  .us-nav-top-link,
  .us-nav-top-link:hover,
  .us-nav-top-link:focus,
  .us-nav-top-link span,
  .us-nav-top-link .material-symbols-outlined {
    color: #ffffff !important;
  }
  .us-nav-top a:hover {
    opacity: 0.92;
  }
  .us-nav-top .us-top-copy {
    color: rgba(255, 255, 255, 0.92);
  }
  .us-nav-top .us-top-copy .us-top-copy-icon,
  .us-nav-top .us-top-copy .material-symbols-outlined {
    color: inherit !important;
  }
  .us-nav-top .us-switch--top .us-switch-menu {
    left: 0;
    right: auto;
  }
  .us-cd-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    padding: 0.1rem 0.22rem;
    border-radius: 0.3rem;
    background: rgba(0,0,0,0.22);
    line-height: 1.05;
  }
  .us-cd-box b { font-size: 0.68rem; font-weight: 800; color: #fff; }
  .us-cd-box small { font-size: 0.48rem; text-transform: uppercase; letter-spacing: 0.03em; color: rgba(255,255,255,0.65); font-family: inherit; }
  @media (min-width: 640px) {
    .us-cd-box { min-width: 2.35rem; padding: 0.15rem 0.35rem; border-radius: 0.35rem; }
    .us-cd-box b { font-size: 0.8rem; }
    .us-cd-box small { font-size: 0.55rem; letter-spacing: 0.04em; }
  }

  .us-nav-main {
    position: relative;
    background: transparent;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none;
    transition: none !important;
  }
  body:not(.home-hero-bleed):not(.home-hero-showcase):not(.us-nav-main-transparent) .us-nav-main {
    background: var(--us-nav-main-bg, #000000) !important;
    box-shadow: var(--us-nav-main-shadow, none) !important;
  }
  body.home-hero-bleed:not(.us-nav-main-solid) .us-nav-main,
  body.home-hero-showcase:not(.us-nav-main-solid) .us-nav-main,
  body.home-hero-bleed:not(.us-nav-main-solid) .us-site-header,
  body.home-hero-showcase:not(.us-nav-main-solid) .us-site-header {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  html.us-nav-main-solid .us-nav-main,
  body.us-nav-main-solid .us-nav-main,
  html.us-nav-main-solid .us-site-header.is-scrolled .us-nav-main,
  body.us-nav-main-solid .us-site-header.is-scrolled .us-nav-main,
  html:not(.us-nav-main-transparent) .us-site-header.is-scrolled .us-nav-main,
  body:not(.us-nav-main-transparent) .us-site-header.is-scrolled .us-nav-main {
    background: var(--us-nav-main-bg, #000000) !important;
    box-shadow: var(--us-nav-main-shadow, none) !important;
  }
  html.us-nav-main-transparent .us-nav-main,
  html.us-nav-main-transparent .us-site-header.is-scrolled .us-nav-main,
  body.us-nav-main-transparent .us-nav-main,
  body.us-nav-main-transparent .us-site-header.is-scrolled .us-nav-main {
    background: transparent !important;
    box-shadow: none !important;
  }
  .us-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0 0.85rem;
    height: 2.5rem;
    border-radius: var(--us-nav-link-radius, 10px);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    color: var(--us-nav-link, rgba(255,255,255,0.88));
    transition: background .2s, color .2s;
    white-space: nowrap;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
  }
  .us-nav-desktop {
    position: relative;
    gap: 0.15rem;
  }
  .us-nav-scroll {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: contain;
  }
  .us-nav-scroll.is-overflowing {
    mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  }
  .us-nav-scroll::-webkit-scrollbar { display: none; height: 0; }
  .us-nav-primary {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    margin-inline: auto;
  }
  .us-nav-scroll-btn {
    display: none;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: var(--us-nav-link-radius, 10px);
    border: 1px solid color-mix(in srgb, var(--us-nav-icon, #fff) 22%, transparent);
    background: color-mix(in srgb, var(--us-nav-icon, #fff) 10%, transparent);
    color: var(--us-nav-icon, #fff);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 0;
    transition: background .15s, border-color .15s, opacity .15s, color .15s;
  }
  .us-nav-scroll-btn.is-shown {
    display: inline-flex;
  }
  .us-nav-scroll-btn:hover {
    background: var(--us-nav-link-hover-bg, var(--color-primary));
    border-color: transparent;
    color: var(--us-nav-icon-hover, #fff);
  }
  .us-nav-scroll-btn:disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
  }
  .us-nav-scroll-btn .material-symbols-outlined {
    font-size: 1.2rem !important;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    speak: never;
  }
  .us-nav-link:hover,
  .us-mega-wrap.is-open .us-mega-trigger {
    color: var(--us-nav-link-hover, #fff);
    background: var(--us-nav-link-hover-bg, linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-primary-dark) 100%));
    border-radius: var(--us-nav-link-radius, 10px);
  }
  .us-nav-link.is-active {
    color: var(--us-nav-link-active, #fff);
    background: var(--us-nav-link-active-bg, linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-primary-dark) 100%));
    border-radius: var(--us-nav-link-radius, 10px);
  }
  button.us-nav-link,
  button.us-nav-link:hover,
  button.us-nav-link.is-active,
  button.us-mega-trigger {
    border-radius: var(--us-nav-link-radius, 10px) !important;
  }
  .us-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    transition: transform .2s ease;
    transform-origin: 50% 50%;
    position: relative;
    top: 0.05em; 
  }
  .us-mega-wrap.is-open .us-chevron {
    transform: rotate(180deg);
  }

  .us-nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: var(--us-nav-cta-bg, #fff);
    color: var(--us-nav-cta-color, var(--color-primary)) !important;
    font-weight: 800;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    line-height: 1;
    height: 2.5rem;
    padding: 0 1.15rem;
    border-radius: var(--us-nav-cta-radius, 999px);
    box-shadow: none;
    transition: background .15s, color .15s;
  }
  .us-nav-cta:hover {
    background: var(--us-nav-cta-hover-bg, #fff);
    color: var(--us-nav-cta-hover-color, var(--color-primary-dark)) !important;
    transform: none;
  }
  .us-nav-cta-drop-btn {
    border: none;
    cursor: pointer;
    font: inherit;
  }
  .us-nav-cta-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.4rem);
    width: max-content;
    min-width: var(--us-nav-cta-dd-width, 260px);
    max-width: min(90vw, 28rem);
    background: var(--us-nav-cta-dd-bg, #1a1c1c);
    border: var(--us-nav-cta-dd-border, 1px solid rgba(255,255,255,0.14));
    border-radius: var(--us-nav-cta-dd-radius, 12px);
    box-shadow: var(--us-nav-cta-dd-shadow, 0 14px 32px rgba(0,0,0,0.35));
    padding: 0.4rem;
    z-index: 80;
    text-align: var(--us-nav-cta-dd-align, left);
  }
  .us-nav-cta-menu-item {
    display: flex;
    align-items: center;
    justify-content: var(--us-nav-cta-dd-justify, flex-start);
    --us-cta-dd-icon-gap: 0.75rem;
    gap: var(--us-cta-dd-icon-gap);
    padding: 0.65rem var(--us-cta-dd-icon-gap);
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 650;
    color: var(--us-nav-cta-dd-text, #fff) !important;
    line-height: 1.2;
    text-align: inherit;
    white-space: nowrap;
  }
  .us-nav-cta-menu-item > span {
    white-space: nowrap;
  }
  .us-nav-cta-menu-item:hover {
    background: var(--us-nav-cta-dd-item-hover, rgba(255,255,255,0.08));
    color: var(--us-nav-cta-dd-text, #fff) !important;
  }
  .us-nav-cta-drop.is-open .us-nav-cta-drop-btn .us-nav-cta-chevron {
    transform: none;
  }
  .us-nav-cta-drop-btn .us-nav-cta-chevron {
    transition: none;
  }
  .us-nav-cta:hover .material-symbols-outlined,
  .us-nav-cta:hover i[class*="fa-"],
  .us-nav-cta:hover .us-nav-cta-chevron {
    transform: none;
  }
  .us-nav-cta .material-symbols-outlined,
  .us-nav-cta i[class*="fa-"],
  .us-nav-cta-menu-item .material-symbols-outlined,
  .us-nav-cta-menu-item i[class*="fa-"] {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
  }
  .us-nav-cta i[class*="fa-"],
  .us-nav-cta-menu-item i[class*="fa-"] {
    font-size: 0.95em;
    width: 1em;
  }
  .us-nav-cart {
    width: 2.5rem;
    height: 2.5rem;
    background: transparent !important;
    border-radius: 0;
    color: var(--us-nav-icon, rgba(255,255,255,0.85));
    transition: color .15s;
  }
  .us-nav-cart:hover,
  .us-nav-cart:focus {
    background: transparent !important;
    color: var(--us-nav-icon-hover, #fff);
  }
  .us-nav-login {
    height: 2.5rem;
    line-height: 1;
    color: var(--us-nav-icon, rgba(255,255,255,0.85));
  }
  .us-nav-login:hover {
    color: var(--us-nav-icon-hover, #fff);
  }
  .us-nav-burger {
    color: var(--us-nav-icon, rgba(255,255,255,0.85));
    background: transparent;
    border: none;
    border-radius: var(--us-nav-link-radius, 10px);
  }
  .us-nav-burger:hover {
    color: var(--us-nav-icon-hover, #fff);
  }
  .us-nav-actions .material-symbols-outlined {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
  }

  .tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    word-wrap: break-word;
    opacity: 0;
    pointer-events: none;
  }
  .tooltip.show { opacity: 0.95; }
  .tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
  }
  .tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  .bs-tooltip-bottom .tooltip-arrow,
  .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: 0;
  }
  .bs-tooltip-bottom .tooltip-arrow::before,
  .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    top: -1px;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #1a1c1c;
  }
  .tooltip-inner {
    max-width: 220px;
    padding: 0.4rem 0.65rem;
    color: #fff;
    text-align: center;
    background-color: #1a1c1c;
    border-radius: 0.4rem;
  }
  .us-nav-cta:hover {
    background: var(--us-nav-cta-hover-bg, #ffdad6);
    color: var(--us-nav-cta-hover-color, var(--color-primary-dark)) !important;
    transform: none;
    box-shadow: none;
  }
  }

  .us-mega-wrap { position: static; }
  .us-mega-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 0;
    z-index: 55;
  }
  .us-mega-inner {
    margin: 0 auto;
    width: min(calc(100% - 2 * var(--us-shell-px, 1.25rem)), calc(var(--us-shell-max, 1280px) - 2 * var(--us-shell-px, 1.25rem)));
    max-width: calc(var(--us-shell-max, 1280px) - 2 * var(--us-shell-px, 1.25rem));
    box-sizing: border-box;
    background: #fff;
    color: #1a1c1c;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 24px 48px rgba(0,0,0,0.18);
    border: 1px solid rgba(var(--color-primary-rgb), 0.22);
    border-top: 3px solid var(--color-primary);
    display: grid;
    grid-template-columns: 220px 1fr 240px;
    min-height: 280px;
    overflow: hidden;
  }
  .us-mega-inner--no-promo {
    grid-template-columns: 220px 1fr;
  }
  .us-mega-inner--no-promo:not(.us-mega-inner--has-side) {
    grid-template-columns: 1fr;
  }
  .us-mega-inner--services {
    grid-template-columns: 1fr 240px;
    min-height: 0;
    height: auto;
    align-items: stretch;
  }
  .us-mega-inner--services.us-mega-inner--no-promo {
    grid-template-columns: 1fr;
  }
  .us-mega-inner--services .us-mega-grid {
    padding-bottom: 1.5rem;
  }
  .us-drop-inner {
    margin: 0;
    width: max-content;
    min-width: 14rem;
    background: #fff;
    color: #1a1c1c;
    border-radius: 0.85rem;
    box-shadow: 0 16px 36px rgba(0,0,0,0.16);
    border: 1px solid rgba(var(--color-primary-rgb), 0.22);
    border-top: 3px solid var(--color-primary);
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.15rem;
  }
  .us-mega-wrap--drop {
    position: relative;
  }
  .us-mega-wrap--drop > .us-drop-panel {
    left: 0;
    right: auto;
    transform: none;
    width: max-content;
    padding: 10px 0 0;
    margin: 0;
  }
  .us-nav-main > .us-drop-panel {
    padding: 10px 0 0;
    width: max-content;
  }
  .us-drop-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    --us-drop-icon-gap: 0.75rem;
    gap: var(--us-drop-icon-gap);
    padding: 0.7rem var(--us-drop-icon-gap);
    border-radius: 0.6rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827; 
    text-align: left;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    transition: background .15s, color .15s;
  }
  .us-drop-item .material-symbols-outlined,
  .us-drop-item > i,
  .us-drop-item > .fa,
  .us-drop-item > [class*="fa-"] {
    color: var(--color-primary) !important; 
    font-size: 1.2rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;
    width: 1.2rem;
  }
  .us-drop-item:hover {
    background: var(--color-primary-soft);
    color: var(--color-primary);
  }
  .us-drop-item.is-active {
    color: var(--color-primary); 
    background: var(--color-primary-soft);
  }
  .us-mega-side {
    background: rgba(var(--color-primary-rgb), 0.04);
    border-right: 1px solid rgba(var(--color-primary-rgb), 0.14);
    padding: 1rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
  }
  .us-mega-side-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.65rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: #111827;
    transition: background .15s, color .15s, border-color .15s;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    box-shadow: none;
  }
  .us-mega-side-item .material-symbols-outlined,
  .us-mega-side-item > i,
  .us-mega-side-item > .fa,
  .us-mega-side-item > [class*="fa-"] {
    color: var(--color-primary) !important;
    font-size: 1.25rem;
    flex-shrink: 0;
  }
  .us-mega-side-item:hover {
    background: #fff;
    color: var(--color-primary);
    box-shadow: none;
    border-color: rgba(var(--color-primary-rgb), 0.28);
  }
  .us-mega-side-item.is-current,
  .us-mega-side-item.is-active {
    background: #fff;
    color: var(--color-primary);
    box-shadow: none;
    border-color: rgba(var(--color-primary-rgb), 0.35);
  }
  .us-mega-side-panes {
    display: grid;
    min-width: 0;
    align-content: start;
  }
  .us-mega-side-pane {
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(10px);
    transition: opacity .28s ease, transform .28s ease, visibility .28s ease;
    z-index: 0;
  }
  .us-mega-side-pane.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    z-index: 1;
  }
  .us-mega-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 1rem;
    padding: 1.25rem 1.5rem;
    align-content: start;
  }
  .us-mega-inner--has-side .us-mega-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
  }
  .us-mega-card {
    display: flex;
    gap: 0.75rem;
    padding: 0.85rem 0.75rem;
    border-radius: 0.75rem;
    transition: background .15s;
    box-shadow: none;
    text-decoration: none !important;
    align-items: flex-start;
  }
  .us-mega-card:hover {
    background: var(--color-primary-soft);
    box-shadow: none;
  }
  .us-mega-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.65rem;
    background: var(--color-primary-soft);
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.25rem;
  }
  .us-mega-card strong {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1a1c1c;
    margin-bottom: 0.2rem;
  }
  .us-mega-card p {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #71717a;
    margin: 0;
  }

  .us-mega-card.us-mega-card--v {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 210px;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid rgba(var(--color-primary-rgb), 0.22);
    color: #fff !important;
    padding: 0;
    gap: 0;
    transition: transform .2s ease, border-color .2s ease;
  }
  .us-mega-card.us-mega-card--v:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--color-primary-rgb), 0.45);
    background: transparent;
    box-shadow: none;
  }
  .us-mega-card--v .us-mega-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
  }
  .us-mega-card--v .us-mega-card-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      to top,
      rgba(var(--color-primary-dark-rgb), 0.96) 0%,
      rgba(var(--color-primary-rgb), 0.78) 38%,
      rgba(var(--color-primary-rgb), 0.28) 68%,
      rgba(var(--color-primary-rgb), 0.08) 100%
    );
    pointer-events: none;
  }
  .us-mega-card--v.us-mega-card--plain .us-mega-card-shade {
    background: linear-gradient(
      to top,
      rgba(var(--color-primary-dark-rgb), 0.98) 0%,
      rgba(var(--color-primary-rgb), 0.92) 55%,
      rgba(var(--color-primary-rgb), 0.85) 100%
    );
  }
  .us-mega-card--v.us-mega-card--plain {
    background: var(--color-primary-dark);
  }
  .us-mega-card--v .us-mega-card-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.35rem;
    padding: 0.85rem 0.95rem;
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .us-mega-card--v .us-mega-card-title {
    display: block;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.25;
    color: #fff !important;
    margin: 0;
  }
  .us-mega-card--v .us-mega-card-desc {
    display: block;
    font-size: 0.75rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88) !important;
    margin: 0;
  }
  .us-mega-card--v .us-mega-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.15rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #fff !important;
  }
  .us-mega-card--v .us-mega-card-link .material-symbols-outlined {
    font-size: 1rem;
    line-height: 1;
  }
  .us-mega-promo {
    background: linear-gradient(165deg, var(--color-primary-soft) 0%, color-mix(in srgb, var(--color-primary-soft) 70%, white) 100%);
    border-left: 1px solid rgba(var(--color-primary-rgb), 0.18);
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
  }
  .us-mega-promo-illu {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 10px;
    background: #fff;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1rem;
    box-shadow: none;
    flex-shrink: 0;
  }
  .us-mega-promo-illu--media {
    width: 100%;
    flex: 1 1 auto;
    min-height: 8rem;
    height: auto;
    align-self: stretch;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0.85rem;
    box-shadow: none;
    background: rgba(var(--color-primary-rgb), 0.1);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
  }
  .us-mega-promo-illu--media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
  .us-mega-promo-illu .material-symbols-outlined,
  .us-mega-promo-illu > .fa { font-size: 1.75rem; }
  .us-mega-promo h4 {
    font-size: 1rem;
    font-weight: 800;
    color: #1a1c1c;
    margin: 0 0 0.4rem;
    flex-shrink: 0;
  }
  .us-mega-promo p {
    font-size: 0.78rem;
    color: #71717a;
    line-height: 1.45;
    margin: 0 0 0.85rem;
    flex-shrink: 0;
  }
  .us-mega-promo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: var(--color-primary);
    color: #fff !important;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0.65rem 1rem;
    border-radius: 0.65rem;
    transition: opacity .15s;
    flex-shrink: 0;
    margin-top: 0;
    box-shadow: none;
  }
  .us-mega-promo-btn:hover { opacity: 0.92; }

  .us-mega-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(26, 10, 11, 0.35);
    z-index: 45;
  }

  @media (max-width: 639px) {
    .us-nav-cta {
      font-size: 0.75rem;
      padding: 0.7rem 1rem;
    }
    .us-nav-cta.us-nav-cta-mobile {
      flex-shrink: 0;
      height: 2.25rem;
      padding: 0 0.8rem;
      font-size: 0.72rem;
      gap: 0.35rem;
      white-space: nowrap;
    }
  }
  @media (max-width: 379px) {
    .us-nav-cta.us-nav-cta-mobile { padding: 0 0.65rem; font-size: 0.68rem; }
    .us-nav-cta.us-nav-cta-mobile .us-nav-cta-chevron { display: none; }
  }
  @media (min-width: 1024px) {
    .us-nav-cta.us-nav-cta-mobile,
    .us-online-modal { display: none !important; }
  }
  @media (max-width: 1023px) {
    .us-nav-cta-drop { display: none !important; }
  }

  .us-online-modal {
    position: fixed;
    inset: 0;
    z-index: 1000000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
  }
  .us-online-modal[hidden] { display: none; }
  .us-online-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 12, 14, 0.55);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity .22s ease;
  }
  .us-online-modal__wrap {
    position: relative;
    width: min(100%, 24rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    opacity: 0;
    transform: translateY(14px) scale(.97);
    transition: opacity .22s ease, transform .22s ease;
  }
  .us-online-modal.is-open .us-online-modal__backdrop { opacity: 1; }
  .us-online-modal.is-open .us-online-modal__wrap { opacity: 1; transform: none; }
  .us-online-modal__dialog {
    width: 100%;
    max-height: calc(100dvh - 7rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #ffffff;
    border-radius: 1.5rem;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  }
  .us-om-group {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem;
    border-radius: 1.15rem;
    background: #f4f8f5;
    border: 1px solid rgba(var(--color-primary-rgb, 31, 157, 63), 0.14);
  }
  .us-om-group__head { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.1rem; }
  .us-om-group__icon {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: 0.8rem;
    background: var(--color-primary, #1f9d3f);
    color: #ffffff;
  }
  .us-om-group__icon .material-symbols-outlined {
    font-size: 1.35rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .us-om-group__titles { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
  .us-om-group__titles strong { font-size: 0.98rem; font-weight: 800; color: #12151a; }
  .us-om-group__titles small { font-size: 0.72rem; font-weight: 600; color: #6b7280; margin-top: 0.1rem; }

  .us-om-web {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.9rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    color: #12151a !important;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transition: border-color .15s ease, color .15s ease, transform .15s ease;
  }
  .us-om-web .material-symbols-outlined {
    font-size: 1.2rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary, #1f9d3f);
  }
  .us-om-web__label { flex: 1 1 auto; min-width: 0; }
  .us-om-web .us-om-web__go { color: #9ca3af; font-size: 1.1rem; }
  .us-om-web:hover,
  .us-om-web:focus-visible { border-color: var(--color-primary, #1f9d3f); color: var(--color-primary, #1f9d3f) !important; outline: none; }
  .us-om-web:active { transform: scale(.98); }
  [dir="rtl"] .us-om-web__go { transform: scaleX(-1); }

  .us-om-store {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.9rem;
    border-radius: 0.9rem;
    background: var(--color-primary, #1f9d3f);
    color: #ffffff !important;
    text-decoration: none !important;
    transition: filter .15s ease, transform .15s ease;
  }
  .us-om-store:hover,
  .us-om-store:focus-visible { filter: brightness(.94); outline: none; }
  .us-om-store:active { transform: scale(.98); }
  .us-om-store__icon {
    flex: 0 0 1.75rem;
    width: 1.75rem;
    font-size: 1.45rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
  }
  .us-om-store__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; color: #ffffff; }
  .us-om-store__text small { font-size: 0.66rem; font-weight: 600; opacity: .92; }
  .us-om-store__text b { font-size: 0.9rem; font-weight: 800; margin-top: 0.1rem; }
  .us-online-modal.os-android .us-om-store[data-om-os="ios"],
  .us-online-modal.os-ios .us-om-store[data-om-os="android"] { display: none; }
  .us-online-modal__close {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    color: #12151a;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
    transition: color .15s ease, transform .15s ease;
  }
  .us-online-modal__close:hover,
  .us-online-modal__close:focus-visible { color: var(--color-primary, #1f9d3f); outline: none; }
  .us-online-modal__close:active { transform: scale(.94); }
  .us-online-modal__close .material-symbols-outlined {
    font-size: 1.5rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  html.us-online-lock, html.us-online-lock body { overflow: hidden; }
  html.us-online-lock #wbox-widget-container,
  html.us-online-lock #jbWidgetMini { visibility: hidden !important; }
  @media (max-width: 1023px) {
    .us-mega-panel { display: none !important; }
  }

  .us-switch-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem 0.45rem;
    border-radius: 0.4rem;
    background: rgba(0,0,0,0.18);
    color: #fff;
    font-size: 0.7rem;
    line-height: 1;
    border: 1px solid rgba(255,255,255,0.12);
    cursor: pointer;
    transition: background .15s;
  }
  .us-switch-btn:hover { background: rgba(0,0,0,0.32); }
  .us-switch-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    min-width: 9.5rem;
    background: #111114;
    border: 1px solid rgba(var(--color-primary-rgb),0.35);
    border-radius: 0.65rem;
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
    padding: 0.35rem;
    z-index: 70;
  }
  .us-switch-menu a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.55rem;
    border-radius: 0.45rem;
    font-size: 0.75rem;
    color: rgba(255,255,255,0.85);
    font-weight: 600;
  }
  .us-switch-menu a:hover,
  .us-switch-menu a.is-active {
    background: rgba(var(--color-primary-rgb),0.35);
    color: #fff;
  }

