/* new_slider Frame 1492 (desktop) / Frame 1493 (mobile) — значения по макету figma_full.json */

/* --- общие стили текста слайда --- */
.new-slide-1492 .new-slide-text .sub {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 5px;
}
.new-slide-1492 .new-slide-text .new-slide-line {
  display: block;
  width: 384px;
  height: 1px;
  background: #ca682b;
  margin: 0 0 4px;
}
.new-slide-about .new-slide-text .new-slide-tag {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  color: #ffffff;
  background: #ca682b;
  border-radius: 20px;
  padding: 4px 23px;
  margin: 0 0 14px;
}
.new-slide-1492 .new-slide-text .new-slide-tag {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  color: #ffffff;
  background: #ca682b;
  border-radius: 20px;
  padding: 4px 23px;
  margin: 0 0 14px;
}
.new-slide-1492 .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.22;
  color: #ca682b;
  margin: 0 0 9px;
  max-width: none;
  width: 100%;
}
.new-slide-1492 .new-slide-desktop .new-slide-text {
  width: 55%;
}
.new-slide-1492 .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 33px;
}
.new-slide-1492 .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 67px;
  padding: 0 28px;
  background: #817b45;
  color: #ffffff;
  border: 0;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.22;
  text-decoration: none;
}
.new-slide-1492 .new-slide-text .btn:hover {
  color: #ffffff;
  opacity: .9;
}

/* --- десктоп (Frame 1492) --- */
.new-slide-desktop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.new-slide-desktop .new-slide-text {
  width: 47.5%;
  flex: none;
}
.new-slide-desktop .new-slide-photos {
  position: relative;
  flex: 1 1 auto;
  aspect-ratio: 756 / 522;
}
.new-slide-desktop .new-slide-photos img {
  position: absolute;
  border-radius: 25px;
  object-fit: cover;
}
.new-slide-desktop .new-slide-photos .ph-1 {
  left: 0;
  top: 0;
  width: 26.19%;
  height: 52.68%;
  z-index: 1;
}
.new-slide-desktop .new-slide-photos .ph-2 {
  left: 20.9%;
  top: 14.94%;
  width: 60.05%;
  height: 72.03%;
  z-index: 2;
}
.new-slide-desktop .new-slide-photos .ph-3 {
  left: 73.28%;
  top: 41.95%;
  width: 26.72%;
  height: 58.05%;
  z-index: 3;
}

/* --- мобайл (Frame 1493) --- */
.new-slide-mobile {
  display: flex;
  flex-direction: column;
}
.new-slide-mobile .new-slide-text .new-slide-line {
  width: 214px;
}
.new-slide-mobile .new-slide-text p {
  margin-bottom: 24px;
}
.new-slide-mobile .new-slide-text .btn {
  width: 100%;
  height: 79px;
}
.new-slide-mobile .new-slide-photos {
  width: 100%;
  margin-top: 16px;
}
.new-slide-mobile .new-slide-photos img {
  display: block;
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
}
.new-slide-mobile .new-slide-photos .ph-main {
  aspect-ratio: 363 / 301;
}
.new-slide-mobile .new-slide-photos .ph-row {
  display: flex;
  gap: 5px;
  margin-top: 7px;
}
.new-slide-mobile .new-slide-photos .ph-row img {
  width: calc(50% - 2.5px);
  aspect-ratio: 179 / 249;
}
.new-slide-books .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 67px;
  padding: 0 28px;
  background: #817b45;
  color: #ffffff;
  border: 0;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.22;
  text-decoration: none;
}
.new-slide-books .new-slide-text .btn:hover {
  color: #ffffff;
  opacity: .9;
}

/* --- книги — слайд «Книги по возрасту» (Frame 1486 / Frame 1483) --- */
.new-slide-books .new-slide-desktop .new-slide-text .new-slide-line {
  display: block;
  width: 46%;
  height: 2px;
  background: #ca682b;
  margin: 0 0 8px;
}
.new-slide-books .new-slide-text .new-slide-tag {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  color: #ffffff;
  background: #ca682b;
  border-radius: 999px;
  padding: 10px 24px;
  margin: 0 0 10px;
}
.new-slide-books .new-slide-desktop .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.22;
  color: #ca682b;
  margin: 0 0 12px;
}
.new-slide-books .new-slide-desktop .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 30px;
}
.new-slide-books .new-slide-desktop .new-slide-photos {
  aspect-ratio: 1440 / 854;
}
.new-slide-books .new-slide-desktop .new-slide-photos img {
  border-radius: 0;
}
.new-slide-books .new-slide-desktop .new-slide-photos .ph-1 {
  left: 68.1%;
  top: 0;
  width: 31.9%;
  height: 71.9%;
}
.new-slide-books .new-slide-desktop .new-slide-photos .ph-2 {
  left: 34%;
  top: 14.1%;
  width: 31.9%;
  height: 71.9%;
}
.new-slide-books .new-slide-desktop .new-slide-photos .ph-3 {
  left: 0;
  top: 28.1%;
  width: 31.9%;
  height: 71.9%;
}

/* --- моб: книги (Frame 1483) --- */
.new-slide-books .new-slide-mobile {
  display: flex;
  flex-direction: column;
}
.new-slide-books .new-slide-mobile .new-slide-text {
  display: contents;
}
.new-slide-books .new-slide-mobile .new-slide-text .new-slide-line {
  order: 1;
  display: block;
  width: 33%;
  height: 1px;
  background: #ca682b;
  margin: 0 0 5px;
}
.new-slide-books .new-slide-mobile .new-slide-text .new-slide-tag {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 30px;
  padding: 0;
  font-size: 20px;
  line-height: 1.2;
  border-radius: 20px;
  margin: 0 0 10px;
}
.new-slide-books .new-slide-mobile .new-slide-text h2 {
  order: 3;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.22;
  color: #ca682b;
  margin: 0 0 10px;
}
.new-slide-books .new-slide-mobile .new-slide-text p {
  order: 4;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 20px;
}
.new-slide-books .new-slide-mobile .new-slide-photos {
  order: 5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0;
}
.new-slide-books .new-slide-mobile .new-slide-photos img {
  width: calc((100% - 20px) / 3);
  aspect-ratio: 118 / 158;
  border-radius: 0;
  margin: 0;
}
.new-slide-books .new-slide-mobile .new-slide-text .btn {
  order: 6;
  align-self: flex-start;
  width: 68%;
  height: 44px;
  padding: 0;
  font-size: 20px;
  border-radius: 20px;
  margin: 20px 0 0;
}

/* --- «О нас» — слайд как 1-й (размеры фото 1:1 с new-slide-1492) --- */
.new-slide-about .new-slide-desktop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  aspect-ratio: auto;
  overflow: visible;
  container-type: normal;
  position: static;
}
.new-slide-about .new-slide-desktop .new-slide-stage {
  position: static;
  left: auto;
  top: auto;
  display: flex;
  gap: 24px;
  width: 100%;
  height: auto;
  transform: none;
  transform-origin: left top;
  align-items: flex-start;
  justify-content: space-between;
}
.new-slide-about .new-slide-desktop .new-slide-text {
  width: 55%;
  flex: none;
}
.new-slide-about .new-slide-desktop .new-slide-photos {
  position: relative;
  flex: 1 1 auto;
  aspect-ratio: 756 / 522;
}
.new-slide-about .new-slide-desktop .new-slide-photos img {
  position: absolute;
  border-radius: 25px;
  object-fit: cover;
}
.new-slide-about .new-slide-desktop .new-slide-photos .ph-1 {
  left: 0;
  top: 0;
  width: 26.19%;
  height: 52.68%;
  z-index: 1;
}
.new-slide-about .new-slide-desktop .new-slide-photos .ph-2 {
  left: 20.9%;
  top: 14.94%;
  width: 60.05%;
  height: 72.03%;
  z-index: 2;
}
.new-slide-about .new-slide-desktop .new-slide-photos .ph-3 {
  left: 73.28%;
  top: 41.95%;
  width: 26.72%;
  height: 58.05%;
  z-index: 3;
}
.new-slide-about .new-slide-desktop .new-slide-text .new-slide-line {
  display: block;
  width: 384px;
  height: 1px;
  background: #ca682b;
  margin: 0 0 12px;
}
.new-slide-about .new-slide-text .sub {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.22;
  color: #414141;
}
.new-slide-about .new-slide-desktop .new-slide-text .sub {
  margin: 0 0 2px;
}
.new-slide-about .new-slide-desktop .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.22;
  color: #ca682b;
  max-width: 720px;
  margin: 0 0 10px;
}
.new-slide-about .new-slide-desktop .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 22px;
}
.new-slide-about .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 332px;
  height: 67px;
  padding: 0 28px;
  background: #817b45;
  color: #ffffff;
  border: 0;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.22;
  text-decoration: none;
}
.new-slide-about .new-slide-text .btn:hover {
  color: #ffffff;
  opacity: .9;
}

/* мобильная (Frame v22 mobile 363x1093) */
.new-slide-about .new-slide-mobile .new-slide-text .new-slide-line {
  display: block;
  width: 295px;
  max-width: 100%;
  height: 1px;
  background: #ca682b;
  margin: 0 0 12px;
}
.new-slide-about .new-slide-mobile .new-slide-text .sub {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 8px;
}
.new-slide-about .new-slide-mobile .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.22;
  color: #ca682b;
  margin: 0 0 14px;
}
.new-slide-about .new-slide-mobile .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22;
  color: #414141;
  margin-bottom: 26px;
}
.new-slide-about .new-slide-mobile .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 139px;
  height: 44px;
  padding: 0;
  font-size: 20px;
  border-radius: 30px;
  margin-bottom: 24px;
}
.new-slide-about .new-slide-mobile .new-slide-photos {
  margin-top: 0;
}

/* --- «Курсы» — слайд «Видеоуроки по возрастам» (desktop 1444x522 / mobile) --- */
.new-slide-courses .new-slide-desktop {
  position: relative;
  gap: 0;
  aspect-ratio: 1444 / 522;
}
.new-slide-courses .new-slide-desktop .new-slide-text {
  position: relative;
  z-index: 2;
  width: 57%;
  flex: none;
}
.new-slide-courses .new-slide-text .new-slide-tag {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  color: #ffffff;
  background: #ca682b;
  border-radius: 20px;
  padding: 4px 23px;
  margin: 0 0 14px;
}
.new-slide-courses .new-slide-desktop .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.28;
  color: #ca682b;
  max-width: 801px;
  margin: 0 0 16px;
}
.new-slide-courses .new-slide-desktop .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.28;
  color: #414141;
  max-width: 550px;
  margin: 0 0 26px;
}
.new-slide-courses .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 481px;
  height: 67px;
  padding: 0 26px;
  background: #817b45;
  color: #ffffff;
  border: 0;
  border-radius: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.22;
  text-decoration: none;
}
.new-slide-courses .new-slide-text .btn:hover {
  color: #ffffff;
  opacity: .9;
}

/* фото-карточки (desktop): каскад поверх текста, white r20, подпись + фото (по 1444x522) */
.new-slide-courses .new-slide-desktop .new-slide-photos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.new-slide-courses .new-slide-desktop .new-slide-photos .card-ph {
  position: absolute;
  width: 19.25%;
  height: 59%;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  pointer-events: auto;
  z-index: 4;
}
.new-slide-courses .new-slide-desktop .new-slide-photos .card-ph .age {
  display: block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: #414141;
  padding: 5px 0 8px;
}
.new-slide-courses .new-slide-desktop .new-slide-photos .card-ph img {
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 46px);
  margin: 0 10px;
  border-radius: 20px;
  object-fit: cover;
}
.new-slide-courses .new-slide-desktop .new-slide-photos .ph-1 { left: 39.47%; top: 24.1%; }
.new-slide-courses .new-slide-desktop .new-slide-photos .ph-2 { left: 58.72%; top: 14.5%; }
.new-slide-courses .new-slide-desktop .new-slide-photos .ph-3 { left: 77.97%; top: 5%; }

/* мобильная версия: 2x2 сетка карточек */
.new-slide-courses .new-slide-mobile .new-slide-text .new-slide-tag {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #ffffff;
  background: #ca682b;
  border-radius: 20px;
  padding: 4px 16px;
  margin: 0 0 12px;
}
.new-slide-courses .new-slide-mobile .new-slide-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.22;
  color: #ca682b;
  margin: 0 0 14px;
}
.new-slide-courses .new-slide-mobile .new-slide-text p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.22;
  color: #414141;
  margin: 0 0 24px;
}
.new-slide-courses .new-slide-mobile .new-slide-text .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  height: 66px;
  padding: 0 16px;
  font-size: 22px;
  border-radius: 20px;
  margin-bottom: 24px;
}
.new-slide-courses .new-slide-mobile .new-slide-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 0;
}
.new-slide-courses .new-slide-mobile .new-slide-photos .card-ph {
  display: block;
  width: calc((100% - 16px) / 2);
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
}
.new-slide-courses .new-slide-mobile .new-slide-photos .card-ph .age {
  display: block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #414141;
  padding: 6px 0 8px;
}
.new-slide-courses .new-slide-mobile .new-slide-photos .card-ph img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}