/* Ecole Russe de Musique: focused menu, CTA and responsive fixes */

:root {
  --erm-menu-bg: rgba(255, 255, 255, 0.96);
  --erm-menu-text: #1f1b18;
  --erm-accent: #8f6b2e;
}

body.t-body,
#allrecords {
  background-color: #fff !important;
}

#rec1159730293 .t-card__title,
#rec1159730293 .t-card__title *,
#record1159730293 .t-card__title,
#record1159730293 .t-card__title * {
  color: #fff !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42) !important;
}

#rec1159730293 .t-section__title,
#rec1159730293 .t-section__title *,
#rec1159730293 .t-section__descr,
#rec1159730293 .t-section__descr * {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32) !important;
}

#rec147614976,
#rec2387100451,
#rec2379956661,
#rec2379958601,
#record2387100451,
#record2379956661,
#record2379958601 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#rec2387100451 {
  min-height: max(1000px, 140vh) !important;
  position: relative !important;
}

#rec2379956661 {
  padding-top: 0 !important;
  padding-bottom: 36px !important;
}

#rec2379956661 .t142 {
  margin-top: 0 !important;
}

#erm-global-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 10px 32px;
  box-sizing: border-box;
  background: var(--erm-menu-bg);
  color: var(--erm-menu-text);
  border-bottom: 1px solid rgba(31, 27, 24, 0.1);
  box-shadow: 0 8px 24px rgba(31, 27, 24, 0.08);
  backdrop-filter: blur(10px);
}

body.erm-has-global-menu:not(.t-body_popupshowed) #allrecords {
  padding-top: 64px;
}

#erm-global-menu a {
  color: var(--erm-menu-text);
  text-decoration: none;
}

#erm-global-menu .erm-menu-brand {
  max-width: 340px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
}

#erm-global-menu .erm-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid rgba(31, 27, 24, 0.18);
  border-radius: 4px;
  background: #fff;
  color: var(--erm-menu-text);
  cursor: pointer;
}

#erm-global-menu .erm-menu-toggle span,
#erm-global-menu .erm-menu-toggle span::before,
#erm-global-menu .erm-menu-toggle span::after {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  content: "";
}

#erm-global-menu .erm-menu-toggle span::before {
  transform: translateY(-7px);
}

#erm-global-menu .erm-menu-toggle span::after {
  transform: translateY(5px);
}

#erm-global-menu .erm-menu-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

#erm-global-menu .erm-menu-links a {
  padding: 8px 0;
}

#erm-global-menu .erm-menu-links a:hover,
#erm-global-menu .erm-menu-links a:focus {
  color: var(--erm-accent);
}

#erm-global-menu .erm-menu-cta {
  padding: 10px 16px !important;
  border-radius: 4px;
  background: var(--erm-accent);
  color: #fff !important;
}

#erm-global-menu .erm-menu-cta:hover,
#erm-global-menu .erm-menu-cta:focus {
  color: #fff !important;
  background: #765723;
}

#erm-trial-cta {
  position: fixed;
  right: -24px;
  bottom: 88px;
  z-index: 999998;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 318px;
  min-height: 118px;
  padding: 20px 40px 20px 34px;
  box-sizing: border-box;
  border: 5px solid #fff;
  border-right: 0;
  border-radius: 140px 0 0 140px;
  background: rgba(35, 28, 25, 0.18);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(4px);
}

#erm-trial-cta::before {
  position: absolute;
  inset: -13px -2px -13px -18px;
  border: 4px solid rgba(255, 255, 255, 0.74);
  border-right: 0;
  border-radius: 156px 0 0 156px;
  content: "";
  pointer-events: none;
}

#erm-trial-cta span {
  position: relative;
  display: block;
  max-width: 210px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42);
}

#erm-trial-cta:hover,
#erm-trial-cta:focus {
  transform: translateX(-6px);
  background: rgba(35, 28, 25, 0.28);
}

@media screen and (max-width: 1199px) {
  #rec1159730293 .t-card__title,
  #rec1159730293 .t-card__title *,
  #record1159730293 .t-card__title,
  #record1159730293 .t-card__title * {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 959px) {
  #erm-global-menu {
    gap: 14px;
    padding: 10px 20px;
  }

  #erm-global-menu .erm-menu-brand {
    font-size: 16px;
  }

  #erm-global-menu .erm-menu-toggle {
    display: inline-flex;
  }

  #erm-global-menu .erm-menu-links {
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 20px 18px;
    background: var(--erm-menu-bg);
    border-bottom: 1px solid rgba(31, 27, 24, 0.1);
    box-shadow: 0 14px 24px rgba(31, 27, 24, 0.1);
  }

  #erm-global-menu.is-open .erm-menu-links {
    display: flex;
  }

  #erm-global-menu .erm-menu-links a {
    padding: 13px 0;
    border-top: 1px solid rgba(31, 27, 24, 0.08);
  }

  #erm-global-menu .erm-menu-cta {
    display: inline-block;
    margin-top: 8px;
    text-align: center;
  }

  #rec1159730293 .t-card__title,
  #rec1159730293 .t-card__title *,
  #record1159730293 .t-card__title,
  #record1159730293 .t-card__title * {
    font-size: 34px !important;
  }

  #rec2387100451 {
    min-height: 1280px !important;
  }

  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1280px !important;
    min-height: 1280px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757428001709"] {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 120px !important;
    z-index: 1 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757428001709"] .tn-atom {
    width: 100% !important;
    height: 120px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757427934341"] {
    top: 12px !important;
    left: calc(50% - 55px) !important;
    width: 110px !important;
    height: 105px !important;
    z-index: 10 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699414724689240"] {
    top: 150px !important;
    left: calc(50% - 45px) !important;
    width: 90px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417032063490"] {
    top: 195px !important;
    left: calc(50% - 110px) !important;
    width: 220px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] {
    top: 240px !important;
    left: calc(50% - 120px) !important;
    width: 240px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699421696421070"] {
    top: 285px !important;
    left: calc(50% - 70px) !important;
    width: 140px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699512055157870"] {
    top: 330px !important;
    left: calc(50% - 44px) !important;
    width: 32px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699510775112060"] {
    top: 330px !important;
    left: calc(50% + 14px) !important;
    width: 32px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699414724689240"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699414724689240"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699414724689240"] .tn-atom p,
  #rec2387100451 .tn-elem[data-elem-id="175699417032063490"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699417032063490"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699417032063490"] .tn-atom p,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom p,
  #rec2387100451 .tn-elem[data-elem-id="175699421696421070"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699421696421070"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699421696421070"] .tn-atom p,
  #rec2387100451 .tn-elem[data-elem-id="175699512055157870"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699512055157870"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699512055157870"] .tn-atom p,
  #rec2387100451 .tn-elem[data-elem-id="175699510775112060"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699510775112060"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699510775112060"] .tn-atom p {
    display: block !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.25 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757427934341"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="1757427934341"] img {
    width: 110px !important;
    height: 105px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] {
    top: 430px !important;
    left: calc(50% - 211px) !important;
    width: 422px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] img {
    width: 422px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] {
    display: block !important;
    top: 720px !important;
    left: 40px !important;
    width: calc(100% - 80px) !important;
    height: auto !important;
    z-index: 8 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] .tn-atom {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] {
    display: block !important;
    top: 780px !important;
    left: 40px !important;
    width: calc(100% - 80px) !important;
    height: auto !important;
    z-index: 7 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] .tn-atom {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] br {
    display: none !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] p {
    margin: 0 0 14px !important;
  }

  #erm-trial-cta {
    width: 286px;
    min-height: 108px;
    bottom: 78px;
  }

  #erm-trial-cta span {
    max-width: 190px;
    font-size: 16px;
  }
}

@media screen and (max-width: 639px) {
  body.erm-has-global-menu:not(.t-body_popupshowed) #allrecords {
    padding-top: 60px;
  }

  #erm-global-menu {
    min-height: 60px;
    padding: 8px 14px;
  }

  #erm-global-menu .erm-menu-brand {
    max-width: 250px;
    font-size: 14px;
  }

  #erm-global-menu .erm-menu-links {
    top: 60px;
  }

  #rec1159730293 .t-card__title,
  #rec1159730293 .t-card__title *,
  #record1159730293 .t-card__title,
  #record1159730293 .t-card__title * {
    font-size: 30px !important;
  }

  #rec2387100451 {
    min-height: 1280px !important;
  }

  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1280px !important;
    min-height: 1280px !important;
  }

  #rec2379956661 {
    padding-top: 8px !important;
    padding-bottom: 36px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] {
    display: block !important;
    top: 650px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: auto !important;
    z-index: 8 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] .tn-atom {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] {
    display: block !important;
    top: 708px !important;
    left: 24px !important;
    width: calc(100% - 48px) !important;
    height: auto !important;
    z-index: 7 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] .tn-atom {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] br {
    display: none !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] p {
    margin: 0 0 14px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] {
    top: 214px !important;
    left: calc(50% - 110px) !important;
    width: 220px !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom p {
    display: block !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.25 !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699421696421070"] {
    top: 250px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699512055157870"],
  #rec2387100451 .tn-elem[data-elem-id="175699510775112060"] {
    top: 290px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757428001709"],
  #rec2387100451 .tn-elem[data-elem-id="1757428001709"] .tn-atom {
    height: 124px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757427934341"] {
    top: 10px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699414724689240"] {
    top: 128px !important;
    left: calc(50% - 40px) !important;
    width: 80px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417032063490"] {
    top: 170px !important;
    left: calc(50% - 100px) !important;
    width: 200px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] {
    top: 390px !important;
    left: calc(50% - 127px) !important;
    width: 253px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="1757438618382"] img {
    width: 253px !important;
  }

  #erm-trial-cta {
    right: -22px;
    bottom: 72px;
    width: 236px;
    min-height: 92px;
    padding: 15px 30px 15px 24px;
    border-width: 4px;
    border-radius: 110px 0 0 110px;
  }

  #erm-trial-cta::before {
    inset: -10px -2px -10px -14px;
    border-width: 3px;
    border-radius: 124px 0 0 124px;
  }

  #erm-trial-cta span {
    max-width: 164px;
    font-size: 14px;
    line-height: 1.18;
  }
}

@media screen and (max-width: 420px) {
  #erm-global-menu .erm-menu-brand {
    max-width: 220px;
    font-size: 13px;
  }

  #rec1159730293 .t-card__title,
  #rec1159730293 .t-card__title *,
  #record1159730293 .t-card__title,
  #record1159730293 .t-card__title * {
    font-size: 28px !important;
  }

  #rec2387100451 {
    min-height: 1280px !important;
  }

  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1280px !important;
    min-height: 1280px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] {
    top: 620px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] {
    top: 678px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
  }

  #erm-trial-cta {
    right: -20px;
    bottom: 66px;
    width: 218px;
    min-height: 86px;
    padding-right: 28px;
  }

  #erm-trial-cta span {
    max-width: 150px;
    font-size: 13px;
  }
}

/* Homepage CR02 mobile title: keep "Индивидуальные" on one line */
@media screen and (max-width: 479px) {
  #rec1385127581 .t102__title,
  #record1385127581 .t102__title,
  #rec1385127581 .t102__title span,
  #record1385127581 .t102__title span {
    font-size: 28px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  #rec1385127581 .t102__title span,
  #record1385127581 .t102__title span {
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 330px) {
  #rec1385127581 .t102__title,
  #record1385127581 .t102__title,
  #rec1385127581 .t102__title span,
  #record1385127581 .t102__title span {
    font-size: 25px !important;
  }
}

/* Ecole Russe: About page narrow mobile height fix 2026-06-28 */
@media screen and (max-width: 340px) {
  #rec2387100451,
  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1400px !important;
    min-height: 1400px !important;
  }
}

/* Ecole Russe: About CTA mobile separation fix 2026-06-28 */
@media screen and (max-width: 420px) {
  #rec2387100451,
  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1360px !important;
    min-height: 1360px !important;
  }

  #rec2379956661 {
    padding-top: 12px !important;
  }
}

@media screen and (max-width: 340px) {
  #rec2387100451,
  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1420px !important;
    min-height: 1420px !important;
  }
}

/* Ecole Russe: About mobile top overlap fix 2026-06-28 */
@media screen and (max-width: 420px) {
  #rec2387100451,
  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1680px !important;
    min-height: 1680px !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1782251048344"] {
    top: 770px !important;
    left: 50% !important;
    width: min(300px, calc(100% - 40px)) !important;
    transform: translateX(-50%) !important;
    height: auto !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="1781728195726"] {
    top: 830px !important;
    left: 50% !important;
    width: min(300px, calc(100% - 40px)) !important;
    transform: translateX(-50%) !important;
    height: auto !important;
  }

  #rec2379956661 {
    padding-top: 12px !important;
  }
}

@media screen and (max-width: 340px) {
  #rec2387100451,
  #rec2387100451 .t396__artboard,
  #rec2387100451 .t396__carrier,
  #rec2387100451 .t396__filter {
    height: 1700px !important;
    min-height: 1700px !important;
  }
}

/* Ecole Russe: About format menu center fix 2026-06-28 */
@media screen and (max-width: 640px) {
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] {
    left: 50% !important;
    width: 180px !important;
    transform: translateX(-50%) !important;
  }

  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom a,
  #rec2387100451 .tn-elem[data-elem-id="175699417985845520"] .tn-atom p {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* FR homepage mobile subtitle fix 2026-06-28 */
@media screen and (max-width: 640px) {
  #rec1301185501 .tn-elem__13011855011470209944682 {
    left: 50% !important;
    width: min(300px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  #rec1301185501 .tn-elem__13011855011470209944682 .tn-atom,
  #rec1301185501 .tn-elem__13011855011470209944682 .tn-atom p {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
  }
}
