/* =====================================================
   MH Theme Phase 68 — Stability Polish Hardening

   Purpose:
   - Keep late compatibility fixes for old .mht-* markup.
   - Do not own glass, modals, utility controls, or mobile dock behavior.
   - No legacy .mht-floating-controls or .mht-totop rules live here.

   Owners:
   - Glass material: 34__global-glass-system.css
   - Mobile dock: 35__mobile-dock-nav.css
   - Desktop/mobile utility mode + go-to-top: 12__go-to-top.css
   - Modals: 37__modal-system.css
   ===================================================== */

/* -----------------------------------------------------
   Product copy cleanup.
   ----------------------------------------------------- */
.home .mht-proof__copy,
.home .mht-thinking__copy,
.home .mht-build__copy,
.home .mht-content-body[data-mht-section-copy] {
  display: none !important;
}

.home .mht-proof__intro,
.home .mht-thinking__head,
.home .mht-build__head {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 980px;
}

.mht-footer__links-cta-note {
  max-width: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* -----------------------------------------------------
   Light-mode compatibility for old component classes.
   ----------------------------------------------------- */
html[data-mht-theme-effective="light"] .mht-u-btn--primary,
html[data-mht-theme="light"] .mht-u-btn--primary {
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,242,247,.68)) !important;
  border-color: rgba(142,99,163,.34) !important;
  color: #2F1F3A !important;
  box-shadow: 0 12px 30px rgba(76,52,93,.07), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

html[data-mht-theme-effective="light"] .mht-u-btn--primary:hover,
html[data-mht-theme="light"] .mht-u-btn--primary:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(230,216,255,.74)) !important;
  border-color: rgba(142,99,163,.46) !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-u-btn--primary .mht-u-btn__orb,
html[data-mht-theme="light"] .mht-u-btn--primary .mht-u-btn__orb {
  background: #E6D8FF !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-build__grid,
html[data-mht-theme="light"] .mht-build__grid {
  gap: 1px !important;
  background: rgba(76,52,93,.10) !important;
  border: 1px solid rgba(76,52,93,.10) !important;
  box-shadow: 0 24px 80px rgba(76,52,93,.09) !important;
}

html[data-mht-theme-effective="light"] .mht-service-card,
html[data-mht-theme="light"] .mht-service-card {
  box-shadow: none !important;
}

html[data-mht-theme-effective="light"] .mht-client-logo-mask,
html[data-mht-theme="light"] .mht-client-logo-mask {
  background-color: #8E63A3 !important;
  opacity: .46 !important;
}

html[data-mht-theme-effective="light"] .mht-logo-item:hover .mht-client-logo-mask,
html[data-mht-theme="light"] .mht-logo-item:hover .mht-client-logo-mask {
  background-color: #B78CFF !important;
  opacity: .92 !important;
}

html[data-mht-theme-effective="light"] .mht-logo-mark,
html[data-mht-theme="light"] .mht-logo-mark {
  color: #8E63A3 !important;
  opacity: .58 !important;
}

/* -----------------------------------------------------
   Desktop header: locked stable state.
   ----------------------------------------------------- */
.mht-nav__inner .mht-nav__links,
.mht-nav__inner .mht-nav__link,
.mht-nav__inner .mht-nav__link:visited,
.mht-nav__inner .mht-nav__link:hover,
.mht-nav__inner .mht-nav__link:focus-visible,
html[data-mht-theme-effective="light"] .mht-nav__inner .mht-nav__link,
html[data-mht-theme="light"] .mht-nav__inner .mht-nav__link {
  color: #fff !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.28) !important;
}

.mht-nav__inner {
  border: 0 !important;
  outline: 0 !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.20),
    inset 0 0 32px rgba(255,255,255,.035) !important;
}

.mht-nav__inner::before {
  inset: 0 0 auto 0 !important;
  height: 44% !important;
  opacity: .34 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.08) 58%, rgba(255,255,255,0) 100%) !important;
}

@media (min-width: 901px) {
  .mht-nav__inner {
    --mht-nav-control-h: 42px;
    padding-left: 12px !important;
    padding-right: 10px !important;
    gap: clamp(22px, 3vw, 46px) !important;
  }

  /* Angled -40deg reflection. Reflection, not a drawn border. */
  .mht-nav__inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    height: auto !important;
    border-radius: inherit !important;
    padding: 1.25px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: .62 !important;
    background:
      linear-gradient(
        -40deg,
        rgba(255,255,255,.50) 0%,
        rgba(255,255,255,.32) 18%,
        rgba(255,255,255,.12) 44%,
        rgba(255,255,255,.035) 68%,
        rgba(255,255,255,0) 100%
      ) !important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
  }

  html[data-mht-theme-effective="light"] .mht-nav__inner::after,
  html[data-mht-theme="light"] .mht-nav__inner::after {
    opacity: .52 !important;
    background:
      linear-gradient(
        -40deg,
        rgba(255,255,255,.58) 0%,
        rgba(255,255,255,.30) 18%,
        rgba(255,255,255,.10) 48%,
        rgba(0,0,0,.035) 76%,
        rgba(0,0,0,0) 100%
      ) !important;
  }

  .mht-nav__inner .mht-nav__links {
    gap: clamp(14px, 2.1vw, 28px) !important;
  }

  .mht-nav__inner .mht-nav__link {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.86) !important;
    text-decoration: none !important;
    text-decoration-color: transparent !important;
    transition:
      color 240ms cubic-bezier(.22,1,.36,1),
      transform 240ms cubic-bezier(.22,1,.36,1) !important;
  }

  .mht-nav__inner .mht-nav__link::after {
    display: none !important;
    content: none !important;
  }

  .mht-nav__inner .mht-nav__link::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    z-index: -1 !important;
    opacity: 0 !important;
    transform: scale(.86) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
      rgba(255,255,255,.10) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.26),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 8px 18px rgba(0,0,0,.12) !important;
    transition:
      opacity 260ms cubic-bezier(.22,1,.36,1),
      transform 300ms cubic-bezier(.22,1,.36,1) !important;
  }

  .mht-nav__inner .mht-nav__link:hover,
  .mht-nav__inner .mht-nav__link:focus-visible,
  .mht-nav__inner .mht-nav__link.is-active {
    color: #fff !important;
    transform: translateY(-1px) !important;
  }

  .mht-nav__inner .mht-nav__link:hover::before,
  .mht-nav__inner .mht-nav__link:focus-visible::before,
  .mht-nav__inner .mht-nav__link.is-active::before {
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-nav__link,
  html[data-mht-theme="light"] .mht-nav__inner .mht-nav__link {
    color: rgba(255,255,255,.88) !important;
  }

  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-nav__link::before,
  html[data-mht-theme="light"] .mht-nav__inner .mht-nav__link::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
      rgba(47,31,58,.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(47,31,58,.14),
      0 8px 18px rgba(47,31,58,.08) !important;
  }

  .mht-nav__inner .mht-nav__logo {
    width: var(--mht-nav-control-h) !important;
    height: var(--mht-nav-control-h) !important;
    min-width: var(--mht-nav-control-h) !important;
    flex: 0 0 var(--mht-nav-control-h) !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
  }

  .mht-nav__inner .mht-nav__logo-img,
  .mht-nav__inner .mht-nav__logo-mark {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }

  .mht-nav__inner .mht-nav__cta-desktop {
    margin-right: 0 !important;
  }

  .mht-nav__inner .mht-u-btn--nav,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav {
    height: var(--mht-nav-control-h) !important;
    min-height: var(--mht-nav-control-h) !important;
    margin-right: 0 !important;
    padding: 0 26px !important;
    gap: 13px !important;
    color: #fff !important;
    background: rgba(76,52,93,.62) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      inset 0 -1px 0 rgba(0,0,0,.22),
      0 10px 24px rgba(0,0,0,.12) !important;
    transition:
      color 420ms var(--ease-out),
      background-color 420ms var(--ease-out),
      box-shadow 420ms var(--ease-out) !important;
  }

  .mht-nav__inner .mht-u-btn--nav::before,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav::before,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: #B78CFF !important;
    opacity: 1 !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 520ms var(--ease-out) !important;
  }

  .mht-nav__inner .mht-u-btn--nav:hover,
  .mht-nav__inner .mht-u-btn--nav:focus-visible,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:hover,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:hover,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:focus-visible,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:focus-visible {
    color: #2F1F3A !important;
    background: rgba(76,52,93,.62) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.38),
      inset 0 -1px 0 rgba(76,52,93,.20),
      0 16px 32px rgba(183,140,255,.20) !important;
  }

  .mht-nav__inner .mht-u-btn--nav:hover::before,
  .mht-nav__inner .mht-u-btn--nav:focus-visible::before,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:hover::before,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:hover::before,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:focus-visible::before,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:focus-visible::before {
    transform: scaleX(1) !important;
  }

  .mht-nav__inner .mht-u-btn--nav .mht-u-btn__label,
  .mht-nav__inner .mht-u-btn--nav .mht-u-btn__dot {
    position: relative !important;
    z-index: 4 !important;
  }

  .mht-nav__inner .mht-u-btn--nav .mht-u-btn__label {
    color: #fff !important;
    transition: color 420ms var(--ease-out) !important;
  }

  .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__label,
  .mht-nav__inner .mht-u-btn--nav:focus-visible .mht-u-btn__label,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__label,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__label {
    color: #2F1F3A !important;
  }

  .mht-nav__inner .mht-u-btn--nav .mht-u-btn__dot {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #B78CFF !important;
    box-shadow: 0 0 10px rgba(183,140,255,.62) !important;
  }

  .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__dot,
  .mht-nav__inner .mht-u-btn--nav:focus-visible .mht-u-btn__dot,
  html[data-mht-theme-effective="light"] .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__dot,
  html[data-mht-theme="light"] .mht-nav__inner .mht-u-btn--nav:hover .mht-u-btn__dot {
    background: #2F1F3A !important;
    box-shadow: none !important;
  }

  /* Wide desktop logos/wordmarks. */
  .mht-nav__inner .mht-nav__logo.is-wordmark-logo,
  .mht-nav__inner .mht-nav__logo.is-text-logo {
    width: auto !important;
    min-width: 96px !important;
    max-width: 180px !important;
    height: var(--mht-nav-control-h, 42px) !important;
    flex: 0 0 auto !important;
    padding-inline: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .mht-nav__inner .mht-nav__logo.is-wordmark-logo .mht-nav__logo-img {
    width: auto !important;
    height: 19px !important;
    max-height: 19px !important;
    max-width: 150px !important;
    object-fit: contain !important;
  }

  .mht-nav__inner .mht-nav__logo.is-text-logo .mht-nav__logo-text {
    display: block !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
}

/* Header logo hover: motion only. No border/glow/background added to logo. */
.mht-nav__inner .mht-nav__logo {
  transform-origin: center center !important;
  will-change: transform !important;
  transition: transform 300ms cubic-bezier(.22,1,.36,1) !important;
}

.mht-nav__inner .mht-nav__logo::before,
.mht-nav__inner .mht-nav__logo::after {
  content: none !important;
  display: none !important;
}

.mht-nav__inner .mht-nav__logo-img,
.mht-nav__inner .mht-nav__logo-mark,
.mht-nav__inner .mht-nav__logo-text {
  transition: transform 300ms cubic-bezier(.22,1,.36,1) !important;
  transform-origin: center center !important;
}

.mht-nav__inner .mht-nav__logo:hover,
.mht-nav__inner .mht-nav__logo:focus-visible {
  transform: translateY(-1px) scale(1.045) !important;
}

.mht-nav__inner .mht-nav__logo:hover .mht-nav__logo-img,
.mht-nav__inner .mht-nav__logo:focus-visible .mht-nav__logo-img,
.mht-nav__inner .mht-nav__logo:hover .mht-nav__logo-mark,
.mht-nav__inner .mht-nav__logo:focus-visible .mht-nav__logo-mark,
.mht-nav__inner .mht-nav__logo:hover .mht-nav__logo-text,
.mht-nav__inner .mht-nav__logo:focus-visible .mht-nav__logo-text {
  transform: scale(1.035) !important;
}

.mht-nav__inner .mht-nav__logo:active {
  transform: translateY(0) scale(.985) !important;
}

/* -----------------------------------------------------
   Mobile top controls: logo left, dark/light utility right.
   Utility control is styled in 12__go-to-top.css; this file only sizes nav logo.
   ----------------------------------------------------- */
@media (max-width: 900px) {
  :root {
    --mht-mobile-top-size: 58px;
    --mht-mobile-top-y: calc(18px + env(safe-area-inset-top));
    --mht-mobile-top-x: max(18px, env(safe-area-inset-left));
    --mht-mobile-top-x-r: max(18px, env(safe-area-inset-right));
  }

  .mht-nav {
    top: var(--mht-mobile-top-y) !important;
    left: var(--mht-mobile-top-x) !important;
    right: auto !important;
    width: auto !important;
    max-width: calc(100vw - var(--mht-mobile-top-x) - var(--mht-mobile-top-x-r) - var(--mht-mobile-top-size) - 14px) !important;
    height: var(--mht-mobile-top-size) !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  .mht-nav__inner {
    width: auto !important;
    min-width: var(--mht-mobile-top-size) !important;
    max-width: calc(100vw - var(--mht-mobile-top-x) - var(--mht-mobile-top-x-r) - var(--mht-mobile-top-size) - 14px) !important;
    height: var(--mht-mobile-top-size) !important;
    min-height: var(--mht-mobile-top-size) !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .mht-nav .mht-nav__links,
  .mht-nav .mht-nav__cta-desktop,
  .mht-nav .mht-u-btn--nav.mht-nav__cta-desktop,
  .mht-nav__inner > .mht-nav__cta-desktop,
  .mht-nav__inner > .mht-u-btn--nav,
  .mht-nav .mht-nav__toggle,
  .mht-fs-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mht-nav__inner .mht-nav__logo {
    height: var(--mht-mobile-top-size) !important;
    min-height: var(--mht-mobile-top-size) !important;
    margin: 0 !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  .mht-nav__inner .mht-nav__logo.is-icon-logo {
    width: var(--mht-mobile-top-size) !important;
    min-width: var(--mht-mobile-top-size) !important;
    flex: 0 0 var(--mht-mobile-top-size) !important;
    padding: 0 !important;
  }

  .mht-nav__inner .mht-nav__logo.is-icon-logo .mht-nav__logo-img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  .mht-nav__inner .mht-nav__logo.is-icon-logo .mht-nav__logo-mark {
    width: 40px !important;
    height: 40px !important;
  }

  .mht-nav__inner .mht-nav__logo.is-wordmark-logo,
  .mht-nav__inner .mht-nav__logo.is-text-logo {
    width: auto !important;
    min-width: 112px !important;
    max-width: min(230px, calc(100vw - 118px)) !important;
    flex: 0 1 auto !important;
    padding: 0 18px !important;
    justify-content: center !important;
  }

  .mht-nav__inner:has(.mht-nav__logo.is-wordmark-logo),
  .mht-nav__inner:has(.mht-nav__logo.is-text-logo) {
    width: auto !important;
    min-width: 112px !important;
    max-width: min(230px, calc(100vw - var(--mht-mobile-top-x) - var(--mht-mobile-top-x-r) - var(--mht-mobile-top-size) - 14px)) !important;
  }

  .mht-nav__inner .mht-nav__logo.is-wordmark-logo .mht-nav__logo-img {
    display: block !important;
    width: auto !important;
    height: 22px !important;
    max-height: 22px !important;
    max-width: 188px !important;
    object-fit: contain !important;
  }

  .mht-nav__inner .mht-nav__logo.is-text-logo .mht-nav__logo-text {
    display: block !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .mht-nav__inner {
    box-shadow:
      0 8px 22px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -1px 0 rgba(0,0,0,.28),
      inset 0 0 0 1px rgba(255,255,255,.045) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mht-nav__inner .mht-nav__logo,
  .mht-nav__inner .mht-nav__logo-img,
  .mht-nav__inner .mht-nav__logo-mark,
  .mht-nav__inner .mht-nav__logo-text,
  .mht-nav__inner .mht-nav__link,
  .mht-nav__inner .mht-nav__link::before,
  .mht-nav__inner .mht-u-btn--nav,
  .mht-nav__inner .mht-u-btn--nav::before {
    transition: none !important;
    animation: none !important;
  }

  .mht-nav__inner .mht-nav__logo:hover,
  .mht-nav__inner .mht-nav__logo:focus-visible,
  .mht-nav__inner .mht-nav__link:hover,
  .mht-nav__inner .mht-nav__link:focus-visible {
    transform: none !important;
  }
}


/* =====================================================
   Phase 90 — Mobile glass order guard
   36 loads after the global glass file, so this repeats the same global
   mobile control selectors only to preserve the -40deg light-source border
   on phone controls. No component-specific new visual style.
   ===================================================== */
@media (max-width: 900px) {
  .mht-nav__inner::before,
  .mht-mobile-dock__inner::before,
  .mht-utility-control::before {
    inset: 0 0 auto 0 !important;
    height: 44% !important;
    opacity: .34 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.08) 58%, rgba(255,255,255,0) 100%) !important;
    box-shadow: none !important;
  }

  .mht-nav__inner::after,
  .mht-mobile-dock__inner::after,
  .mht-utility-control::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: inherit !important;
    padding: 1.15px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: .62 !important;
    background:
      linear-gradient(
        -40deg,
        rgba(255,255,255,.50) 0%,
        rgba(255,255,255,.31) 18%,
        rgba(255,255,255,.12) 44%,
        rgba(255,255,255,.035) 68%,
        rgba(255,255,255,0) 100%
      ) !important;
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
  }

  html[data-mht-theme-effective="light"] .mht-nav__inner::after,
  html[data-mht-theme-effective="light"] .mht-mobile-dock__inner::after,
  html[data-mht-theme-effective="light"] .mht-utility-control::after,
  html[data-mht-theme="light"] .mht-nav__inner::after,
  html[data-mht-theme="light"] .mht-mobile-dock__inner::after,
  html[data-mht-theme="light"] .mht-utility-control::after {
    opacity: .54 !important;
    background:
      linear-gradient(
        -40deg,
        rgba(255,255,255,.58) 0%,
        rgba(255,255,255,.30) 18%,
        rgba(255,255,255,.10) 48%,
        rgba(0,0,0,.035) 76%,
        rgba(0,0,0,0) 100%
      ) !important;
  }
}