/* MNEME Brand v3 — открытая память, собранная в монограмму M. */

.brand-mark.brand-mark-product {
  display: grid !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 40px !important;
  padding: 0 !important;
  place-items: center;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.brand-mark .mneme-brand-symbol {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.22));
  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.brand-mark .mneme-symbol-shadow {
  fill: none !important;
  stroke: rgba(2, 6, 7, 0.74) !important;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6.1;
  transform: translate(0.8px, 0.9px);
}

.brand-mark .mneme-symbol-monogram,
.brand-mark .mneme-symbol-thread {
  fill: none !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.brand-mark .mneme-symbol-monogram {
  stroke: #f0e3cc !important;
  stroke-width: 5.15;
}

.brand-mark .mneme-symbol-thread {
  stroke: #2db8ae !important;
  stroke-width: 4.05;
}

.brand-mark .mneme-symbol-signal {
  fill: #d9b36b !important;
  stroke: rgba(8, 14, 15, 0.56);
  stroke-width: 1.1;
}

.brand-lockup strong {
  text-decoration: none !important;
}

.splash-card .brand-mark.brand-mark-product {
  width: 54px !important;
  height: 56px !important;
}

@media (max-width: 767px) {
  .mobile-header .brand-lockup.compact {
    max-width: calc(100% - 166px) !important;
    gap: 0 !important;
  }

  .mobile-header .brand-lockup.compact .brand-mark.brand-mark-product {
    display: none !important;
  }

  .mobile-header .brand-lockup.compact strong {
    color: #f0e3cc !important;
    font-family: var(--font-display) !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0.085em !important;
    text-decoration: none !important;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
  }
}