.container {
  width: 100%;
  max-width: var(--max-container-width);
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
}

/* header */

.header__wrap {
  background-image: url(../img/bgmain.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.header__wrap .header {
  background: #15151587;
}

.header {
  color: var(--color-white);
}

.header_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  gap: 10px;
  height: 100px;
}

.header__lists {
  display: flex;
  align-items: center;
  gap: 26px;
}

.header__open {
  position: relative;
  overflow: visible;
}

.header__list {
  height: 33px;
  display: flex;
  align-items: center;
}

.menu__all {
  box-shadow: 0px 1px 8px 0px #1414140F;
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  padding: 15px 15px;
  top: 30px;
  left: 0;
  width: 221px;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.header__open:hover .menu__all,
.menu__all:hover {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}


.header__link .arrow svg {
  transform: rotate(180deg);
}

.header__list:hover .header__link .arrow svg {
  transform: rotate(0deg);
}

.header__list:hover .header__link {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-color: rgba(255, 255, 255, 0.4);
}

.header__items {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mob {
  display: none;
}

.arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF1A;
  border: 1px solid #FFFFFF12;
  padding: 13px 12px;
  border-radius: 12px;
}

.header__link {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.header__item-text {
  font-size: 12px;
  line-height: 1.1;
  font-weight: 500;
}

.header__item-status {
  font-weight: 400;
  line-height: 1.2;
}

.header__item-lk {
  position: relative;
}

.items__lk {
  padding: 4px 6px;
  color: var(--color-white);
  background: var(--color-accent);
  border-radius: 9999px;
  min-width: 20px;
  font-size: 12px;
  position: absolute;
  left: 0;
  transform: translateX(-32%);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  padding-left: 6px;
  height: 20px !important;
  padding-right: 6px;
}

.favorite {
  top: -7px;
  display: none;
}

.lk {
  bottom: -7px;
}

.menu__all-link {
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.4;
  display: block;
  font-weight: 500;
}

.menu__all-list {
  margin-bottom: 15px;
}

.menu__all-list:last-child {
  margin-bottom: 0;
}

.menu__all-link:hover {
  color: var(--color-accent);
}

.header__white .header {
  background: #fff;
  border-bottom: 1px solid #E5E7EB;
  color: var(--color-black);
}

.header__white .header__item {
  background: var(--color-bg-additional);
}

.header__white .header__item .icon svg path {
  stroke: var(--color-black) !important;
}


.header__white .arrow svg path {
  stroke: var(--color-black) !important;
}

.header__white .header__item .icon.icon_rubl svg path {
  stroke: none !important;
  fill: var(--color-black) !important;
}

.header__white .header__item .icon.icon_rubl svg circle {
  stroke: var(--color-black) !important;
}

/* main */

.main {
  color: var(--color-white);
  position: relative;
}


.main .bread_link:hover {
  text-decoration: underline;
}
.main::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #15151540;
  left: 0;
  top: 0;
  z-index: 0;
}

.main__title {
  margin: 0;
  font-weight: 500;
  font-size: 60px;
  line-height: 1.25;
  text-transform: uppercase;
}

.main__text {
  margin: 0;
  font-size: 22px;
  line-height: 1.54;
  font-weight: 500;
}

.main__block {
  min-height: 600px;
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

/* news */

.news,
.archive {
  padding: 100px 0;
  background: var(--color-bg-additional);
  background-image: url(../img/bgnews.png);
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
}

.news__block {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.news__right {
  min-width: 410px;
  width: 410px;
  background: #005AFF0D;
  padding: 40px;
  border-radius: 24px;
  padding-bottom: 20px;
}

.news__left {
  flex-grow: 1;
  padding: 40px 50px 50px 50px;
  background: var(--color-white);
  border-radius: 24px;
}

.title__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 20px;
}

h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

.links__all {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 50%;
  text-decoration-color: #CCCCCC;
}

.news__item {
  padding-top: 20px;
  padding-bottom: 30px;
}

.news__item:last-child {
  padding-bottom: 0;
}

.news__data {
  color: var(--color-accent);
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.news__link {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 30%;
  text-decoration-color: #CCCCCC;
}

.news__link:hover {
  text-decoration: none;
}

.congratulation__subtitle {
  color: var(--color-accent);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 15px;
}

.congratulation__name {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-accent);
  /* height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

.congratulation__info {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news__right-slider {
  height: 100%;
}

.congratulation__img {
  font-size: 1px;
  margin: 20px 0;
}

.congratulation__img img {
  height: 200px;
  object-fit: cover;
  border-radius: 20px;
}

.swiper-button-prev {
  color: var(--color-white);
  top: 58%;
}

.swiper-button-next {
  color: var(--color-white);
  top: 58%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 28px;
}

/* events */

.events {
  padding: 100px 0;
  background: var(--color-white);
  overflow: hidden;
}

.events__item-content {
  height: 630px;
  border-radius: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #0040B51A;
  position: relative;
  color: var(--color-white);
  min-width: 630px;
}


.events__item-content::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.79%, rgba(0, 0, 0, 0.7) 100%),
    linear-gradient(0deg, rgba(21, 21, 21, 0.1), rgba(21, 21, 21, 0.1));
}

.events_data {
  width: max-content;
  height: 70px;
  background: var(--color-accent);
  border-radius: 16px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.events__number {
  font-size: 50px;
  font-weight: 700;
  line-height: normal;
}

.events__data-info {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.events__day {
  font-weight: 400;
}

.events__title {
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
  position: relative;
  z-index: 1;
  height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.events__text {
  margin-top: 40px;
  background: #FFFFFF33;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 12px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  position: relative;
  width: max-content;
  z-index: 1;
}

.events__block {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 1290px;
  overflow: visible;
}

.events__block .swiper-wrapper {
  display: flex;
}

.events__block .swiper-slide {
  width: calc((1290px - 30px) / 2);
  max-width: none;
}

.events__block .swiper-button-next {
  color: var(--color-white);
  top: 50%;
  right: -15%;
}

.events__block .swiper-button-next::after {
  font-size: 0;
}

/* archive */

.archive__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.archive__item {
  padding: 30px 30px 42px 30px;
  background-image: url(../img/arhiv.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.archive__title {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--color-accent);
  display: block;
}

.archive__text {
  margin: 0;
  max-height: 77px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.archive__text-link {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--color-accent);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 30px;
}

.archive__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

/* products */

.products {
  background: var(--color-accent);
  background-image: url(../img/logobg.png);
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.products__info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 2;
}

.products__info h2 {
  text-align: center;
  color: var(--color-white);
  text-align: center;
}

.products__block {
  position: relative;
  height: 630px;
}

.man {
  position: absolute;
  font-size: 1px;
  bottom: 20px;
  height: 100%;
  right: -60px;
}

.woman {
  position: absolute;
  font-size: 1px;
  bottom: 0;
  left: -50px;
  height: 100%;
  padding-top: 10px;
}

.woman img {
  height: 116%;
  object-fit: contain;
  width: auto;
}

.man img {
  height: 116%;
  object-fit: contain;
  width: auto;
}

.btn {
  width: max-content;
  border-radius: 12px;
  cursor: pointer;
  padding: 19px 30px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.products__btn {
  margin-top: 40px;
  width: max-content;
  border-radius: 12px;
  cursor: pointer;
  padding: 19px 30px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  background: var(--color-white);
  color: var(--color-accent);
}

.products__btn:hover {
  background: #FFFFFFD9;
}

.products__title {
  font-size: 60px;
  line-height: 1.3;
  font-weight: 500;
}

/* appeal */

.appeal {
  padding: 100px 0;
}

.appeal__block {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.appeal__left {
  flex-grow: 1;
  background: var(--color-bg-additional);
  padding: 50px;
  padding-bottom: 86px;
  border-radius: 24px;
}

.appeal__right {
  font-size: 1px;
  border-radius: 24px;
  width: 410px;
  min-width: 410px;
  position: relative;
  overflow: hidden;
}

.appeal__right img {
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.appeal__text {
  margin-top: 30px;
  width: 80%;
}

.appeal__text p {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 27px;
}

.appeal__text strong {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
}

.appeal__text p:last-child {
  margin-bottom: 0;
}

.appeal__right-info {
  position: absolute;
  padding: 30px;
  left: 0;
  bottom: 0;
  color: var(--color-white);
}

.appeal__right-name {
  font-size: 24px;
  font-weight: 1.5;
  margin-bottom: 15px;
  font-weight: 700;
}

.appeal__right-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

/* community */

.community {
  padding: 50px 0;
}

.community__block {
  background: var(--color-accent);
  background-image: url(../img/communitybg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: center;
  border-radius: 24px;
  color: var(--color-white);
}

.community__right {
  font-size: 1px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  height: 480px;
}

.community__right::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  left: 0;
  z-index: 1;
  bottom: 0;
  background: #1515154D;
}

.community__right img {
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  object-position: 10% 50%;
}

.community__right-info {
  position: absolute;
  z-index: 2;
  padding: 30px;
  padding-bottom: 50px;
  left: 0;
  bottom: 0;
  width: 100%;
}

.community__title {
  margin-bottom: 30px;
}

.community__subtitle {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
}

.community__right-text {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.community__btn {
  background: var(--color-accent);
}

.community__btn:hover {
  background: #2058C0;
}

/* bonuses */

.bonuses {
  padding: 100px 0;
}

.bonuses__block {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.bonuses__item {
  padding: 30px;
  padding-bottom: 40px;
  background: var(--color-bg-additional);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bonuses__img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: var(--color-white);
  border-radius: 16px;
  height: 180px;
}

.bonuses__img img {
  width: 166px;
  object-fit: contain;
}

.bonuses__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bonuses__title {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 5px;
  text-align: center;
}

.bonuses__subtitle {
  color: #0040B599;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
}

.bonuses__text {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
}

.bonuses__btn {
  height: 50px;
  border: 1px solid var(--color-accent);
  background: transparent;
  color: var(--color-accent);
}

.bonuses__btn:hover {
  background: var(--color-accent);
  color: var(--color-white);
}

.btn {
  transition: background 0.3s ease, color 0.3s ease;
}

/* footer */

.footer {
  padding: 50px 0;
  background: var(--color-black);
}

.footer__block {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.footer__logo {
  width: 270px;
  min-width: 270px;
}

.footer__info {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  color: var(--color-white);
}

.footer__nav,
.footer__left-nav {
  display: flex;
  gap: 30px;
}

.footer__copir {
  width: 100%;
}

.footer__list {
  margin-bottom: 25px;
}

.footer__list:last-child {
  margin-bottom: 0;
}

.footer__nav ul {
  min-width: 190px;
}

.footer__link {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 40%;
  text-decoration-color: #474747;
}

.footer__copir {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF80;
  line-height: 1.3;
}

.footer__tel {
  margin-bottom: 25px;
  display: block;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 500;
}

.social {
  width: 300px;
  min-width: 300px;
}

.footer__wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.footer__item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.footer__item:last-child {
  margin-bottom: 0;
}

.footer__item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social {
  display: flex;
  gap: 30px;
  align-items: center;
}

.footer__social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer__link:hover {
  color: #9CA2AC;
  text-decoration: none;
}

.footer__social a:hover {
  color: #9CA2AC;
}

.social__item:hover svg path {
  fill: #9CA2AC !important;
}

/* bread */

.bread {
  padding-top: 30px;
  padding-bottom: 60px;
}

.bread__block {
  overflow-x: scroll;
  flex-wrap: nowrap;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bread__block {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bread__list {
  text-wrap: nowrap;
  width: max-content;
  min-width: max-content;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.bread__span {
  color: #9CA2AC;
}

.bread__line {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* category */

.category h1 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

.category__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.category__item {
  padding: 40px 30px;
  height: 270px;
  border-radius: 16px;
  background-image: url(../img/bgcategory.png);
}

.category__item:hover .category__title {
  position: relative;
  width: max-content;
}

.category__item:hover .category__title::before {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 1px;
  left: 0;
  background: var(--color-accent);
}

.category__title {
  margin-top: 40px;
  margin-bottom: 0;
}

/* books */

.books {
  padding: 100px 0;
  padding-bottom: 50px;
}

.books .title__wrap h2 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
}

.books__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.catalog-items.grid .books__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 10px;
}


.catalog-items.list .books__block {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0px;
  margin-top: 10px;
}

.books__god {
  display: none;
}

.books__item {
  padding: 20px;
  padding-bottom: 30px;
  background: var(--color-bg-additional);
  border-radius: 16px;
  position: relative;
}

.books__like {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  right: 30px;
  top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--color-white);
}

.books__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.books__img img {
  height: 383px;
  object-fit: cover;
}

.books__name {
  display: none;
}

.books__title-wrap {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 30%;
  text-decoration-color: #CCCCCC;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 82px;
  margin-bottom: 11px;
}

.books__avtor {
  color: #7A7C87;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.books__like.active svg path {
  fill: var(--color-accent) !important;
  stroke: var(--color-accent) !important;
}

.books__search {
  padding-top: 0;
}

.category_top-sort {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  position: relative;
}

.category_top-sort span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_top-sort .dropdown_img {
  display: none;
}

.dropdown_img.active {
  display: flex;
}

.dropdown2 {
  display: flex;
  gap: 20px;
  align-items: center;
}

.dropbtn {
  display: flex;
  align-items: center;
  border: none;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
}

.category_top-sort span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_top-sort {
  padding: 13px 20px;
  border: 1px solid #D1D5DB;
  background: #FFFFFF;
  height: 50px;
  width: max-content;
  border-radius: 12px;
}

.dropdown__content {
  display: none;
  border-radius: var(--btn-border-radius);
  padding: 10px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  background: var(--bg-color);
}

.dropdown__content {
  box-shadow: 0px 1px 8px 0px #1414140F;
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  z-index: 3;
}

.dropdown__content li {
  padding: 0 20px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.dropdown__content li {
  cursor: pointer;
}

.dropdown__content li:last-child {
  margin-bottom: 0;
}

.dropdown__content li:hover {
  color: var(--color-accent);
}



.books__filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 30px 0;
}

.category_top-sort.active .dropdown2 span {
  transform: rotate(180deg);
}

.closesort {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.leftsort {
  display: flex;
  align-items: center;
}

.view-toggle {
  width: max-content;
  border-radius: 12px;
  padding: 13px 20px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--color-bg-additional);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  border: none;
}

.view-toggle svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-toggle svg path {
  stroke: var(--color-black) !important;
}

.view-toggle.active svg path {
  stroke: var(--color-white) !important;
}

.view-toggle.active {
  background: var(--color-black);
  color: var(--color-white);
}

.catalog-controls {
  display: flex;
  align-items: center;
  gap: 20px;
}

.category_top-sort.active {
  border: 1px solid var(--color-accent);
}

.catalog-items.list .books__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.catalog-items.list .books__info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.catalog-items.list .books__img {
  margin-bottom: 0;
  width: max-content;
}

.catalog-items.list .books__img img {
  height: 72px;
  object-fit: cover;
}

.catalog-items.list .books__like {
  display: none;
}

.catalog-items.list .books__title-wrap {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
  height: auto;
  max-width: 680px;
}

.catalog-items.list .books__name {
  display: block;
  color: #7A7C87;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 30%;
  text-decoration-color: #CCCCCC;
  margin-top: 6px;
}


.books__block_top {
  display: none;
}

.catalog-items.list .books__avtor {
  width: 300px
}

.catalog-items.list .books__god {
  width: 60px;
}

.catalog-items.list .books__info {
  width: calc(100% - 360px);
}

.catalog-items.list .books__block_top {
  display: grid;
}

.catalog-items.list .books__agod {
  display: none;
}

.catalog-items.list .books__avtor {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-black);
}

.catalog-items.list .books__god {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  display: block;
  color: var(--color-black);
}

.books__info__name {
  color: #7A7C87;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.books__block_top {
  margin: 15px 0;
}

.catalog-items.list .books__block_top .books__avtor {
  width: 300px
}

.catalog-items.list .books__block_top .books__god {
  width: 80px;
}

.catalog-items.list .books__block_top .books__info {
  width: calc(100% - 380px);
}

.catalog-items.list .books__item {
  padding: 15px 20px;
  background: var(--color-white);
  border-radius: 0;
  border: 1px solid #E5E7EB;
  border-bottom: none;
}

.catalog-items.list .books__item:last-child {
  border-bottom: 1px solid #E5E7EB;
}

.catalog-items.list .books__block_top .books__item {
  padding: 0;
  border: none;
}

.books__subtitle {
  margin-top: 15px;
  padding-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.filter {
  padding: 30px;
  border-radius: 24px;
  background: var(--color-bg-additional);
}

.filter__top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.hide {
  display: none;
}

.search {
  display: flex !important;
  align-items: center;
  gap: 10px;
  border: 1px solid #D1D5DB;
  background: var(--color-white);
  border-radius: 12px;
  height: 60px;
  padding: 5px 20px;
  flex-grow: 1;
}

.search__input {
  flex-grow: 1;
  border: none;
  color: var(--color-black);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}

.search__input::placeholder {
  color: #9CA2AC;
}

input {
  cursor: auto !important;
}

.search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter__btn {
  background: var(--color-white);
  border: 1px solid #D1D5DB;
  gap: 10px;
}

.filter__btn:hover {
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  background: var(--color-white);
}

.filter__btn svg path {
  stroke: var(--color-black) !important;
}

.filter__btn.active {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-black);
  gap: 10px;
}

.filter__btn.active:hover {
  border: 1px solid #3D3D3D;
}

.filter__btn.active svg path {
  stroke: var(--color-white) !important;
}

.filter__btn:hover svg path {
  stroke: var(--color-accent) !important;
}

.filter_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn__back span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn__back {
  gap: 10px;
  background: #858898;
  height: 50px;
  color: var(--color-white);
  padding: 5px 20px;
}

.btn__ok {
  background: #0040B5;
  height: 50px;
  color: var(--color-white);
  padding: 5px 20px;
}

.filter__bottom {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}

.filter__bottom-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.category_top-sort {
  min-width: 220px;
}

.dropdown2 {
  justify-content: space-between;
}

.filter__bottom .dropdown2 {
  width: 100%;
}

.filter {
  margin-top: 30px;
}

.filter__btn.active:hover {
  background: #3D3D3D;
  color: var(--color-white);
}

.filter__btn.active:hover svg path {
  stroke: var(--color-white) !important;
}

.btn__back:hover {
  background: var(--color-black);
}

.links__all:hover {
  text-decoration: none;
  color: var(--color-accent);
}

.btn__ok:hover {
  background: #2058C0;
}

.books__single-more:hover {
  background: var(--color-accent);
  color: var(--color-white);
}

.filter__bottom {
  display: none;
}

.filter.active .filter__bottom {
  display: flex;
}

.filter__btn.active .open {
  display: none;
}

.filter__btn.active .hide {
  display: block;
}

.books__title-wrap:hover {
  text-decoration: none;
  color: var(--color-accent);
}

/* books__single */

.books__single-title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 30px;
}

.books__single-more {
  margin: 0 auto;
  margin-top: 30px;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  height: 50px;
}

.books__single .books__block {
  margin-bottom: 0;
}

.books__single {
  padding-bottom: 100px;
}

/* about__book */

.about__book-block {
  display: flex;
  justify-content: space-between;
  gap: 140px;
}

.about__book-left {
  width: 300px;
  min-width: 300px;
}

.about__book-right {
  flex-grow: 1;
}

.read__all {
  cursor: pointer;
  text-underline-offset: 25%;
  margin-top: 10px;
}

.about__book-title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  margin: 0;
}

.about__book-items {
  margin: 30px 0;
}

.about__book-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 15px;
}

.about__book-item:last-child {
  margin-bottom: 0;
}

.book__info-left {
  width: 180px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  color: #858898;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.book__info-right {
  /* width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px; */
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.about__book-subtitle {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

.about__book-text p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.about__book-text {
  display: -webkit-box;
  -webkit-line-clamp: 11;
  /* Обрезка до 11 строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about__book-text.active {
  display: block;
  /* Используем block для отображения всего текста */
  -webkit-line-clamp: unset;
  /* Убираем ограничение на количество строк */
}


.about__book-text.active p:last-child {
  margin-bottom: 0;
}

.dowload {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.about__book-left .category_top-sort {
  width: 100%;
  justify-content: space-between;
}

.about__book-left .books__item {
  padding-bottom: 20px;
}

.about__book-left .dropdown2 {
  gap: 10px;
}

.about__book-hide {
  padding-bottom: 100px;
}

.about__book-reg {
  padding: 30px;
  background: var(--color-bg-additional);
  border-radius: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.book__reg-title {
  text-align: center;
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 500;
}

.book__reg-btn {
  height: 50px;
  background: var(--color-accent);
  color: var(--color-white);
}

.book__reg-btn:hover {
  background: #2058C0;
}

/* photo */

.photo__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ai__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 15px;
  height: 70px;
  background: #E6EDFE;
  color: var(--color-accent);
}

.ai__btn-left {
  font-size: 46px;
  line-height: 1.4;
  font-weight: 700;
}

.ai__btn-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
}

.ai__btn-right span {
  font-size: 22px;
  line-height: normal;
  font-weight: 500;
}

.ai__btn:hover {
  background: var(--color-accent);
  color: var(--color-white);
}

.photo__galery {
  padding: 30px;
  border-radius: 24px;
  background: var(--color-black);
  margin-top: 30px;
}

.photo__galery-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.photo__galery-title {
  color: var(--color-white);
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-color: #cccccc4c;
}

.photo__galery-title:hover {
  text-decoration: none;
}

.photo__galery-data {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  height: 70px;
  background: var(--color-white);
  border-radius: 12px;
}

.number {
  font-size: 50px;
  line-height: normal;
  font-weight: 500;
}

.photo__galery-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.photo__galery-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(min-content, max-content));
  grid-template-areas:
    "lefts rigttop rigttop"
    "lefts rigthbottomleft rigthbottomright";
  gap: 30px;
  width: 100%;
  height: 100%;
  height: 630px;
}

.lefts {
  grid-area: lefts;
  height: 630px;
  width: 550px;
}

.rigttop {
  grid-area: rigttop;
  height: 300px;
}

.rigthbottomleft {
  grid-area: rigthbottomleft;
  height: 300px;
}

.rigthbottomright {
  grid-area: rigthbottomright;
  height: 300px;
}

.photo__galery-img img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

/* memory */

.memory {
  padding-top: 50px;
  padding-bottom: 100px;
}

.memory__title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
}

.memory__year {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.memory__year-item {
  padding: 9px 18px;
  width: max-content;
  height: 40px;
  border: 1px solid #D1D5DB;
  color: var(--color-accent);
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  min-width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.memory__year-item:hover {
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  color: var(--color-white);
}

.memory__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.memory__item {
  font-size: 1px;
  position: relative;
}

.memory__item img {
  height: 300px;
  border-radius: 16px;
  object-fit: cover;
}

.memory__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.79%, rgba(0, 0, 0, 0.8) 100%),
    linear-gradient(0deg, rgba(21, 21, 21, 0.1), rgba(21, 21, 21, 0.1));
}

.memory__item-title {
  position: absolute;
  z-index: 2;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-white);
  padding: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.titletext {
  width: 70%;
}

.memory__item-title span {
  display: none;
}

.memory__item-title:hover span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.memory__item-title:hover {
  text-decoration: underline;
  text-underline-offset: 35%;
  text-decoration-color: #FFFFFF80;
}

.photo__item-img {
  font-size: 1px;
  margin-bottom: 0px;
  position: relative;
  height: 340px;
  display: block;
}

.photo__item-img img {
  height: 100%;
  border-radius: 16px 16px 0 0;
  object-fit: cover;
}

.photo__item {
  background: var(--color-black);
  border-radius: 16px;
}

.photo__img-foto {
  display: flex;
  align-items: center;
  gap: 7px;
  position: absolute;
  background: #15151566;
  backdrop-filter: blur(10px);
  padding: 11px 12px;
  height: 40px;
  border-radius: 8px;
  right: 20px;
  bottom: 20px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #fff;
  z-index: 2;
}

.photo__img-foto span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-items.grid .photo__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.photo__item-img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.79%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(21, 21, 21, 0.1), rgba(21, 21, 21, 0.1));
}

.photo__item-info {
  padding: 30px;
}

.photo__item {
  margin-bottom: 30px;
}

.photo__item:last-child {
  margin-bottom: 0;
}

.photo__item-title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
  color: var(--color-white);
}

.photo__item-text {
  margin-bottom: 20px;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.photo__item-data {
  color: #FFFFFF80;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.photo__item-title:hover {
  text-decoration: underline;
  text-underline-offset: 35%;
  text-decoration-color: #FFFFFF80;
}

.catalog-items.list .photo__item {
  display: flex;
}

.catalog-items.list .photo__item-img {
  width: 410px;
  height: 250px;
  min-width: 410px;
}

.catalog-items.list .photo__item-img::before {
  border-radius: 16px 0 0 16px;
}

.catalog-items.list .photo__item-img img {
  border-radius: 16px 0 0 16px;
}

.catalog-items.list .photo__item-title {
  width: 90%;
}

.catalog-items.list .photo__item-text {
  width: 90%;
}

.catalog-items.list .photo__items__wrap {
  margin-bottom: 30px;
}

.catalog-items.list .photo__items__wrap:last-child {
  margin-bottom: 30px;
}

.photosearh {
  padding-bottom: 100px;
}

.catalog-items.grid .gallery {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /* Три равные колонки */
  grid-template-rows: auto;
  grid-template-areas:
    "img1 img1 img2 img2 img4 img4"
    "img1 img1 img3 img3 img4 img4"
    "text text text img5 img5 img5"
    "text text text img5 img5 img5";
  gap: 20px;
  width: 100%;
}

/* Определяем области для каждого элемента */
.img1 {
  grid-area: img1;
}

.img2 {
  grid-area: img2;
}

.img3 {
  grid-area: img3;
}

.img4 {
  grid-area: img4;
}

.img5 {
  grid-area: img5;
}

.text {
  grid-area: text;
}

.gallery-item img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}


.img2 img {
  height: 254px;
}

.img3 img {
  height: 254px;
}

.catalog-items.grid .img1 img {
  height: 520px;
}

.catalog-items.grid .img4 img {
  height: 520px;
}

.text,
.img5 {
  height: 390px;
}

.gallery__item-img {
  height: 100%;
  font-size: 1px;
}

.catalog-items.grid .gallery__dop {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}

.catalog-items.grid .gallery__dop-wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.catalog-items.grid .gallery__dop-wr {
  width: 62%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.catalog-items.grid .gallery__dop-right {
  width: 35%;
}

.catalog-items.grid .gallery__dop-left img {
  height: 100%;
  object-fit: cover;
}

.catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+1) img {
  height: 520px;
}

.catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+2) img {
  height: 380px;
}

.catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n) img {
  height: 250px;
}


.catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+1) img {
  height: 245px;
}

.catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+2) img {
  height: 380px;
}

.catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n) img {
  height: 380px;
}

.catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+1) img {
  height: 380px;
}

.catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+2) img {
  height: 245px;
}

.catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n) img {
  height: 520px;
}

.catalog-items.grid .gallety__info {
  display: none;
}

.gallety__info-grid {
  display: none;
}

.gallery-item {
  position: relative;
}

.catalog-items.grid .gallery-item .gallety__info-grid {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1515154D;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-end;
  top: 0;
  left: 0;
  border-radius: 16px;
  padding: 20px;
}

.catalog-items.grid .gallery-item:hover .gallety__info-grid {
  display: flex;
}

.img1 .gallety__info-text {
  display: none;
}

.gallety__info-like {
  position: static;
  background: #15151533;
  backdrop-filter: blur(10px)
}

.gallety__info-like.active svg path {
  fill: var(--color-white) !important;
  stroke: var(--color-white) !important;
}

.catalog-items.list .books__like svg path {
  fill: transparent !important;
}

.catalog-items.list .books__like.active svg path {
  fill: var(--color-white) !important;
  stroke: var(--color-white) !important;
}

.gallety__info-loop {
  width: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  left: 0;
}

.gallety__info-title {
  text-align: right;
  color: var(--color-white);
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.gallety__info-download {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  background: #1515154D;
  backdrop-filter: blur(10px);
  color: var(--color-white);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  padding: 4px 15px;
  border-radius: 8px;
  width: max-content;
}

.gallety__info-text, .gallety__info-textv2 {
  position: relative;
  z-index: 2;
}

.gallety__info-title {
  cursor: pointer;
}

.gallety__info-textv2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.img2 .gallety__info-textv2 {
  display: none;
}

.img3 .gallety__info-textv2 {
  display: none;
}

.img4 .gallety__info-text {
  display: none;
}

.img5 .gallety__info-text {
  display: none;
}

.gallery__dop-wrap .gallety__info-textv2 {
  display: none;
}

.gallety__info-text {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gallety__info-text .gallety__info-title {
  margin-bottom: 0;
}

.gallety__info-text .gallety__info-download {
  background: #1515154D;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* list */

.catalog-items.list .gallery-item {
  display: flex;
  gap: 30px;
  padding: 30px;
  background: #151515;
  border-radius: 16px;
  color: var(--color-white);
}

.catalog-items.list .gallery-item img {
  height: 225px;
  border-radius: 12px;
  object-fit: cover;
}

.catalog-items.list .gallery-item {
  margin-bottom: 20px;
}

.catalog-items.list .gallery__item-img {
  width: 380px;
  min-width: 380px;
}

.catalog-items.list .gallety__info {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.catalog-items.list .gallery__dop-wrap {
  gap: 0;
}

.gallety__title-list {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}

.gallety__info-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.gallety__title-list span {
  display: block;
  margin-bottom: 5px;
  color: #7A7C87;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.gallety__text-list {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.gallety__text-list span {
  display: block;
  margin-bottom: 5px;
  color: #7A7C87;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.gallety__info-btn {
  display: flex;
  position: static;
  align-items: center;
  justify-content: flex-start;
  height: 45px;
  width: 240px;
  background: #313439;
  border: 1px solid #FFFFFF1A;
  padding: 10px 15px;
  gap: 15px;
}

.gallety__info-btn:hover {
  background: #7A7C87;
}

.gallety__title-list a:hover {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-color: #FFFFFF80;
}

.video .search__input {
  color: var(--color-white);
}

.video .search:has(.search__input:focus),
.search:has(.search__button:focus),
.search:has(.search__input:focus-visible),
.search:has(.search__button:focus-visible) {
  border: 1px solid var(--color-white);
}

.catalog-items.list .gallety__info-right .books__like {
  display: flex;
  position: static;
  border-radius: 12px;
}

.gallety__info-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallety__info-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gallety__info-btn.active .hide {
  display: block;
}

.gallety__info-btn.active .open {
  display: none;
}


.catalog-items.list .img5 {
  height: auto;
}

/* Попап фото */

.gallery-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 10;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gallery-popup.active {
  opacity: 1;
  visibility: visible;
}

.gallery-popup__content {
  position: relative;
  max-width: 80%;
  max-height: 80%;
}

.gallery-popup__img {
  max-width: 1200px;
  max-height: 80vh;
  object-fit: cover;
  border-radius: 8px;
}

.gallery-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  border: none;
  font-size: 24px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 0px;
  border-radius: 50%;
}

.gallery-popup__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.no-scroll {
  overflow: hidden;
}

.gallery-item.text {
  padding: 50px;
  background: var(--color-black);
  color: var(--color-white);
  border-radius: 16px;
}

.text-wrapper {
  overflow-y: auto;
  /* auto, чтобы прокрутка появлялась только при необходимости */
  height: 290px;
  scrollbar-width: thin;
  /* Для Firefox */
  scrollbar-color: #FFFFFF33 transparent;
  /* Цвет полосы и фона */
}

/* Для WebKit (Chrome, Safari) */
.text-wrapper::-webkit-scrollbar {
  width: 6px;
  /* Тонкая полоса */
}

.text-wrapper::-webkit-scrollbar-thumb {
  background: #FFFFFF33;
  /* Цвет полосы */
  border-radius: 4px;
  /* Закругленные края */
}

.text-wrapper::-webkit-scrollbar-track {
  background: transparent;
  /* Прозрачный фон */
}


.text-wrapper p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 15px;
}

.text-wrapper p:last-child {
  margin-bottom: 0;
}

.catalog-items.list .text-wrapper {
  height: 140px;
}

.catalog-items.list .text {
  height: 245px;
  padding: 52px 50px;
}

.catalog-items.list .gallery__dop-right .gallery-item:last-child {
  margin-bottom: 0;
}

.single__reg {
  padding: 100px 0;
}

.single__reg-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}

.single__reg-block .book__reg-title {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.3;
  font-weight: 500;

}

.books h1 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

/* video */

.header__black {
  background-image: none;
  background: var(--color-black);
}

.header__black .header__item {
  background: transparent;
  border: none;
}

.bread__video {
  background: var(--color-black);
}

.bread__video .bread_link {
  color: var(--color-white);
}

.video {
  background: var(--color-black);
  color: var(--color-white);
  padding: 0;
}

.video .filter {
  padding: 0;
  background: transparent;
  border: none;
  margin-bottom: 30px;
}

.video .search__icon svg path {
  stroke: var(--color-white) !important;
}

.video .search {
  background: #FFFFFF08;
  border: 1px solid #E2E4EA4D;
  color: var(--color-white);
}

.video .search::placeholder {
  color: #FFFFFF4D;
}

.search__input {
  background: transparent;
}

.video .filter__btn {
  background: #3D3D3D;
  color: var(--color-white);
  border: none;
}

.video .filter__btn:hover {
  background: #7A7C87;
}

.video .btn__back {
  background: #3D3D3D;
  color: var(--color-white);
  border: none;
}

.video .filter__btn svg path {
  stroke: var(--color-white) !important;
}

.video .btn__back:hover {
  background: #7A7C87;
}

.video .category_top-sort {
  background: #FFFFFF08;
  border: 1px solid #E2E4EA4D;
  color: var(--color-white);
}

.video .dropdown2 svg path {
  stroke: var(--color-white) !important;
}

.video .dropdown__content {
  background: #FFFFFF08;
  border: 1px solid #E2E4EA4D;
  color: var(--color-white);
}

.video .dropdown:hover .dropdown__content {
  background: var(--color-black);
  border: 1px solid #E2E4EA4D;
  color: var(--color-white);
}

.video__title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 40px;
}

.video__wrap {
  background-image: url(../img/bgvideo.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  margin-top: 0px;
}

.video__wrap:last-child {
  padding-bottom: 100px;
}

.catalog-items.grid .video__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
  margin-top: 0px;
}

.video__img img {
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}


.video__img {
  position: relative;
  display: block;
  font-size: 1px;
  margin-bottom: 20px;
}

.video__item {
  position: relative;
}


.video__item .books__like.active svg path {
  fill: var(--color-white) !important;
  stroke: var(--color-white) !important;
}

.video__img span.play {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  display: none;
  background: #15151566;
  border-radius: 12px;
}

.video__img:hover span.play {
  display: flex;
}


.video__item .books__like {
  background: #1515154D;
  backdrop-filter: blur(10px);
  top: 10px;
  right: 10px;
}

.video__item .books__like svg path {
  stroke: var(--color-white) !important;
}


.time {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  background: #1515154D;
  backdrop-filter: blur(10px);
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  border-radius: 6px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.video__item-title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}

.video__btn-wrap {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}


.video__btn {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #2B2F36;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  justify-content: center;
}

.video__btn:hover {
  border: 1px solid var(--color-accent);
}

.video__btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.video .dropdown_img svg path {
  stroke: var(--color-white) !important;
}

.video .view-toggle.active {
  background: var(--color-bg-additional);
  color: var(--color-black);
}

.video .view-toggle.active svg path {
  stroke: var(--color-black) !important;
}

.video .view-toggle {
  background: var(--color-black);
  color: var(--color-white);
}

.video .view-toggle svg path {
  stroke: var(--color-white) !important;
}

.view-toggle:hover {
  background: #7A7C87;
  color: var(--color-white);
}

.view-toggle:hover svg path {
  stroke: var(--color-white) !important;
}

.video .view-toggle:hover {
  background: #7A7C87;
  color: var(--color-white);
}

.video .view-toggle:hover svg path {
  stroke: var(--color-white) !important;
}

.video .books__filter {
  padding: 0;
}

.lists {
  display: none;
}

.catalog-items.list .lists {
  display: block;
}

.catalog-items.list .video__block {
  grid-template-columns: repeat(1, 1fr);
  gap: 50px;
}

.catalog-items.list .video__item {
  display: flex;
  gap: 30px;
  position: relative;
}

.catalog-items.list .video__item .books__like {
  position: absolute;
  display: flex;
  left: 370px;
}

.catalog-items.list .video__img {
  width: 410px;
}

.catalog-items.list .video__item-title {
  width: 50%;
  display: block;
}

.catalog-items.list .video__data {
  margin-top: 15px;
  margin-bottom: 40px;
  color: #FFFFFF80;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
}

.catalog-items.list .video_playlist {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.catalog-items.list .video__img {
  margin-bottom: 0;
}

.catalog-items.list .video__item-info {
  flex-grow: 1;
}

/* player */

.player {
  padding-bottom: 104px;
  background: var(--color-black);
}

.player__video {
  position: relative;
}

.player__video iframe {
  border-radius: 16px;
}

.player__block {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
}

.player__left {
  flex-grow: 1;
}

.player__left .books__like:hover svg path {
  fill: white !important;
}

.player__left .books__like svg path {
  stroke: white !important;
}

.player__left .books__like.active svg path {
  fill: white !important;
  stroke: white !important;
}

.player__right {
  width: 410px;
  min-width: 410px;
}

.player__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-radius: 16px;
  background: #F8F9FF0D;
  color: var(--color-white);
}

.player__name {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.player__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-white);
}

.player__data {
  display: block;
  margin-top: 15px;
  color: #FFFFFF80;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

.player__name .books__like {
  position: static;
  background: #FFFFFF1A;
  width: 40px;
  min-width: 40px;
  height: 40px;
  backdrop-filter: blur(10px);
}

.player__text-all {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

.player__text p {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 20px;
}

.player__text {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.player__text-all {
  width: max-content;
  cursor: pointer;
}

.player__text-all:hover {
  color: var(--color-accent);
}

.player__text.active {
  -webkit-line-clamp: none;
}

.player__list .video__item {
  display: flex;
  padding: 10px;
  border-radius: 6px;
  background: #2d2d2d;
  color: var(--color-white);
  gap: 12px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.player__list .video__item:last-child {
  margin-bottom: 0;
}

.player__list .video__img {
  margin-bottom: 0;
  width: 160px;
  min-width: 160px;
}

.player__list .video__img img {
  height: 91px;
  border-radius: 6px;
}

.player__list .video__item-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
}

.player__list .video__item .books__like {
  top: 17px;
  zoom: 0.9;
  right: auto;
  left: 152px;
}

.player__list .time {
  font-size: 12px;
  height: 25px;
  width: 45px;
  border-radius: 8px;
  right: 8px;
}

.player__list {
  height: 784px;
  overflow-y: scroll;
}

.player__right {
  position: relative;
}

.player__list .play {
  zoom: 0.7;
}

.player__right::before {
  content: '';
  position: absolute;
  width: 96%;
  height: 94px;
  background: linear-gradient(180deg, rgba(27, 30, 35, 0) 33.51%, #1B1E23 100%);
  left: 0;
  bottom: 0;
  z-index: 5;
}

.blackbg {
  background: var(--color-black);
}

.player__list {
  scrollbar-width: thin;
  scrollbar-color: #232730 transparent;
}

/* Для WebKit (Chrome, Safari) */
.player__list::-webkit-scrollbar {
  width: 6px;
  /* Тонкая полоса */
}

.player__list::-webkit-scrollbar-thumb {
  background: #FFFFFF33;
  /* Цвет полосы */
  border-radius: 4px;
  /* Закругленные края */
}

.player__list::-webkit-scrollbar-track {
  background: transparent;
  /* Прозрачный фон */
}

.player__right-top {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}

.player__right-title {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-white);
}

.player__right-number {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--color-white);
  margin-top: 8px;
  min-width: 60px;
}

.player__right-number span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.single__reg-video {
  background: var(--color-black);
  background-image: url(../img/bgvideo.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
}

.about__book-hide .about__book-left .books__img {
  margin-bottom: 0px;
}

.galswiper {
  display: none;
}

.single__data {
  background: var(--color-accent);
  color: var(--color-white);
}

.photo__title {
  gap: 20px;
}

.dropdown.active .dropdown__content {
  display: block;
  position: absolute;
  top: 50px;
  border-radius: 12px;
  background: var(--color-white);
  z-index: 10;
  left: 0;
  display: block;
  width: 100%;
  padding: 20px 0;
}

.video .dropdown.active .dropdown__content {
  background: var(--color-black);
  border: 1px solid #fff;
  color: var(--color-white);
}

.dropdown.active .dropdown2 span {
  transform: rotate(180deg);
}

.player__list .video__item {
  cursor: pointer;
}

.player__list .video__item:hover {
  background: #0040B54D;
}

.player__list .video__item.active {
  background: #0040B54D;
}

.header__menu {
  background: var(--color-white);
  width: 100%;
}

.menu__top {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  height: 80px;
}

.menu__lk-item {
  background: var(--color-bg-additional);
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-black);
  padding: 10px 15px;
  border-radius: 12px;
  border: 1px solid #FFFFFF12;
  height: 40px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
}

.menu__lk {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DFDFDF;
}

.vstulenie {
  height: 40px;
  background: var(--color-accent);
  color: var(--color-white);
  width: 100%;
  font-size: 14px;
}

.menu__lk-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.like__memu {
  min-width: 18px;
  height: 18px;
  background: var(--color-accent);
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  padding: 3px 5px;
  padding-top: 2px;
}

.menu__nav {
  padding: 20px 0;
  border-bottom: 1px solid #DFDFDF;
}

.menu__link {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  display: block;
}

.menu__list:last-child .menu__link {
  margin-bottom: 0;
}

.munu__dop-open {
  display: flex;
  align-items: center;
  gap: 10px;
}

.munu__dop-open span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dopopen.active .munu__dop-open span {
  transform: rotate(180deg);
}

.menu__dop {
  padding: 15px 30px;
  background: var(--color-bg-additional);
  border-radius: 12px;
  margin-top: 10px;
}

.menu__dop-link {
  display: block;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}

.menu__dop-list:last-child .menu__dop-link {
  margin-bottom: 0;
}

.menu__dop {
  display: none;
}

.dopopen.active .menu__dop {
  display: block;
}

.menu__block .footer__wrapsocial {
  padding: 20px 0;
}

.header__menu {
  display: none;
}

.menuopen section,
.menuopen footer,
.menuopen header,
.menuopen .bread,
.menuopen .single__reg {
  display: none;
}

.header__menu.active {
  display: block;
}

.popup {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  background: rgb(0 0 0 / 35%);
}

.container__popup {
  max-width: 1070px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  display: flex;
  max-height: 75vh;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: var(--color-white);
  padding: 60px;
  z-index: 21;
}

.gallery-popup__overlay {
  z-index: 20;
}

.close2 {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.polit__block {
  overflow-y: scroll;
  scrollbar-width: none;
  padding-bottom: 20px;
  -ms-overflow-style: none;
  height: 58vh;
}

.popup__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
}

.polit__block p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.popup__polit {
  opacity: 0;
  visibility: hidden;
  /* transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; */
}

.popup__polit.active {
  opacity: 1;
  visibility: visible;
}

.popup__ai .container__popup {
  padding: 0;
}

.ai__popup {
  display: flex;
  justify-content: space-between;
  font-size: 1px;
}

.books__subtitlephp {
  font-size: 16px;
}

.ai__popup__left {
  padding: 48px 40px;
}

.ai__popup-title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.ai__popup-text {
  margin: 20px 0;
}

.ai__popup {
  height: 100%;
}

.ai__popup-text p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.ai__popup__right img {
  height: 100%;
  object-fit: cover;
  border-radius: 0 5px 5px 0;
}

.ai__popup-text p:last-child {
  margin-bottom: 0;
}

.popup__ai .container__popup {
  max-width: 850px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ai__popup__left {
  width: 50%;
}

.ai__popup__right {
  width: 44%;
}

.ai__popup-btn {
  background: var(--color-accent);
  color: var(--color-white);
  height: 50px;
}

.ai__popup-btn:hover {
  background: #2058C0;
}

.popup__ai {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.popup__ai.active {
  opacity: 1;
  visibility: visible;
}

.header__item:hover {
  background: var(--color-accent);
  color: var(--color-white);
}

.header__white .header__item:hover .icon svg path {
  stroke: var(--color-white) !important;
}

.header__white .header__item:hover .icon.icon_rubl svg path {
  stroke: none !important;
  fill: var(--color-white) !important;
}

.header__white .header__item:hover .icon.icon_rubl svg circle {
  stroke: var(--color-white) !important;
}

.footer__wrapsocial div.footer__item span {
  align-items: flex-start;
}

.menu__lk .menu__lk-item:nth-child(3) {
  display: none;
}

.archive__icon {
  height: 94px;
}

.archive__text-link:hover {
  gap: 30px;
}

.news__right-slider .swiper-pagination-bullet {
  background: #0040B54D;
}

.news__right-slider .swiper-pagination-bullet-active {
  background: var(--color-accent);
}

.search:has(.search__input:focus),
.search:has(.search__button:focus),
.search:has(.search__input:focus-visible),
.search:has(.search__button:focus-visible) {
  border: 1px solid var(--color-accent);
}
.search__input:active, .search__input:hover, .search__input:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  border: none !important;
}

.video .category_top-sort:hover {
  border: 1px solid var(--color-white) !important;
}

.video .category_top-sort.active {
  border: 1px solid var(--color-white) !important;
}

.select-label.activee .floating-label{
font-weight: 500;
color: var(--color-black);
}

.sortbtnmob {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding: 13px 20px;
  border: 1px solid #D1D5DB;
  background: #FFFFFF;
  height: 50px;
  font-weight: 500;
  width: 100%;
  border-radius: 12px;
}

.videosearch .sortbtnmob {
  background: #FFFFFF08;
  color: var(--color-white);
  border: 1px solid #E2E4EA4D;
}

.dropdown__contentmob {
  width: 100%;
}

.sortmob {
  width: 100%;
}

.sortmob .sortbtnmobold {
  display: none;
}

.sortmob.active .sortbtnmobold {
  display: flex;
}

.sortmob.active .sortbtnmobnew {
  display: none;
}

button,
input[type="checkbox"],
label,
.counter-value,
.books__like,
.books__item,
.gallery-item,
.video__item {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.photo__title-single {
  align-items: flex-start;
}

/* login */

.login__wraper {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: flex-start;
}

.floating-label {
  position: absolute;
  top: 17px;
  left: 15px;
  color: #9CA2AC;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
}

input:focus {
  border: 1px solid var(--color-accent);
}

.form-label.active .floating-label {
  top: -6px;
  background: #fff;
  font-size: 12px;
  padding: 0 5px;
}

.form-label {
  position: relative;
}

.form-label {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}

.login__block-left,
.login__block-right {
  width: 40.3%;
  height: max-content;
}

.input {
  width: 100%;
  border: 1px solid #D1D5DB;
  background: #fff;
  height: 56px;
  padding: 0 20px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-black);
}

.login__block-left {
  margin-top: 15px;
}

.error-active input {
  border: 1px solid #EF4444;
}

.error-active .floating-label {
  color: #EF4444;
}

.error-active .floating-label {
  top: -6px;
  background: #fff;
  font-size: 12px;
  padding: 0 5px;
}

.popup__error_visible {
  display: block;
}

.input-error {
  opacity: 1;
  display: none;
}

.input-error {
  color: #EF4444;
  display: block;
  font-family: inherit;
  font-size: 14px;
  top: 50px;
  margin-top: 5px;
}

.login {
  padding-bottom: 100px;
}

.password__open {
  position: absolute;
  right: 20px;
  top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form-label_nm {
  margin-bottom: 15px;
}

.form__btn {
  width: 100%;
  border: none;
  height: 56px;
}

.recover__password {
  margin-bottom: 30px;
  color: var(--color-accent);
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  position: relative;
  display: inline-block;
}

.recover__password::after {
  content: '';
  position: absolute;
  background: var(--color-accent);
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 1px;
}

.recover__password:hover::after {
  width: 0;
}

.registration {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
}

.registration .recover__password {
  margin-bottom: 0;
  margin-left: 5px;
}

.login__block-right {
  padding: 40px 30px 40px 40px;
  background: var(--color-bg-additional);
  border-radius: 24px;
}

.login__right-title {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.login__right-subtitle {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.login__list {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  display: flex;
  gap: 24px;
}

.login__list span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}

.login__lists {
  margin-bottom: 20px;
}

.regbtn {
  width: 100%;
  height: 56px;
  margin-top: 30px;
}

/* reg */

.reg__subtitle {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: #9CA2AC;
}

#phone {
  width: 100%;
}

.iti {
  width: 100%;
  margin-bottom: 30px;
}

.iti--separate-dial-code .iti__selected-flag {
  background: #fff !important;
  border-right: 1px solid #d1d5db;
  border-radius: 12px 0 0 12px;
}

.form_check1 {
  margin-bottom: 30px;
  display: block;
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
}

.catalog_label span {
  display: flex;
  align-items: center;
}

.catalog_label span {
  align-items: flex-start;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--color-black);
}

.regblock-left {
  margin-top: 0;
}

.catalog_label .wraper_polit {
  display: block;
  margin-top: 0;
}

.custom-checkbox+span::before {
  content: '';
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  border: 1px solid #E4E4E9;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox+span::before {
  background: var(--color-white);
}

.custom-checkbox:checked+span::before {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.catalog_label .polit {
  margin: 0;
  display: inline-block;
  color: var(--color-accent);
  cursor: pointer;
}

.login__wraper-oplok {
  margin-top: 0;
}

.catalog_label .polit2 {
  margin: 0;
  display: inline-block;
  color: var(--color-accent);
  cursor: pointer;
}

.popup__polit2 {
  display: none;
}

.popup__polit2.active {
  display: block;
}

.login__block-kod {
  padding: 40px;
  background: var(--color-bg-additional);
  border-radius: 12px;
  width: 49%;
}

.digit__btn {
  width: 100%;
  margin-top: 40px;
  height: 56px;
}

.zakaz__subtitle {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 1.3;
  font-weight: 700;
}

.zakaz__text {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.zakaz__text span {
  font-weight: 700;
}

.zakaz__text-mail {
  font-size: 18px;
}

.code-input {
  margin-bottom: 40px;
}

.code-input {
  display: flex;
  gap: 15px;
}

textarea.input {
  padding-top: 20px;
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

textarea.input::placeholder {
  color: #9CA2AC;
}

.digit {
  width: 66px;
  height: 66px;
  max-width: 66px;
  max-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #151515;
  background: var(--color-white);
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  border-radius: 12px;
  text-align: center;
}

.digit__mail {
  width: 115px;
  height: 66px;
  max-width: 115px;
  max-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #7A7C87;
  background: var(--color-white);
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  border-radius: 12px;
  text-align: center;
}

.code-inputmail {
  gap: 10px;
}

.code-inputmail span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login__itog {
  padding-bottom: 100px;
  border-bottom: 1px solid #E5E7EB
}

.bid__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  min-height: 120px;
  min-width: 465px;
  width: max-content;
  background: var(--color-accent);
  background-image: url(../img/bgbtn.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
  border-radius: 24px;
  margin-top: 50px;
  margin-bottom: 20px;
  cursor: pointer;
}

.bid__btn:hover {
  background: #2058C0;
  background-image: url(../img/bgbtn.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.bid__btn-arrov {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobbr {
  display: none;
}

.bid__btn_text {
  font-size: 37px;
  line-height: normal;
  font-weight: 700;
}

.bid__btn_text span {
  display: block;
  font-size: 18px;
  font-weight: 400;
}

.back__home {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 0;
}

.back__home::after {
  background: var(--color-black);
  bottom: 2px;
}

.back__home:hover {
  color: var(--color-accent);
}

.additionally__website {
  padding-top: 100px;
}

.additionally__website-title {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

.additionally__website-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}


.additionally__website-item {
  border: 1px solid #E5E7EB;
  background: var(--color-white);
  border-radius: 16px;
  padding: 30px;
}

.additionally__website-icon {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.additionally__website-text {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.1px;
}

.additionally__website-item:hover {
  background: var(--color-bg-additional);
}

.additionally__website-item:hover .additionally__website-text {
  color: var(--color-accent);
}

.become__subtitle {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
}

.login__lists-become .login__list {
  font-size: 16px;
  line-height: 1.3;
  height: 73px;
  gap: 15px;
  position: relative;
  margin-bottom: 2px;
}

.login__lists-become .login__list::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 35px;
  height: 29px;
  width: 1.5px;
  background: #E5E7EB;
}

.login__lists-become .login__list:last-child {
  margin-bottom: 0;
  height: auto;
}

.login__lists-become {
  margin-bottom: 0;
}

.login__lists-become .login__list:last-child::before {
  width: 0;
}

.login__lists-become .login__list span {
  height: 24px;
}

.login__list.active {
  color: var(--color-accent);
  font-weight: 700;
}

.login__block-become {
  width: 32.6%;
  padding: 40px 50px;
}

.login__block-become .login__right-title {
  font-size: 30px;
}

.tools__calculator {
  width: 31.5%;
  background: transparent;
  padding: 0;
}

.selectize-control.single .selectize-input.focus {
  border: 1px solid var(--color-accent) !important;
}

.form-label.activee .selectize-control.single .selectize-input{
  border: 1px solid var(--color-accent) !important;
}

.form-label.select-label.active .floating-label {
  color: var(--color-black) !important;
}

.option {
  cursor: pointer !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
.selectize-dropdown-content .option {
  color: var(--color-black) !important;
}

.selectize-control.single .selectize-input:hover {
  border: 1px solid var(--color-black) !important;
}
.floating-label {
  cursor: text;
}

.select-label  .floating-label {
  cursor: pointer;
}
.category_top-sort:hover {
  border: 1px solid var(--color-accent) !important;
}
.category_top-sort.active {
  border: 1px solid var(--color-accent) !important;
}
.selectize-dropdown-content .option.selected {
  color: var(--color-accent) !important;
  background: transparent !important;
}

.selectize-dropdown-content .option.active {
  background: transparent !important;
}

.selectize-dropdown-content .option:hover {
  background: transparent !important;
  color: var(--color-accent);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #d1d5db !important;
  background: #fff !important;
  border-radius: 12px;
  padding: 17px 20px;
}

.selectize-input>* {
  color: #9CA2AC;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.selectize-control.single .selectize-input:after {
  background-image: url(../img/16.svg);
  width: 13px;
  height: 12px;
  top: 26px;
  right: 20px !important;
  border-style: none;
  background-size: contain;
  background-repeat: no-repeat;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(180deg);
  top: 22px;
}

.selectize-dropdown {
  top: 58px !important;
  z-index: 12;
}

.selectize-dropdown-content .option {
  color: #9CA2AC;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.floating-label {
  z-index: 10;
}


.form-label.disabled input {
  color: #7A7C87;
  background: #FBFBFB;
}

.form-label.disabled .floating-label {
  color: #7A7C87;
}

.select-label.disabled .selectize-control.single .selectize-input,
.selectize-dropdown.single {
  background: #fdfdfd !important;
  opacity: 1;
  box-shadow: none !important;
  border-color: #d1d5db !important;
  background: #fff !important;
}

.select-label.disabled .selectize-input>* {
  opacity: 0.5;
}

.select-label.disabled .selectize-control.single .selectize-input:after {
  opacity: 0.2;
}

.select-label.disabled .selectize-input>* {
  color: #7A7C87 !important;
}

.label__member {
  margin-bottom: 16px;
}

.label__member:last-child {
  margin-bottom: 0;
}

.reg__btn-member {
  margin-bottom: 30px;
}

.info__vznos {
  padding: 20px 30px;
  background: var(--color-bg-additional);
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 33px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 30px;
}

.info__vznos span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login__additionally {
  border-top: 1px solid #E5E7EB;
}

.login__img {
  max-width: 350px;
}

.login__block-left__oplata {
  width: 55%;
}

.login__wraper-text {
  margin-top: 30px;
}

.login__wraper-text p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.login__wraper-text p:last-child {
  margin-bottom: 0;
}

.login__wraper-text .recover__password {
  margin-bottom: 0;
}


.status__date {
  padding: 20px 40px;
  min-height: 167px;
  min-width: 442px;
  width: max-content;
  background: var(--color-accent);
  background-image: url(../img/bgbtn.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
  border-radius: 24px;
  margin-top: 50px;
  margin-bottom: 0px;
  font-size: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  line-height: normal;
}

.status__date span {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}


.pay {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}

.pay__item {
  padding: 25px 40px;
  background: var(--color-bg-additional);
  background-image: url(../img/paybg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.pay__title {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.pay__link {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--color-accent);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
}

.pay__link span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay__year h2 {
  text-align: center;
}

.pay__year-subtitle {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
}

.pay__year-form {
  margin: 0 auto;
  max-width: 520px;
  width: 100%;
  padding: 40px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
}

.pay__year-form {
  margin-top: 30px;
}

.pay__year-btn {
  margin-bottom: 30px;
}

.label__year {
  padding: 14px 20px;
  border: 1px solid #D1D5DB;
  border-radius: 12px;
  min-height: 56px;
  margin-bottom: 15px;
}

.label__year span {
  align-items: center;
  margin-top: 2px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  position: relative;
}

.wraper_year span {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
}

.label__year .custom-checkbox+span::before {
  border-radius: 50%;
  border: 2px solid #9CA2AC;
}

.label__year .custom-checkbox:checked+span::before {
  border: 2px solid #0040B5;
  background: #fff;
}

.label__year .custom-checkbox:checked+span::after {
  content: '';
  position: absolute;
  width: 9.5px;
  background: var(--color-accent);
  height: 9.5px;
  border-radius: 50%;
  left: 7px;
}

.label__year.checked {
  border: 1px solid #0040B5;
  background: var(--color-bg-additional);
}

.pay__year-btn {
  margin-top: 30px;
}

.pay__year-form__title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.pay__year-info p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #7A7C87;
  margin-bottom: 10px;
}

.pay__year-info {
  margin-bottom: 45px;
}

.pay__year-info p:last-child {
  margin-bottom: 0;
}

.pay__year-info p span {
  color: var(--color-black);
  font-weight: 500;
}

.pay__year-info p .year__status {
  color: var(--color-accent);
}

.login__yaer-status h3 {
  text-align: center;
}

.year_status-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-label__donate .input {
  font-size: 30px;
  line-height: 1.4;
  font-weight: 400;
}

.rubli {
  position: absolute;
  right: 20px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.donate__year-form__title {
  margin-top: 25px;
}

.year_status-subtitle {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.status__donate {
  text-align: center;
  margin-top: 0;
  min-height: 120px;
  margin-bottom: 30px;
}

.year_status-home {
  margin-bottom: 0;
  color: var(--color-black);
}

.year_status-home::after {
  background: var(--color-black);
}

.profile {
  max-width: 1920px;
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  gap: 30px;
  padding-top: 60px;
  padding-bottom: 80px;
}

.profile__bar {
  width: 255px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.profile__bar-item.active span svg path {
  stroke: var(--color-accent) !important;
}

.profile__bar-item.active {
  color: var(--color-accent);
  background: var(--color-bg-additional);
}

.profile__bar-item:hover span svg path {
  stroke: var(--color-accent) !important;
}

.profile__bar-item:hover {
  color: var(--color-accent);
  background: var(--color-bg-additional);
}

.profile__bar-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.profile__bar-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile__title {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.profile__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1290px;
}

.profile__info {
  display: flex;
  gap: 30px;
}

.profile__img {
  width: 190px;
  height: 199px;
  border-radius: 16px;
}

.profile__img img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.profile__info-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.profile__info-bottom {
  margin-bottom: 0;
  width: max-content;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 25%;
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-accent);
}

.profile__info-name {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.profile__info-link {
  margin-bottom: 10px;
  font-size: 16px;
  display: block;
  line-height: 1.3;
  font-weight: 500;
}

.profile__info-link:hover {
  color: var(--color-accent);
}

.header__profile .container {
  max-width: 1920px;
}

.header_block_profile-wrap {
  display: flex;
  align-items: center;
  gap: 110px;
}

.profile__right-info {
  padding: 30px 40px;
  min-height: 199px;
  background: var(--color-accent);
  background-image: url(../img/bgbtn1.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
  border-radius: 24px;
  font-weight: 700;
  line-height: normal;
}

.profile .container {
  max-width: none;
}

.profile__right-text {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 10px;
}

.profile__right-text span {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.profile__right-btn {
  padding: 11px 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-white);
  background: transparent;
  border: 1px solid var(--color-white);
  height: 56px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.profile__right-btn:hover {
color: var(--color-accent);
background: var(--color-white);
opacity: 1 !important;
}

.profile__right-btn-polzovatel .profile__right-btn:hover {
  opacity: 1;
  background: var(--color-accent);
}

.profile__right-btn-nooplata .profile__right-btn:hover {
  opacity: 1;
  background: var(--color-accent);
}

.profile__wrap {
  flex-grow: 1;
}

.container__profile {
  margin-bottom: 80px;
}

.profile__right-btn-nologin {
  background: #DBEAFE;
  background-image: url(../img/bgbtn2.png);
  color: var(--color-black);
}


.profile__right-btn-polzovatel {
  background: #E8F9F1;
  background-image: url(../img/bgbtn3.png);
  color: var(--color-black);
}


.profile__right-btn-nooplata {
  background: #FFEDD5;
  background-image: url(../img/bgbtn4.png);
  color: var(--color-black);
}

.profile__right-btn-nologin .profile__right-btn {
  color: var(--color-white);
  background: var(--color-accent);
}


.profile__right-btn-nologin .profile__right-btn:hover {
  color: var(--color-accent);
  background: var(--color-white);
}

.profile__right-btn-polzovatel .profile__right-btn {
  color: var(--color-white);
  background: var(--color-black);
}

.profile__right-btn-nooplata .profile__right-btn {
  color: var(--color-white);
  background: var(--color-black);
}

.books__profile {
  max-width: 1290px;
}

.books__profile .title__wrap h2 {
  font-size: 30px;
  text-transform: none;
}

.foto__img-profile img {
  height: 380px;
  border-radius: 16px;
}

.books__profile .catalog-items.grid .video__block {
  margin-bottom: 0;
  padding-bottom: 0;
}

.books__profile {
  padding-bottom: 80px;
  padding-top: 0;
}

.books__profile:last-child {
  padding-bottom: 0;
}

.books__profile .catalog-items.grid .books__block {
  margin-bottom: 0;
}

.events__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
}

.events__left {
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 0;
}

.events__right {
  padding: 30px 40px;
  background: var(--color-bg-additional);
  background-image: url(../img/bgbtn2.png);
  border-radius: 0 24px 24px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.events__right-item {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/Ticket.png);
  padding: 21px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 349px;
}

.events__right-qr {
  width: 200px;
  height: 200px;
  margin-bottom: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.events__right-qr img {
  width: 163px;
  height: 163px;
}

.events__subtitle {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;

}

.events__subtitle,
.events__title,
.events__info-text,
.events__wrap-item,
.events__btn,
.events__right-event,
img,
.photo__title__events {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* Стандарт */
}

.events__left .events__title {
  height: auto;
  line-height: 1.2;
}

.events__info-text {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #7A7C87;
  width: 71%;
  height: 41px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.profile__wrap .events__info-text {
  width: 84%;
}

.events__wrap-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 4px;
}

.events__wrap-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.events__btn {
  border-radius: 12px;
  background: var(--color-accent);
  color: var(--color-white);
  height: 56px;
  min-width: 202px;
}

.events__btns {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}

.events__like {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--color-bg-additional);
}

.events__like .books__like {
  position: static;
  background: transparent;
  padding: 0;
}

.events__right-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}

.events__right-text span {
  display: block;
  margin-top: 5px;
  font-weight: 700;
  color: var(--color-accent);
}

.events.books__profile {
  padding-bottom: 80px;
}

.profile__title-event {
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.event__subtitle-text {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.event__subtitle-text .recover__password {
  margin-bottom: 0;
}


.events__right-event img {
  width: 490px;
  height: 298px;
  object-fit: cover;
  border-radius: 16px;
}

.events__right-event {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 30px;
}

.events__info-event {
  width: 87%;
}

.profile__wrap .event__item {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.event__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.events__more {
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  font-weight: 500;
}

.event__archive-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.event__archive-img img {
  height: 410px;
  object-fit: cover;
  border-radius: 24px;
}

.archive__arhive-item {
  position: relative;

}

.event__archive-info {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.79%, rgba(0, 0, 0, 0.7) 100%),
    linear-gradient(0deg, rgba(21, 21, 21, 0.1), rgba(21, 21, 21, 0.1));
  border: 1px solid #0040B51A;
  height: 410px;
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  width: 100%;
}

.event__archive-data {
  width: max-content;
  padding: 9px 15px;
  height: 40px;
  border-radius: 12px;
  background: var(--color-accent);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.event__archive-like .books__like {
  width: 35px;
  height: 35px;
}

.event__archive-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.event__archive-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.event__archive-meropriiatie {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.event__archive-city {
  padding: 8px 15px;
  height: 40px;
  border-radius: 12px;
  width: max-content;
  box-shadow: 0px 4px 4px 0px #00000040;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF33;
}

.container.books__profile {
  margin: 0;
  max-width: 1290px;
}

.container.books__profile .catalog-items.grid .gallery {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas:
    "img1 img1 img2 img2 img4 img4"
    "img1 img1 img3 img3 img4 img4";
}

.container.books__profile .catalog-items.grid .gallery__dop-wr {
  width: 73%;
}

.container.books__profile .catalog-items.grid .gallery__dop-right {
  width: 28%;
}

.container.books__profile h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.photo__filter {
  display: flex;
  align-items: center;
  gap: 30px;
}

.photo__filter-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.filter__photo {
  padding: 20px 30px;
  border-radius: 24px;
  background: var(--color-bg-additional);
  margin: 30px 0;
}

.photo__filter .dropdown2 {
  width: 100%;
}

.photo__filter-check .wraper_polit {
  position: relative;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.photo__filter-check .wraper_polit span {
  position: absolute;
  right: -16px;
  color: var(--color-accent);
  top: -9px;
  font-weight: 700;
  font-size: 12px;
}

.photo__filter-check .catalog_label {
  margin: 0;
}

.photo__filter-check .catalog_label span {
  margin-top: 4px;
}

.filter__photo .view-toggle {
  background: var(--color-white);
}

.filter__photo .view-toggle.active {
  background: var(--color-black);
}

.find__photo {
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.find__photo-left {
  padding: 30px 40px;
  width: 58%;
}

.find__photo-right {
  padding: 30px 40px;
  background: var(--color-accent);
  background-image: url(../img/bgfindfoto.png);
  border-radius: 0 24px 24px 0;
  width: 42%;
  background-size: 180%;
  background-repeat: repeat;
}

.find__photo-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.find__photo-text {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.find__photo-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: var(--color-bg-additional);
  border-radius: 16px;
  margin-bottom: 20px;
}

.find__photo-img img {
  width: 100%;
  border-radius: 12px;
  height: 380px;
  max-width: 480px;
  object-fit: cover;
}

.find__photo-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.find__photo-more {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.find__photo-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}

.find__photo-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  width: max-content;
  padding: 13px 33px;
  border-radius: 12px;
  color: var(--color-white);
}

.find__photo-btnok {
  background: #22C55E;
}

.find__photo-btnno {
  background: #7A7C87;
}

.find__photo-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.find__photo-aititle {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--color-white);
}

.find__photo-info p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-white);
}

.find__photo-info p:last-child {
  margin-bottom: 0;
}

.find__photo-download {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.find__photo-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.find__photo-images {
  position: relative;
}

.find__photo-images img {
  height: 140px;
  border-radius: 8px;
  object-fit: cover;
}

.find__photo-images span {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.books-profile {
  margin-bottom: 30px;
}

.books__profile .catalog-items.grid .books__block {
  gap: 40px 15px;
}

.video__item-pdata {
  margin-top: 15px;
  margin-bottom: 40px;
  font-size: 14px;
  color: #7A7C87;
  line-height: 1.4;
  font-weight: 500;
}

.video__item-pplaylist {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--color-black);
  line-height: 1.4;
  font-weight: 500;
}

.video__item-pplaylist::after {
  background: var(--color-black);
}

.books__profile .time {
  color: var(--color-white);
}

.books__profile .catalog-items.list .video__block {
  gap: 30px;
}

.infoprofile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.infoprofile__item {
  padding: 30px 40px;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
}

.infoprofile__title {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.infoprofile__subtitle {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.infoprofile__btn {
  width: max-content;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  background: var(--color-white);
  padding: 10px 40px;
  height: 44px;
}

.infoprofile__left,
.infoprofile__right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.infoprofile__left .selectize-input>* {
  color: var(--color-black);
}

.infoprofile__form {
  margin-top: 30px;
}

.infoprofile__mail-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 18px 0;
  border-bottom: 1px solid #E5E7EB;
}

.infoprofile__mail-item:last-child {
  border: none;
}

.infoprofile__mail-right {
  display: flex;
  align-items: center;
  gap: 60px;
}

.infoprofile__mail-right .form_check1 {
  margin-bottom: 0;
}

.infoprofile__mail-right .catalog_label span {
  margin-top: 0px;
  align-items: center;
}

.infoprofile__mail-left {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.infoprofile__mail-data {
  min-width: 100px;
}

.infoprofile__mail-vznos {
  min-width: 200px;
}

.infoprofile__mail-left span {
  position: absolute;
  right: -16px;
  top: -5px;
  color: var(--color-accent);
  font-size: 12px;
  font-weight: 700;
}

.profile__support .photo__title__wrap h1 {
  text-align: center;
}

.profile__support .photo__title__wrap {
  width: 100%;
}




.chat_top {
  background: var(--color-white);
  border: 1px solid #E8EBEF;
  border-radius: 24px 24px 0 0;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  gap: 30px;
}

.chat {
  max-width: 850px;
  margin: 0 auto;
}

.chat_top-info {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  background: var(--color-white);
  border-radius: 8px;
  width: 258px;
}

.chat_top-img img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.chat_top-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat_top-img span {
  width: 11.5px;
  height: 11.5px;
  background: var(--color-accent);
  border: 1.5px solid var(--color-white);
  border-radius: 50%;
  right: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.chat_top-name {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 400;
  line-height: 0.1 0.1;
}

.chat_top-mail {
  color: #9CA5AD;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.chat-box {
  flex-grow: 1;
  position: relative;
}

#chat-input {
  position: relative;
  padding: 20px;
  background: var(--color-white);
  border: 1px solid #D1D5DB;
  box-shadow: 0px 1px 2px 0px #121A2B0D;
  border-radius: 8px;
  width: 100%;
  font-family: inherit;
  height: 110px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.file__wrap {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.trigger {
  position: absolute;
  left: 60px;
  bottom: 20px;
  border: none;
  background: transparent;
}

#send-button {
  position: absolute;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background: var(--color-accent);
  border: 1px solid var(--color-accent);
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  padding: 0 40px;
  height: 56px;
  border-radius: 8px;
  bottom: 20px;
  right: 20px;
}

#chat-input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #9CA5AD;
}

.file {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.file input[type="file"] {
  display: none;
}

.file span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.chat_bottom {
  padding: 20px 30px 30px 30px;
  border: 1px solid #D1D5DB;
  border-top: none;
  border-radius: 0 0 16px 16px;
}

.chat_message {
  display: flex;
  gap: 50px;
  padding-top: 10px;
  margin-bottom: 25px;
}

.chat_text {
  display: flex;
  gap: 15px;
}

.chat_text-info {
  margin-top: 10px;
}

.chat_text-name {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
}

.chat__data {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.chat_text-sms {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  background: var(--color-bg-additional);
  border-radius: 12px 12px 0 12px;
  max-width: 470px;
}

.chat_time {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  color: #9CA5AD;
}

.sms-manager {
  color: var(--color-white);
  background: var(--color-accent);
  line-height: 1.3;
  border-radius: 0 12px 12px 12px;
}

.chat-btn {
  margin: 0;
  color: var(--color-accent);
  cursor: pointer;
  font-size: 16px;
}

.chat-btn::after {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="20"%3E%3Cpath d="M0,10 Q25,0 50,10 T100,10" fill="none" stroke="%2300B076" stroke-width="2" /%3E%3C/svg%3E');
}

.prof__events {
  padding-top: 0;
  padding-bottom: 100px;
}

.photo__title__events {
  padding-top: 50px;
  padding-bottom: 30px;
}

.prof__events .events__info-text {
  height: 60px;
  -webkit-line-clamp: 4;
  width: 84%;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.prof__events .event__archive-like {
  display: none;
}

.calendar__wrap {
  background: var(--color-accent);
  padding: 30px 0;
  margin-bottom: 30px;
}

.calendar__month {
  color: var(--color-white);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 15px;
  height: 21px;
}

.calendar__month.active {
  opacity: 0.5;
}

.calendar__date {
  color: var(--color-white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.calendar__date::before {
  width: 53px;
  height: 0;
  /* высота не нужна для границы */
  content: '';
  position: absolute;
  left: 0;
  top: 35px;
  border-top: 1px dashed var(--color-white);
  opacity: 0.5;
}

.calendar__date span {
  display: block;
  padding-top: 4px;
  color: var(--color-white);
  opacity: 0.5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.calendar__date-number span {
  display: inline-block;
  padding: 0;
  opacity: 1;
}

.calendar_item {
  width: 92px;
}


.calendar .swiper-button-next:after,
.calendar .swiper-button-prev:after {
  width: 0;
  font-size: 0;
}


.calendar_item-last {
  width: 112px;
}

.calendar .swiper-button-next {
  width: 56px;
  height: 56px;
  right: 0px;
}

.event__single {
  padding: 0;
  border: none;
}

.event__single .events__right-event {
  padding: 0;
}

.event__single .events__left {
  padding: 0;
  justify-content: start;
  gap: 30px;
}

.event__single .events__btns {
  margin-top: 40px;
}

.event__single .events__right-event img {
  width: 520px;
  height: 314px;
  object-fit: cover;
  border-radius: 16px;
}

.events__single-bilet {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.esents__single-wrap {
  padding-bottom: 60px;
  padding-top: 0;
}

.bilet__wrap {
  padding: 30px;
  border-radius: 24px;
  background: var(--color-bg-additional);
  background-image: url(../img/bgbilet.png);
}

.bilet__wrap .profile__title {
  margin-bottom: 20px;
}

.event__single-info {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 60px 0;
}

.event__single-left {
  flex-grow: 1;
}

.event__single-right {
  width: 520px;
  min-width: 520px;
}

.event__single-left p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 19px;
}

.adress__event {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 15px;
}

.adress__event span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tel__event {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.tel__event span {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.events-single {
  padding-top: 0;
  padding-bottom: 0px;
}

.event__single-right iframe {
  border-radius: 16px;
}

.variants__block {
  padding-top: 60px;
  padding-bottom: 160px;
  border-top: 1px solid #E5E7EB;
}

.variants__item {
  width: 66%;
  background-image: url(../img/ticket2.png);
  min-height: 280px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}

.variants__item:last-child {
  margin-bottom: 0;
}

.variants__item.active {
  background-image: url(../img/ticket3.png);
}

.variants__item-title {
  margin-bottom: 15px;
  color: #9CA2AC;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.variants__item.active .variants__item-title {
  color: var(--color-black);
}

.variants__item-info {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.variants__item-info span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.variants__item-left p {
  margin-bottom: 0;
  margin-top: 15px;
  color: #7A7C87;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.variants__item-left {
  flex-grow: 1;
}

.variants__item-right {
  width: 210px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.variants__item-title-mesta {
  text-align: center;
  margin: 0;
}

.variants__item.active .variants__item-title-mesta {
  color: var(--color-black);
}

.mesta-btn {
  height: 48px;
  background: var(--color-accent);
  color: var(--color-white);
  width: 220px;
  padding: 0;
}

.mesta__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #7A7C87;
}

.events__more-link {
  width: max-content;
  cursor: pointer;
  color: var(--color-accent);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 25%;
}

.popup__polit .popup {
  z-index: 999999;
}
.popup__polit.active {
  position: relative;
  z-index: 99999999;
}

.events__more-link:hover {
  text-decoration: none;
}

.recover__password {
  cursor: pointer;
}

.mobprofile {
  display: none;
}

.logins__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.pay__year .logins__title {
  text-align: center;
}

.year_status-title {
  text-align: center;
}

.popup__form .reg__block {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup__form .container__popup {
  max-height: 90vh;
  max-width: 630px;
  padding: 60px 80px;
}

.popup__form h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
}

.popup__form p {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
}

.popup__form .catalog_label {
  margin-top: 30px;
}

.variants__item {
  position: relative;
}

.variants__item::before {
  content: '';
  position: absolute;
  left: 68%;
  top: 11%;
  width: 2px;
  height: 79%;
  background: var(--color-white);
  background-image: url(../img/linebl12.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.popup__form h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
  font-weight: 700;
}

.popup__form {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.popup__form.active {
  opacity: 1;
  visibility: visible;
}

.variants__item {
  position: relative;
}

.popup__hide {
  position: absolute;
  bottom: 10%;
  left: 16%;
  max-width: 517px;
  display: none;
}

.container__popup2 {
  padding: 30px;
  background: var(--color-white);
  box-shadow: 0px 20px 25px -4px #121A2B1A;
  box-shadow: 0px 8px 8px -6px #121A2B0A;

  box-shadow: 0px 20px 25px -4px #121A2B1A;

  border-radius: 16px;

}

.popup__hide h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.popup__hide p {
  font-size: 16px;
  margin-bottom: 20px;
}

.popup__hide p:last-child {
  margin-bottom: 0;
}

.active_wrap .popup__hide {
  display: block;
}

.upload-container img {
  object-fit: contain;
}

.events__btn:hover {
  background: #2058C0;
}

.profile__right-btn:hover {
  opacity: 0.8;
}

.profile_ph .view-toggle:hover {
  color: var(--color-black);
}

.profile_ph .view-toggle:hover svg path {
  stroke: var(--color-black) !important;
}

.profile_ph .view-toggle.active:hover {
  color: var(--color-white);
}

.profile_ph .view-toggle.active:hover svg path {
  stroke: var(--color-white) !important;
}

.find__photo-btn:hover {
  opacity: 0.8;
}

.input:disabled {
  opacity: 0.5;
}

.infoprofile__btn:hover {
  color: var(--color-white);
}

#send-button:hover {
  background: #2058C0;
}

.mesta-btn:hover {
  background: #2058C0;
}

.pashide {
  display: none;
}

.password__open.pasopens .pashide {
  display: flex;
  height: 20px;
  min-height: 20px;
}


.password__open.pasopens .pasopen {
  display: none;
}

.wraper_yeardonate {
  font-weight: 400 !important;
}

.header__white .header__link:hover {
  color: var(--color-accent);
}

.select-label.active .selectize-input>* {
  color: var(--color-black);
}

.pay__link span {
  transition: margin-left 0.3s ease;
  /* Плавный переход */
  margin-left: 0;
  /* Исходное значение */
}

.catalog_label {
  cursor: pointer;
}

.pay__link:hover span {
  margin-left: 10px;
  /* При ховере добавляем отступ */
}

.profile__right-info-row {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile__right-info-row .profile__right-text {
  margin: 0;
}

.profile__wrap .books__profile .container {
  padding-right: 0;
}


/* news */

.event__news .events__left {
  padding: 24px 24px;
  padding-right: 0;
  flex-grow: 1;
}

.event__news .events__right-event {
  padding: 24px;
}

.event__news .events__subtitle {
  color: #7A7C87;
  margin-bottom: 8px;
}

.event__news {
  display: flex;
  margin-top: 40px;
  align-items: flex-start;
}

.event__news .events__info-text {
  font-size: 16px;
  -webkit-line-clamp: 3;
  color: #151515;
  line-height: 1.4;
  font-weight: 400;
  width: 80%;
  height: 66px;
}


.event__news .events__btns {
  margin-top: 30px;
}

.event__news .events__btn {
  min-width: 162px;
}

.bday__news {
  padding: 60px 0;
  background: var(--color-bg-additional);
  background-image: url(../img/bgbday.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.bday__news-block {
  margin-top: 30px;
  display: flex;
}

.bday__news-img {
  font-size: 1px;
  height: 410px;
}

.bday__news-img img {
  border-radius: 16px 16px 0 0;
  height: 100%;
  object-fit: cover;
}

.bday__news-info {
  padding: 30px 24px 40px 24px;
  background: var(--color-white);
  border-radius: 0 0 16px 16px;
}

.bday__news-name {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

.bday__news-text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.bday__news-block .swiper-button-next {
  top: 38%;
}

.news__page {
  padding-top: 50px;
  background: var(--color-white);
  background-image: none;
}

.news__page .news__left {
  padding: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.news__page .event__news {
  margin-top: 0;
}

.news__page .events__right-event img {
  width: 330px;
  height: 200px;
}

.news__page .events__title {
  font-size: 24px;
}

.news__page .news__block {
  align-items: flex-start;
}

.news__page .event__news .events__info-text {
  font-size: 14px;
  -webkit-line-clamp: 4;
  width: 100%;
  height: 80px;
}

.news__page .event__news-strong .events__right-event img {
  width: 302px;
  height: 347px;
}

.news__page-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.news__page-wrap .event__news {
  flex-direction: column;
  gap: 0;
}

.news__page-wrap .event__news .events__left {
  padding: 24px 24px;
  padding-bottom: 0;
}

.news__page-wrap .events__right-event {
  padding: 24px;
  padding-top: 30px;
  width: 100%;
}

.news__page-wrap .events__right-event img {
  width: 100%;
  height: 219px;
}

.news__page-wrap .events__right-event picture {
  width: 100%;
}

.news__page .news__block {
  position: relative;
}

.news__page .news__right {
  position: sticky;
  top: 0;
  padding: 24px;
  border-radius: 24px;
  background: var(--color-accent);
  background-image: url(../img/bgbday2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.banner__news-title {
  color: var(--color-white);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.banner__news-text {
  margin-top: 30px;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-white);
}

.banner__news-img {
height: 226px;
position: relative;
}

.banner__news-img::before {
  width: 100%;
  height: 100%;
  background: var(--color-black);
  z-index: 2;
  content: '';
  position: absolute;
  border-radius: 16px;
  left: 0;
  top: 0;
  opacity: 0.3;
}

.banner__news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.banner__news-btn {
  width: 100%;
  position: absolute;
  background: var(--color-accent);
  color: var(--color-white);
  bottom: 24px;
  left: 24px;
  height: 50px;
  max-width: 314px;
  z-index: 3;
}

.banner__news-btn:hover {
  background: #2058C0;
}

.not__found-btn:hover {
  background: #2058C0;
}

.vstupit__btn:hover {
  background: #2058C0;
}

.shopsingle__btn {
  background: #2058C0;
}

.shopsingle__btn:hover {
  background: #2058C0;
}
.btn__homeok:hover {
  color: var(--color-white);
}

.main__about-btn:hover {
  background: #2058C0;
}
.counter:hover {
  border: 1px solid var(--color-accent);
  cursor: pointer;
}


.details__btn:hover {
  background: #2058C0;
}

.counter__btn:hover svg path {
  stroke: var(--color-accent) !important;
}

.cart__item-delite:hover svg path {
  stroke: var(--color-black) !important;
}

.news__page .event__news:hover .events__title {
  color: var(--color-accent);
}

a.contacts__item-link:hover {
  color: var(--color-black);
}

.bread_link:hover {
  color: var(--color-accent);
}
.events.news__blocks {
  padding-bottom: 50px;
}

.news__single-data {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: #7A7C87;
}


.newssingle {
  width: 100%;
  max-width: 850px;
  padding-top: 60px;
}

.newssingle__img {
  height: 465px;
  margin-bottom: 40px;
}

.newssingle__img img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 16px;
}

.newssingle__info {
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E7EB;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}

.newssingle__text h2 {
margin-bottom: 20px;
font-size: 24px;
line-height: 1;
font-weight: 700;
}

.newssingle__text p {
margin-bottom: 20px;
margin-top: 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}

.newssingle__text h3 {
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px;
line-height: 1.4;
font-weight: 700;
}

.newssingle__text ul {
padding-left: 20px;
list-style: disc;
margin-top: 20px;
margin-bottom: 20px;
}

.newssingle__text li {
  margin-bottom: 10px;
  font-size: 16px;
line-height: 1.4;
font-weight: 400;
}

.newssingle__section {
  padding-bottom: 250px;
}

.category__partners .books__subtitle{
margin-top: 10px;
line-height: 1.3;
}

.bonuses__block {
  margin-top: 43px;
}

.category__partners {
  padding-top: 0;
  padding-bottom: 100px;
}

.partner__top {
  display: flex;
  justify-content: space-between;
  padding: 32px;
  background: var(--color-bg-additional);
  border-radius: 24px 24px 0 0;
}

.partner__bottom { 
padding: 24px 32px;
border: 1px solid #E5E7EB;
border-radius: 0 0 24px 24px;
border-top: 0;
}

.partner__block {
  width: 100%;
  max-width: 850px;
}

.partner__banner {
  display: flex;
  align-items: center;
  background: var(--color-accent);
  background-image: url(../img/bgbday3.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 24px;
  gap: 20px;
  border-radius: 16px;
  margin-top: 40px;
}

.partner__bottom p {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}

.partner__bottom p:last-child {
  margin-bottom: 0;
}

.partner__left h1 {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
}

.partner__subtitle {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.partner__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.partner__link {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--color-accent);
  width: max-content;
}

.partner__link:hover {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-style: dotted;
}

.bread__partners {
  padding-bottom: 40px;
}
.partner__right.bonuses__img {
  height: 145px;
  padding: 20px;
  border-radius: 24px;
}

.partner__right img {
  width: 120px;
}

.partner__banner .banner__news-img {
  height: 205px;
  width: 302px;
  min-width: 302px;
}

.partner__banner .partner__banner-text {
  flex-grow: 1px;
  gap: 24px;
}


.partner__banner .banner__news-text {
  margin-bottom: 0;
}

.partner__banner .banner__news-btn {
  max-width: 254px;
  padding: 13px;
}

.partner {
  padding-bottom: 100px;
}

.not__found {
  padding-bottom: 200px;
}

.not__found-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}

.not__found-title { 
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
}

.not__found-text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
}

.not__found-btn {
  background: var(--color-accent);
  color: var(--color-white);
  height: 50px;

}

.privacy__policy-block {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}

.privacy__policy-block h1 {
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
}

.privacy__policy-block h2:first-child {
  margin-top: 0;
}

.privacy__policy-block h2 {
  margin-bottom: 20px;
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.privacy__policy-block p {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}

.privacy__policy-block li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.privacy__policy {
  padding-bottom: 80px;
}

.newssingle__text p a {
  color: var(--color-accent);
}

.newssingle__text p a:hover {
  text-decoration: underline;
  text-underline-offset: 20%;
}

.privacy__policy-block p a {
  color: var(--color-black);
}

/* shop */

.shop__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 30px;
}

.view-toggle {
  cursor: pointer;
}

.shop h1 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

.shop__top .view-toggle {
  border: 1px solid #D1D5DB;
  color: var(--color-black);
  background: var(--color-white);
  border-radius: 12px;
  height: 50px;
  min-width: 135px;
}

.shop__top .view-toggle.active {
  border: 1px solid var(--color-black);
  background: var(--color-black);
  color: var(--color-white);
}

.shop__top .view-toggle:hover {
  background: #7A7C87;
  color: var(--color-white);
}

.shop__top .view-toggle.active:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.shop__item:hover .shop__title {
  color: var(--color-accent);
}

.shop__top .catalog-controls {
  gap: 10px;
}

.shop__top .dropdown2 {
  width: 100%;
}

.shop__img {
  background: #154AAD14;
  height: 310px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 16px;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 20px;
}

.shop__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.shop__img picture {
  width: 100%;
  height: 100%;
}

.shop__category {
  color: #7A7C87;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.shop__title {
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.4;
  display: block;
  font-weight: 500;
}

.shop__title:hover {
  color: var(--color-accent);
}

.shop__price {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.shop .catalog-items.grid .books__block {
  gap: 40px 30px;
  margin-bottom: 0;
}

.shop__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shop {
padding-bottom: 130px;
}


.shopsingle__block {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.shopsingle__left {
  width: 50%;
  max-width: 630px;
}

.shopsingle__right {
min-width: 520px;
}

.swiper-container-wrapper {
  display: flex;
  gap: 10px;
}

.thumbsSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbsSwiper .swiper-slide {
  background: #154AAD14;
border-radius: 16px;
border: 1px solid #154AAD14;
}

.thumbsSwiper .swiper-slide.swiper-slide-thumb-active{
  border: 1px solid #154AAD;
}


.thumbsSwiper  {
  height: 522px;
  width: 143px !important;
  min-width: 143px;
}

.swiper-container-wrapper {
  width: 100%;
  margin-bottom: 0px;
}

.mainSwiper {
  width: 100%;
  height: 522px;
  margin-bottom: 4px;
}

.thumbsSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbsSwiper picture {
  height: 100%;
}

.thumbsSwiper .swiper-wrapper {
width: 143px;
}

.mainSwiper .swiper-slide img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.mainSwiper picture {
  height: 100%;
}

.mainSwiper .swiper-slide {
  background: #154AAD14;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbsSwiper .swiper-slide {
  cursor: pointer;
  width: 143px;
}

.counter {
  display: inline-flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  border: 1px solid #D1D5DB;
  border-radius: 12px;
  overflow: hidden;
  height: 50px;
  width: 140px;
}

.counter__btn {
background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  min-width: 40px;
  height: 40px;
}


.counter__value {
  width: 40px;
  text-align: center;
  border: none;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  pointer-events: none;
  background: #fff;
}

.shopsingle__right h1 {
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

.shopsingle__price {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.shopsingle__btn {
  height: 50px;
  background: var(--color-accent);
  color: var(--color-white);
  min-width: 155px;
}

.shopsingle__count {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 70px;
}

.shopsingle__item {
  display: grid;
      grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #E5E7EB;
  max-width: 343px;
}

.shopsingle__item-left {
color: #858898;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}

.shopsingle__item-right {
font-size: 16px;
line-height: 1.4;
font-weight: 500;
}

.shopsingle {
  padding-bottom: 200px;
}

.thumbsSwiper .swiper-button-next {
transform: rotate(90deg);
}

.thumbsSwiper .swiper-button-next {
  color: var(--color-white);
  top: 96%;
  left: 56px;
}

.thumbsSwiper .swiper-button-next:after{
  font-size: 18px;
  opacity: 0.8;
}

.cart__bottom {
  width: 100%;
  max-width: 520px;
}

.form-label__adress .input {
  height: 90px;
}

.cart__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 30px;
  border-bottom: 1px solid #E5E7EB;
}

.cart__item:last-child {
  border: none;
}

.cart__item-left {
  display: flex;
  gap: 30px;
}

.cart__item-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 380px;
}

.cart__item-img {
  border-radius: 8px;
  background: #154AAD14;
  width: 100px;
  height: 120px;
}

.cart__item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.cart__item-title {
margin-bottom: 20px;
font-size: 24px;
line-height: 1.4;
font-weight: 500;
}

.cart__item-price {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.cart__item-delite {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 13px;
  margin-left: 15px;
}

.cart__item-priceall {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

.cart__top {
  width: 100%;
  max-width: 960px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  margin-top: 30px;
  margin-bottom: 60px;
}

.cart__price {
  padding: 30px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 30px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.cart__item-right .counter {
  width: 134px;
}

.cart__price span {
  font-weight: 500;
}

.title__form-cart {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.title__form-cart:first-child {
  margin-top: 0;
}

.title__form-cart span {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.cart__bottom .form__btn {
margin-bottom: 40px;
height: 50px;
max-width: 200px;
}

.cart__bottom .iti {
  margin-bottom: 0;
}


.cart__bottom .catalog_label {
  margin-bottom: 0;
}

.not__found-text {
  text-align: center;
}

.btn__homeok {
  min-width: 224px;
  height: 50px;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  background: var(--color-white);
  padding: 0 13px;
  font-size: 16px;
  margin-top: 10px;
}

.cart__ok {
  padding-bottom: 100px;
}

.cart__ok .not__found-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}

.cart__ok .not__found-title {
  font-size: 48px;
  line-height: 1.2;
}

.header__about .main::before {
  background: transparent;
}

.header__about .header {
  background: transparent;
}

.header__about .bread {
  padding-top: 30px;
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}

.header__about .main__block {
  min-height: auto;
  gap: 0;
  padding-bottom: 114px;
}

.header__about  .bread .container {
  padding: 0;
}

.header__about  .main__title {
margin-bottom: 20px;
font-size: 48px;
line-height: 1.2;
text-transform: none;
font-weight: 700;
}

.header__about  .bread__list {
  color: var(--color-white);
}

.header__about  .bread__span {
  color: #9CA2AC;
}

.header__about .main__text {
margin-bottom: 40px;
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}

.header__about{
  background-position: 30% 50%;
}

.main__about-btn {
  height: 60px;
  min-width: 234px;
  background: var(--color-accent);
  color: var(--color-white);
}

.about__block {
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
  margin-bottom: 100px;
}

.about__item {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #E5E7EB;
  min-height: 261px;
}

.about__item-title {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.about__item-text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
}

.about__item .pay__link {
  font-size: 16px;
}

.about {
  padding-top: 50px;
}

.about__item {
  border-left: 0;
  border-top: 0;
}

.about__item-bottom {
  border-bottom: 0;
}

.about__item-noright {
  border-right: 0;
}

.about__task {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}

.about__title {
  text-align: center;
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 40px;
}

.about__task-item {
  display: flex;
  gap: 30px;
  padding: 30px 0;
  border-top: 1px solid #D1D5DB;
}

.about__task-item:last-child {
  border-bottom: 1px solid #D1D5DB;
}

.about__task-title {
margin-bottom: 15px;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
}

.about__task-info {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.about .appeal__block {
  padding: 40px;
  border-radius: 24px;
  background: var(--color-accent);
  background-image: url(../img/bgbday4.png);
  background-repeat: no-repeat;
  background-size: cover;
}


.about .appeal__left {
background: transparent;
padding: 0;
color: var(--color-white);
}

.about .appeal__title {
margin-bottom: 40px;
font-size: 40px;
line-height: 1.2;
font-weight: 700;
}

.about .appeal__text {
  margin-top: 0;
}

.about .appeal__text p {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin-bottom: 20px;
width: 87%;
}

.about  .appeal__text p:last-child {
  margin-top: 40px;
  margin-bottom: 0;
}

.about  .appeal__text strong {
font-size: 18px;
line-height: 1.3;
font-weight: 500;
}

.about .appeal__right {
  max-height: 512px;
}

.directions {
  padding-top: 100px;
  padding-bottom: 150px;
}

.directions__block {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.directions__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  border: 1px solid #D1D5DB;
  border-radius: 24px;
}

.directions__left {
  width: 45%;
}

.directions__right {
  width: 47%;
}

.directions__left img {
height: 400px;
object-fit: cover;
border-radius: 24px;
}

.directions__item:nth-child(2n) .directions__left{
order: 2;
}

.directions__right h3 {
margin-bottom: 30px;
font-size: 30px;
line-height: 1.2;
font-weight: 700;
}

.directions__right p {
margin: 0;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
}

.directions__right ul {
  padding-left: 20px;
  margin: 20px 0;
  list-style: disc;
}

.directions__right li {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 12px;
}

.directions__right li:last-child {
  margin-bottom: 0;
}

.directions__right li a {
  text-decoration: underline;
  color: var(--color-accent);
  text-underline-offset: 25%;
}

.directions__right li a:hover {
  text-decoration: none;
}

.directions__left-science img {
  height: 559px;
}

.directions__left-paint img{
height: 570px;
}

.directions__left-sport img {
  height: 453px;
}


.pravlenie__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
  padding-bottom: 78px;
  margin-top: 40px;
}

.pravlenie {
  padding-bottom: 30px;
}

.pravlenie__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.pravlenie__img img {
  height: 530px;
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
}

.pravlenie__text {
  padding: 25px 20px 22px 20px;
}

.pravlenie__name {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.pravlenie__info {
  color: #7A7C87;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.sovet {
  padding-bottom: 100px;
}

.sovet .pravlenie__block {
  padding-bottom: 58px;
}

.sovet .books__single-more {
  margin-top: 0;
}

.reports .books__subtitle {
  margin-top: 30px;
  font-size: 16px;
}

.reports__block {
  padding: 48px 0;
  border-top: 1px solid #D1D5DB;
}


.reports__block .container{
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.reports__left {
  width: 300px;
  min-width: 300px;
  font-size: 80px;
  line-height: 1;
  font-weight: 500;
  margin-top: -10px;
}

.reports__right {
  flex-grow: 1;
  width: 100%;
  max-width: 958px;
}

.reports__container {
  margin-bottom: 40px;
}

.reports__img img {
  object-fit: cover;
  height: 240px;
}

.reports__link {
  display: block;
  margin-bottom: 32px;
  color: var(--color-accent);
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  width: max-content;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-style: dotted;
}


.reports__link::before {
  content: '';
  position: absolute;
  bottom: -5px; 
  left: 0;
  width: 0;
  border-bottom: 1px dotted var(--color-accent); 
}

.reports__top .reports__link:last-child {
  margin-bottom: 0;
}

.reports__item .reports__link {
  width: 80%;
  height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
}

.image-popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}

.image-popup__content {
  z-index: 10001;
}

.reports__bottom .swiper-button-next:hover::after {
  border: 1px solid var(--color-black) !important;
}

.reports__bottom .swiper-button-next {
  top: 78%;
  right: 12px;
}

.reports__bottom {
  padding-right: 20px; /* или сколько нужно под стрелку */
  position: relative;
}

/* .reports__bottom {
  overflow: visible;
}

.reports__bottom .swiper-wrapper {
  overflow: hidden;
} */
.reports__item:hover .reports__link {
  color: var(--color-black);
}

.reports__bottom {
  margin-top: 32px;
  border-top: 1px solid #D1D5DB;
  padding-top: 32px;
}

.reports__block-btns {
  padding: 0;
}

.reports__bottom .swiper-button-next:after {
  border-radius: 50%;
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 0;
  background: #fff;
  width: 50px;
  border: 1px solid #E5E7EB;
  min-width: 50px;
  height: 50px;
  color: #7A7C87;
  font-size: 21px !important;
  font-weight: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reports__link:hover {
  color: var(--color-black);
}
.reports__link:hover::before {
background: var(--color-black);
}

.reports__img {
  cursor: pointer;
}

.image-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.image-popup.active {
  display: flex;
}

.image-popup__content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.image-popup__img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

.image-popup__img {
  max-height: 90vh;
}

.image-popup__close {
  position: absolute;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -10px;
  background: #fff;
  border: none;
  font-size: 24px;
  cursor: pointer;
  border-radius: 50%;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  height: 32px;
  line-height: 32px;
}

.vstupit__block {
  background: var(--color-bg-additional);
  border-bottom: 1px solid #E5E7EB;
  margin-top: 40px;
  padding: 50px 30px;
}

.vstupit__title {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.vstupit__title span {
  color: var(--color-accent);
}

.vstupit__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 23px;
}

.vstupit__item {
  display: flex;
  gap: 15px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
}

.vstupit__item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: var(--color-accent);
  color: var(--color-white);
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  border-radius: 50%;
}

.vstupit__btn {
  background: var(--color-accent);
  color: var(--color-white);
  height: 50px;
}

.prem__vstupit .additionally__website-item:hover {
background: transparent;
}

.prem__vstupit .additionally__website-icon img {
  height: 80px;
  object-fit: contain;
  width: max-content;
}

.prem__vstupit .additionally__website-title {
margin-bottom: 30px;
font-size: 48px;
line-height: 1.2;
font-weight: 700;
}

.prem__vstupit .additionally__website-item:hover .additionally__website-text {
  color: var(--color-black);
}

.prem__vstupit  .additionally__website-text {
  text-decoration: none;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
}

.prem__vstupit {
  padding-bottom: 122px;
}

.price__vstupit {
  background: var(--color-bg-additional);
  padding: 100px 0;
}

.price__vstupit h2 {
  text-align: center;
  margin-bottom: 41px;
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
}

.price__vstupit-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 31px;
}

.price__vstupit-item {
  padding: 32px 40px;
  padding-bottom: 40px;
  border-radius: 24px;
  background: var(--color-accent);
  background-image: url(../img/bgvstupit.png);
  background-repeat: repeat;
  background-size: cover;
}

.price__vstupit-top {
  color: var(--color-white);
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700;
}

.price__vstupit-bottom {
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
}

.price__vstupit-bottom span {
  text-align: right;
}

.price__vstupit-bottom span.year__vstypit {
text-align: left;
font-size: 60px;
line-height: 1;
font-weight: 500;
}

.price__vstupit-text {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.vstupit__info {
  padding: 100px 0;
}

.vstupit__info h2 {
  margin-bottom: 30px;
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
}

.vstupit__info .newssingle__text p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.vstupit__info .newssingle__text p:last-child {
  margin-bottom: 0;
}

.transcript__block {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.transcript__info {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
}

.transcript__left {
  width: 50%;
  max-width: 630px;
}

.transcript__right {
  width: 32%;
}

.transcript__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--color-bg-additional);
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 30px;
}

.transcript__item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.transcript__left p {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.transcript__item p {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.transcript__item p span {
  font-weight: 700;
}

.transcript__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.transcript__left .reports__link {
  margin-bottom: 20px;
  font-size: 16px;
}

.transcript__right img {
  height: 100%;
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.transcript__right {
  background: var(--color-accent);
  padding: 8px;
  border-radius: 12px;
}

.transcript__step-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.transcript__step-left {
  width: 50%;
  max-width: 630px;
}

.transcript__step-right {
  width: 38%;
  padding: 40px 30px;
  background: var(--color-bg-additional);
  border-radius: 16px;
}

.transcript__step-right h3 {
margin-bottom: 20px;
margin-top: 40px;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
}

.transcript__step-right h3:first-child {
  margin-top: 0;
}

.transcript__step-right p {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.transcript__step-right p:last-child {
  margin-bottom: 0;
}

.transcript__step {
  padding-bottom: 100px;
}

.transcript__step-left h2 {
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.transcript__step-item {
  display: flex;
  gap: 20px;
  padding-bottom: 40px;
  position: relative;
}

.transcript__step-item::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 46px;
  width: 1.5px;
  height: 74%;
  background: #E5E7EB;
}

.transcript__step-item__one::before {
  height: 36%;
}

.transcript__step-item__last::before {
  width: 0;
}

.transcript__step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.transcript__step-title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

.transcript__step-titlelink {
  margin-bottom: 8px;
}

.transcript__step-left .reports__link {
  font-size: 16px;
}

.transcript__step-title a {
  color: var(--color-accent);
}

.transcript__step-lefts p {
margin-bottom: 16px;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
}

.transcript__step-lefts p:last-child {
  margin-bottom: 0;
}

.transcript__steptwo .transcript__step-right h3 {
  margin-top: 30px;
}

.transcript__step-left .reports__link {
  margin-bottom: 0;
}

.transcript__steptwo .transcript__step-right h3:first-child {
  margin-top: 0px;
}

.transcript__application {
  background: var(--color-bg-additional);
  padding: 50px 0;
  margin-bottom: 100px;
}

.transcript__application-more {
  padding: 100px 0;
  margin-bottom: 0;
}

.transcript__application-block {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.transcript__application-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background: var(--color-white);
  padding: 30px 40px;
  border-radius: 24px;
}

.transcript__application-item:nth-child(2n) .transcript__application-left {
  order: 2;
}

.transcript__application-left {
  width: 25%;
  min-width: 300px;
}

.transcript__application-right {
  width: 65.5%;
}

.transcript__application-left {
  padding: 8px;
  border-radius: 12px;
  background: var(--color-accent);
}

.transcript__step-item__last {
  padding-bottom: 0;
}

.transcript__application-left img {
height: 400px;
object-fit: cover;
border-radius: 12px;
}

.transcript__application-right h3 {
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.transcript__application-right p {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.transcript__application-right p:last-child {
  margin-bottom: 0;
}

.transcript__application-right .reports__link {
margin-bottom: 0;
font-size: 16px;
}

.contacts__top {
  display: flex;
  margin-top: 40px;
  border-radius: 16px;
  border: 1px solid #D0D5DE;
}

.contacts__map {
  width: 68%;
  font-size: 1px;
}

.contacts__map iframe {
border-radius: 16px 0 0 16px;
}

.contacts__items {
  width: 32%;
}

.contacts__item {
  border-bottom: 1px solid #D0D5DE;
  padding: 40px;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contacts__item-name {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}

.contacts__item:last-child {
  border: none;
}

.contacts__item-link {
  color: var(--color-accent);
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.details__block {
  border-radius: 16px;
  border: 1px solid #D0D5DE;
}

.details__top {
  padding: 30px 40px;
  border-bottom: 1px solid #D0D5DE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.details__title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
}

.details__btn {
  background: var(--color-accent);
  color: var(--color-white);
  height: 50px;
}

.contacts {
  padding-bottom: 50px;
}

.details {
  padding-bottom: 80px;
}

.details__tel {
  padding-bottom: 122px;
}

.transcript__application-left.mob {
  display: none;
}

.transcript__right.mob {
  display: none;
}
.details__tel h2 {
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
}

.details__item {
  display: flex;
  justify-content: space-between;
  padding: 23.5px 0;
  border-bottom: 1px solid #D0D5DE;
}

.details__item:last-child {
  border: none;
}

.details__bottom {
  padding: 30px 50px;
}

.details__left {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}

.details__right {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.warehouses-city-btn {
  fill: #003fb585 !important;
}

.warehouses-city-btn.active { 
  fill: #0040B5 !important;
}

.warehouses-city-btn:hover {
  fill: #0040B5 !important;
}
.details__tel .details__item {
  padding: 30px 0;
}

.maps__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.warehouses-city-btn {
  cursor: pointer;
}

.maps {
  padding: 40px 0;
}

.maps svg {
  width: 100%;
  height: 678px;
}
.details__right a {
  color: var(--color-accent);
  text-align: right;
}

.country__item {
  display: none;
}

.country__item.active {
  display: block;
}

.country__item {
  max-width: 635px;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #D0D5DE;
  min-height: auto;
  border-radius: 24px;
  padding: 32px 40px 40px 40px;
}

.country__item-top {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 48px;
  line-height: 1.1;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E7EB;
  font-weight: 500;
}

.country__item-info, .country__item-contact {
  display: flex;
  gap: 30px;
}

.country__item-info {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E7EB;
}

.country__item-name {
  width: 34%;
}

.country__item-text {
  width: 60%;
}

.country__item-top span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.country__item-name {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.country__item-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

.country__item-text a {
  font-weight: 500;
  display: block;
  color: var(--color-accent);
}

.country__item-text .social {
  margin-top: 30px;
  gap: 20px;
}

.country__item-top span {
  width: 49px;
  min-width: 49px;
  height: 49px;
}

.country__item-top span svg {
  width: 100%;
  height: 100%;
}

.country__item-top span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.transcript__step-title a:hover {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-style: dotted;
}

.country__item-text a:hover {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-style: dotted;
}

@keyframes loadingnew {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.category_photo.scelet .gallery-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  z-index: 1000;

  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loadingnew 1.5s infinite linear;
}


.bread__polit {
  padding-bottom: 45px;
}

@media(max-width: 1720px) {
  .events__block .swiper-button-next {
    right: -7%;
  }
}

@media(max-width: 1510px) {
  .events__block .swiper-button-next {
    right: 4%;
  }
}

@media(max-width: 1410px) {
  .catalog-items.list .video__img {
    width: 410px;
    min-width: 410px;
  }

  .infoprofile__mail-left {
    font-size: 14px;
  }
}

@media(max-width: 1300px) {
  .events__block .swiper-slide {
    width: calc((100% - 30px) / 2) !important;
  }

  .events__item-content {
    min-width: 100%;
    
  }

  .events__item {
    display: flex;
  }
  .events__block {
    padding: 0 15px;
  }

  .header__lists {
    gap: 20px;
  }

  .header__logo {
    width: 130px;
  }

  .header__logo svg {
    width: 100%;
  }

  .footer__nav ul {
    min-width: auto;
  }

  .footer__logo {
    width: 180px;
    min-width: 180px;
  }

  .events__text {
    width: 100%;
  }

  .main__block {
    padding: 0 20px;
  }

  .login__block-kod {
    width: 54%;
  }

  .login__block-become {
    width: 42.6%;
  }

  .pay__title {
    font-size: 26px;
  }

  .profile {
    flex-direction: column;
    gap: 30px;
    padding-top: 30px;
  }

  .profile__bar {
    width: 100%;
    flex-direction: row;
    gap: 10px;
    overflow-x: scroll;
    flex-wrap: nowrap;
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .deskprofile {
    display: none;
  }

  .mobprofile {
    display: block;
  }

  .header__about .main__block {
   padding-left: 0;
   padding-right: 0;
  }

}

@media(max-width: 1200px) {
.reports__bottom .arrows{
display: none;
}

.reports__bottom .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
    flex-wrap: nowrap;
    overflow-y: scroll;
    scrollbar-width: none;
    gap: 24px;
    -ms-overflow-style: none;
}

.reports__img img {
  object-fit: cover;
  height: 170px;
}

.reports__right {
  flex-grow: inherit;
  max-width: none;
  width: calc(100% - 340px);
}
.reports__item {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
}

@media(max-width: 1180px) {
  .lefts {
    width: auto;
  }


  .header__nav {
    width: 100%;
    order: 3;
  }

  .header_block {
    flex-wrap: wrap;
    height: auto;
  }

  .container {
    padding: 0 16px;
  }

  .category_top-sort {
    min-width: max-content;
  }

  .photo__title__wrap h1 br {
    display: none;
  }

  .player__video iframe {
    height: auto;
    min-height: 400px;
  }

  .digit {
    width: 55px;
    height: 55px;
  }

  .digit__mail {
    width: 90px;
    height: 55px;
    font-size: 20px;
  }

  .profile {
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 100px;
  }

  .variants__item {
    width: 76%;
  }
}
.cart__item-title.mob {
  display: none;
}
@media(max-width: 1150px) {
  .footer__logo {
    display: none;
  }

  .login__block-left,
  .login__block-right {
    width: 46.3%;
    height: max-content;
  }

  .digit__mail {
    width: 77px;
    height: 55px;
    font-size: 20px;
  }

}

@media(max-width: 1080px) {
  .profile__wrap .events__item {
    grid-template-columns: repeat(1, 1fr);
  }

  .profile__wrap .events__right {
    display: flex;
    border-radius: 0 0 24px 24px;
  }

  .profile__wrap .books__img img {
    height: 273px;
  }

  .infoprofile {
    grid-template-columns: repeat(1, 1fr);
  }

}

@media(max-width: 1045px) {
  .variants__item {
    width: 86%;
  }
}

@media(max-width: 1024px) {
  .desk {
    display: none;
  }

  .profile__right-info-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .mob {
    display: flex;
  }

  .menu__btn {
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF12;
    padding: 13px 12px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
  }

  .icon_cart {
    position: relative;
  }

  .number__cart {
    padding: 4px 6px;
    color: var(--color-white);
    background: var(--color-accent);
    border-radius: 9999px;
    min-width: 20px;
    font-size: 12px;
    position: absolute;
    left: 20px;
    transform: translateX(-32%);
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding-left: 6px;
    height: 20px !important;
    padding-right: 6px;
    top: -8px;
  }

  .footer__open.mob {
    display: none;
  }

  .footer__info {
    gap: 60px;
  }

  .social {
    margin-top: 40px;
  }

  .news__block {
    flex-direction: column;
    gap: 0;
  }

  .news__right {
    min-width: auto;
    padding: 40px 20px;
    width: 100%;
    padding-bottom: 20px;
  }

  .congratulation__img img {
    height: 550px;
  }

  .news {
    padding-bottom: 0;
    padding-top: 50px;
  }

  .news .container {
    padding: 0;
  }

  .news__left {
    padding: 15px 20px 40px 20px;
    border-radius: 0;
  }

  .archive__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .appeal__block {
    flex-direction: column;
  }

  .appeal__right {
    width: 100%;
    min-width: auto;
  }

  .appeal__right img {
    height: 580px;
    object-position: top;
  }

  .community__block {
    grid-template-columns: repeat(1, 1fr);
  }

  .community__right-text {
    text-align: center;
  }

  .community__btn {
    margin: 0 auto;
  }

  .bonuses__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .woman {
    height: 80%;
  }

  .man {
    height: 69%;
  }

  .products__info {
    justify-content: space-between;
    padding-top: 75px;
    padding-bottom: 62px;
  }

  .appeal__text {
    width: 100%;
  }

  .header_block {
    height: 80px;
    padding: 0;
  }

  .header__white .menu__btn svg path {
    stroke: var(--color-black) !important;
  }

  .header__white .menu__btn {
    background: var(--color-bg-additional);
  }

  .category__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog-items.grid .books__block {
    grid-template-columns: repeat(3, 1fr);
  }

  .catalog-items.grid .books__img img {
    height: 313px;
  }

  .filter__bottom {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .category_top-sort,
  .filter__bottom-wrap {
    width: 48%;
  }

  .filter__bottom-wrap .btn {
    width: 48%;
    height: 50px;
  }

  .catalog-controls {
    display: none;
  }

  .books__filter .category_top-sort {
    width: max-content;
  }

  .books__filter {
    justify-content: flex-end;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .about__book-block {
    gap: 30px;
  }

  .read__all {
    display: block !important;
  }

  .photo__galery-bottom {
    display: none;
  }

  .galswiper {
    display: block;
  }

  .rigttop,
  .lefts,
  .rigthbottomright,
  .rigthbottomleft {
    height: 520px;
  }

  .galswiper .swiper-pagination-bullet {
    background: #FFFFFF80;
  }

  .galswiper .swiper-pagination-bullet-active {
    background: var(--color-white);
  }

  .news__right_item:last-child {
    padding-bottom: 40px;
  }

  .photo__galery-title br {
    display: none;
  }

  .catalog-items.grid .photo__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .single__reg {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .single__reg-block .book__reg-title {
    font-size: 38px;
  }

  .catalog-items.grid .img1 img {
    height: 370px;
  }

  .catalog-items.grid .img4 img {
    height: 370px;
  }

  .img2 img {
    height: 174px;
  }

  .img3 img {
    height: 174px;
  }

  .catalog-items.grid .gallery-item:hover .gallety__info-grid .gallety__info-like {
    display: none;
  }

  .catalog-items.grid .gallery-item:hover .gallety__info-grid .gallety__info-text {
    display: none;
  }

  .catalog-items.grid .gallery-item:hover .gallety__info-grid .gallety__info-textv2 {
    display: none;
  }

  .catalog-items.grid .gallery-item:hover .gallety__info-grid {
    justify-content: center;
  }

  .header__black .menu__btn {
    background: transparent;
    border: none;
  }

  .catalog-items.grid .books__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .video__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .all__video-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
  }

  .video__btn-wrap {
    display: none;
  }

  .all__video-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .player__video iframe {
    height: auto;
    min-height: 300px;
  }

  .player__list {
    height: 614px;
    overflow-y: scroll;
  }

  .player__right::before {
    width: 405px;
  }

  .titletext {
    width: 100%;
  }

  .memory__item-title span {
    display: none !important;
  }

  .login__wraper {
    flex-direction: column;
    gap: 50px;
  }

  .login__block-left,
  .login__block-right {
    width: 100%;
    height: max-content;
  }

  .additionally__website-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .pay {
    grid-template-columns: repeat(1, 1fr);
  }

  .events__right-event img {
    width: 290px;
  }

  .event__archive-block {
    grid-template-columns: repeat(2, 1fr);
  }

  .profile__wrap .event__item {
    flex-direction: column;
  }

  .profile__wrap .events__right-event img {
    width: 100%;
  }

  .profile__wrap .events__right-event picture {
    width: 100%;
  }

  .profile__wrap .events__right-event {
    padding-top: 0;
  }

  .event__archive-img img {
    height: 330px;
  }

  .event__archive-info {
    height: 330px;
  }

  .event__archive-title {
    font-size: 18px;
  }

  .profile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .profile__wrap .container {
    padding: 0;
  }

  .container.books__profile .catalog-items.grid .gallery__dop-wr {
    gap: 20px;
  }

  .container.books__profile .catalog-items.grid .gallery__dop {
    gap: 20px;
  }

  .profile_ph .books__filter {
    justify-content: space-between;
  }

  .find__photo {
    flex-direction: column;
  }

  .find__photo-left {
    width: 100%;
  }

  .find__photo-right {
    border-radius: 0 0 24px 24px;
    width: 100%;
  }

  .find__photo-wrap {
    margin-bottom: 30px;
  }

  .photo__filter {
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
  }

  .profile_ph .photo__filter-title {
    width: 100%;
  }

  .profile_ph .books__filter {
    padding: 20px;
  }

  .photo__filter-check {
    margin-top: 10px;
  }

  .profile_bk .catalog-items.list .video__block {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .profile_bk .catalog-items.list .video__item {
    gap: 20px;
    flex-direction: column;
  }

  .profile_bk .catalog-items.list .video__item-title {
    width: 100%;
  }

  .profile_bk .video__item-pdata {
    display: none;
  }

  .profile_bk .video__item-pplaylist {
    display: none;
  }

  .profile_bk .catalog-items.list .video__img {
    width: 100%;
    min-width: 100%;
  }

  .profile_bk .catalog-items.list .video__item .books__like {
    left: auto;
  }

  .event__single .events__right-event img {
    width: 350px;
  }

  .events-single h1 {
    font-size: 38px;
  }

  .event__single-info {
    flex-direction: column;
    padding: 30px 20px;
  }

  .event__single-right {
    width: 100%;
    min-width: auto;
  }

  .news__page {
    padding: 30px 16px;
  }
  .shop__top .catalog-controls {
    display: flex;

}
.shop .catalog-items.grid .books__block-sceleton {
  grid-template-columns: repeat(2, 1fr);
}
.shopsingle__right {
  min-width: 410px;
}
.pravlenie__img img {
  height: 370px;
}
.vstupit__items {
  grid-template-columns: repeat(2, 1fr);
}
.price__vstupit-items {
  grid-template-columns: repeat(1, 1fr);
}
.additionally__website-text br {
  display: none;
}
.prem__vstupit .additionally__website-text {
  font-size: 18px;
}
.contacts__items {
  width: 52%;
}
.contacts__map {
  width: 48%;
}
.maps svg {
  height: 500px;
}
.transcript__application-left {
  display: none;
  padding: 0;
  background: transparent;
}

.transcript__block {
  flex-direction: column;
  gap: 24px;
}
.transcript__left {
  width: 100%;
  max-width: none;
}

.transcript__application-left.mob {
  display: block;
}

.transcript__right {
  display: none;
  padding: 0;
  background: transparent;
}

.transcript__right.mob {
  display: block;
  width: 50%;
}
.transcript__step-block {
  flex-direction: column;
}
.transcript__step-left {
    width: 100%;
    max-width: none;
}

.transcript__step-right {
  width: 100%;
}

.transcript__application-item {
  flex-direction: column;
}

.transcript__application-left {
  width: 100%;
}

.transcript__application-right {
  width: 100%;
  order: 2 !important;
}

}

.contacts__item-link {
  line-height: 1.3;
}

@media(max-width: 920px) {
  .variants__item {
    width: 99%;
  }

  .shopsingle__right {
    min-width: 100%;
}
.shopsingle__left {
  width: 100%;
  max-width: 100%;
}
.shopsingle__block {
  gap: 30px;
  flex-direction: column;
}
.shopsingle__count {
  margin-bottom: 30px;
}
.shopsingle {
  padding-bottom: 100px;
}
.cart__item-title.mob {
  display: block;
  margin-bottom: 0;
  max-width: 200px;
}
.cart__item-text {
  display: none;
}
.cart__item-right {
  flex-wrap: wrap;
  flex-grow: 1;
}
.cart__item-img {
  width: 120px;
  height: 116px;
}

.cart__item-left {
  width: 120px;
}
.vstupit__items {
  grid-template-columns: repeat(2, 1fr);
}
.contacts__top {
  margin-top: 30px;
  flex-direction: column;
}
.contacts__map {
  width: 100%;
}
.contacts__items {
  width: 100%;
}
.details__item {
  flex-direction: column;
  gap: 20px;
}
.details__right {
  text-align: left;
}
.details__right a {
  text-align: left;
}
}

@media(max-width: 880px) {
  .ai__btn {
    align-items: flex-start;
    gap: 0px;
    height: auto;
    padding: 15px;
    padding-top: 4px;
    flex-direction: column;
    min-width: 103px;
  }

  .ai__btn-left {
    font-size: 48px;
    line-height: 1.1;
  }

  .ai__btn-right {
    font-size: 14px;
    font-weight: 700;
  }

  .ai__btn-right span {
    font-size: 14px;
    font-weight: 700;
  }

  .photo__title {
    gap: 20px;
  }

  .player__block {
    flex-direction: column;
  }

  .player__video iframe {
    height: auto;
    min-height: 460px;
  }

  .player__right {
    width: 100%;
    min-width: auto;
  }

  .player__right::before {
    width: 0;
  }

  .player__list {
    height: 600px;
  }

  .popup__polit .container__popup {
    padding: 20px;
  }
  .bday__news-info {
    padding: 20px;
  }
  .variants__item {
    width: 100%;
    zoom: 1;
  }
  .bday__news-img {
    height: 200px;
}
.bday__news-name {
  font-size: 24px;
}


.pravlenie__block {
  grid-template-columns: repeat(2, 1fr);
}

}

@media(max-width: 769px) {
  .events__block .swiper-slide {
    width: 100% !important;
  }

  .footer__open.mob {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 15px 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
  }

  .footer__right {
    display: none;
  }

  .footer__left-nav {
    flex-direction: column;
  }

  .footer__nav {
    width: 100%;
  }

  .footer__left {
    width: 100%;
  }

  .footer__lists {
    display: none;
  }

  .footer__wrap .footer__lists {
    display: flex;
    margin-bottom: 25px;
    flex-direction: column;
  }

  .footer__wrap .footer__lists:last-child {
    margin-bottom: 0;
  }

  .footer__link {
    text-decoration: none;
  }

  .footer__link br {
    display: none;
  }

  .footer__wrap {
    padding: 30px 0;
    border-bottom: 1px solid #333333;
  }

  .footer__nav,
  .footer__left-nav {
    gap: 0;
  }

  .footer__info {
    gap: 40px;
  }

  .footer__item span {
    display: none;
  }

  .social {
    margin-top: 50px;
  }

  .footer__copir {
    margin-top: 40px;
  }

  .footer {
    padding: 40px 0;
  }

  .footer__lists.active {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #333333;
  }

  .footer__open.active span {
    transform: rotate(180deg);
  }

  .archive__block {
    grid-template-columns: repeat(1, 1fr);
  }

  .bonuses__block {
    grid-template-columns: repeat(1, 1fr);
  }

  .woman {
    height: 70%;
  }

  .man {
    height: 59%;
  }

  .catalog-items.grid .books__block {
    grid-template-columns: repeat(2, 1fr);
  }

  .category_top-sort,
  .filter__bottom-wrap {
    width: 100%;
  }

  .filter__bottom {
    gap: 15px;
  }

  .filter__bottom-wrap {
    padding-top: 10px;
  }

  .filter__bottom-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .filter__bottom-wrap .btn {
    width: 100%;
  }

  .about__book-block {
    flex-direction: column;
  }

  .about__book-left {
    width: 100%;
    min-width: 300px;
  }

  .memory__item-title {
    padding: 30px;
    font-size: 30px;
  }

  .memory__item img {
    height: 220px;
  }

  .photo__title {
    padding: 0 20px;
  }

  .photo .photo__title h1 {
    padding: 0;
  }

  .photo .photo__title .books__subtitle {
    padding: 0;
  }

  .photo__title {
    align-items: flex-start;
  }

  .photo__galery-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .photo__galery-title br {
    display: none;
  }

  .number {
    font-size: 24px;
  }

  .photo__galery-text {
    flex-direction: row;
    gap: 4px;
    font-size: 14px;
    margin-top: 6px;
  }

  .photo__galery-data {
    height: 35px;
    padding: 3px 10px;
    border-radius: 12px;
    gap: 4px;
  }

  .photo__galery-title {
    order: 2;
    font-size: 20px;
  }

  .photo__item-img {
    height: 230px;
  }

  .photo__item-title {
    font-size: 18px;
  }

  .photo__item-info {
    padding: 20px;
  }

  .photo__item-text {
    display: none;
  }

  .photosearh {
    padding-bottom: 50px;
  }

  .books h1 {
    font-size: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .single__data {
    flex-direction: column;
    padding: 8px 15px;
    min-width: 80px;
    height: auto;
    align-items: flex-start;
    gap: 0;
  }

  .single__data {
    padding: 4px 15px 12px 15px;
  }

  .single__data .number {
    font-size: 36px;
    line-height: normal;
    font-weight: 700;
  }

  .single__data .photo__galery-text {
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    gap: 0;
    align-items: flex-start;
  }

  .single__data .photo__galery-text span {
    font-weight: 400;
  }

  .text,
  .img5 {
    height: 280px;
  }

  .gallery-item.text {
    padding: 30px;
  }

  .text-wrapper {
    height: 210px;
  }
  .mainSwiper .swiper-slide img {
    object-fit: contain;
  }

  .catalog-items.grid .gallery__dop {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .catalog-items.grid .gallery__dop-wrap {
    gap: 15px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+1) img {
    height: 280px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+2) img {
    height: 230px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n) img {
    height: 160px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+1) img {
    height: 175px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+2) img {
    height: 210px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n) img {
    height: 220px;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+1) img {
    height: 190px;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+2) img {
    height: 175px;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n) img {
    height: 270px;
  }

  .catalog-items.grid .gallery__dop-wr {
    width: 100%;
    gap: 15px;
  }

  .catalog-items.grid .gallery__dop-right {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog-items.grid .gallery__dop-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 15px;
    grid-auto-flow: dense;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+1) img {
    height: 200px;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+2) img {
    height: 200px;
  }

  .catalog-items.grid .gallery__dop-right .gallery-item:nth-child(3n+3) img {
    height: 200px;
  }

  .catalog-items.grid .gallery__dop {
    margin-top: 15px;
  }

  .player__video iframe {
    height: auto;
    min-height: 380px;
  }

  .ai__popup__left {
    padding: 20px 20px;
  }

  .events__right-item {
    height: 279px;
  }

  .events__right-qr img {
    width: 123px;
    height: 123px;
  }

  .events__right-qr {
    width: 150px;
    height: 170px;
  }

  .profile {
    padding: 0;
    padding-bottom: 50px;
  }

  .profile__bar {
    padding: 15px 20px;
    background: var(--color-bg-additional);
  }

  .profile__wrap .category_photo .catalog-items.grid {
    padding: 0px;
  }

  .container.books__profile .catalog-items.grid .gallery {
    gap: 15px;
    grid-template-areas:
      "img1 img1 img1 img2 img2 img2"
      "img1 img1 img1 img3 img3 img3"
      "img4 img4 img4 img4 img4 img4"
      "img4 img4 img4 img4 img4 img4";
    grid-template-columns: repeat(4, 1fr);
  }

  .container.books__profile .catalog-items.grid .gallery__dop-wr {
    width: 100%;
  }

  .container.books__profile .catalog-items.grid .gallery__dop-right {
    width: 100%;
  }

  .container.books__profile .catalog-items.grid .gallery__dop-wr {
    gap: 20px;
  }

  .profile__block {
    grid-template-columns: repeat(1, 1fr);
  }

  .profile__wrap .container {
    padding: 0 20px;
  }

  .chat_top,
  .chat_bottom {
    border: none;
    padding: 20px;
  }

  .prof__events .events__item {
    grid-template-columns: repeat(1, 1fr);
  }

  .prof__events .events__right-event {
    padding: 20px;
    padding-top: 0;
  }

  .prof__events .events__right-event picture {
    width: 100%;
  }

  .prof__events .events__right-event img {
    width: 100%;
  }

  .prof__events .events__left {
    padding: 20px;
    padding-bottom: 0;
  }

  .events-single .events__item {
    grid-template-columns: repeat(1, 1fr);
  }

  .events-single .events__right-event picture {
    width: 100%;
  }

  .events-single .events__right-event img {
    width: 100%;
  }

  .variants__item {
    width: 100%;
    zoom: 0.9;
  }

  .news__blocks .events__item {
    display: grid;
}
.event__news .events__left {
  padding: 20px;
}
.event__news .events__right-event {
  padding: 20px;
  padding-top: 0;
}
.news__page .event__news {
  flex-direction: column;
  gap: 0;
}
.news__page .events__right-event img {
  width: 100%;
  height: 188px;
}

.news__page .events__right-event picture {
  width: 100%;
}

.news__page .events__right-event {
  width: 100%;
}

.news__page .event__news-strong .events__right-event img {
  width: 100%;
  height: 347px;
}

.news__page-wrap {
  grid-template-columns: repeat(1, 1fr);
}

.banner__news-btn {
  max-width: 93%;
}

.cart__item-title.mob {
  display: block;
  max-width: 100%;
  width: 100%;
  font-size: 18px;
  order: 1;
  margin-bottom: 10px;
}

.cart__item-right .counter {
  width: 118px;
  height: 40px;
}

.counter__value {
  width: 35px;
  text-align: center;
  border: none;
  font-size: 14px;
}

.cart__item-priceall {
  font-size: 16px;
  order: 2;
  width: 100%;
}

.cart__item-right .counter {
  order: 3;
}
.cart__item-delite {
  order: 4;
}

.cart__item-delite {
  width: 40px;
  justify-content: flex-end;
}

.cart__item-right {
  justify-content: flex-start;
  gap: 10px;
  min-width: auto;
}
.about__block {
  grid-template-columns: repeat(1, 1fr);
}

.about__item-bottom {
  border-bottom: 1px solid #E5E7EB;
} 
.about__item-bottom.about__item-noright {
  border-bottom: 0;
}
.about__task {
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}

.directions__item {
  flex-direction: column;
  gap: 24px;
}
.directions__block {
  gap: 32px;
}
.directions__item:nth-child(2n) .directions__left {
  order: -1;
}
.directions__left {
  width: 100%;
}
.directions__right {
  width: 100%;
}

.reports__left {
  width: 200px;
  min-width: 200px;
  font-size: 60px;
  line-height: 1.2;
  font-weight: 500;
}

.reports__right {
  flex-grow: inherit;
  max-width: none;
  width: calc(100% - 250px);
}

.reports__block .container {
  padding-right: 0;
}

.reports__top {
  padding-right: 20px;
}

.maps svg {
  height: 400px;
}


}

.vstupit__btn.mob {
  display: none;
}
.profile_ph .books__subtitle.mob {
  display: none;
}

@media(max-width: 700px) {
  .category .container {
    padding: 0;
    flex-direction: column;
}
.reports__block {
  padding: 32px 0;
}
.reports__left {
  width: 100%;
  min-width: 200px;
  font-size: 54px;
  padding: 0 16px;
  line-height: 1.2;
  font-weight: 500;
}

.reports__container {
  padding: 0 16px !important;
}
.reports__right {
  flex-grow: inherit;
  max-width: none;
  width: 100%;
  padding-left: 16px;
}

.vstupit .container {
  padding: 0 16px !important;
}
.variants__item {
  width: 100%;
  zoom: 0.85;
}

}

@media(max-width: 670px) {
.bday__news-block .swiper-wrapper{
display: flex;
flex-direction: column;
gap: 30px;
}



.bday__news-block .arrows{
display: none;
}

.bday__news-block  .bday__news-item {
margin-right: 0;
width: 100% !important;
}
.bday__news-img {
  height: 410px;
}
.bday__news-info {
  padding: 20px 24px;
}
.news__page .event__news {
  margin-right: 0;
}

.books .container__newspage {
  padding: 0 16px;
}

}

@media(max-width: 650px) {
  .footer__tel {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .profile_bk .photo__title__wrap.books-profile h1 {
    text-align: left !important;
  }

  .profile_bk .photo__title__wrap.books-profile .books__subtitlephp {
    text-align: left !important;
  }


  .header__about {
    background-image: url(../img/aboutbgmob23.png) !important;
  }
  .header__about .header {
    background: #1515154D;
}

  .main__block {
    min-height: 480px;
    padding: 0 20px;
  }

  .main__title {
    font-size: 40px;
    line-height: 1.4;
  }

  .main__text {
    font-size: 16px;
    line-height: 1.4;
  }

  .header__item {
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    justify-content: center;
  }

  .menu__btn {
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    justify-content: center;
  }

  .header__logo {
    width: 120px;
  }

  h2 {
    font-size: 30px;
  }

  .title__wrap {
    padding-bottom: 10px;
  }

  .news__item {
    padding: 20px 0;
  }

  .news__data {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .news__link {
    font-size: 18px;
  }

  .congratulation__subtitle {
    margin-bottom: 10px;
  }

  .news__right {
    border-radius: 0;
  }

  .congratulation__name {
    font-size: 30px;
  }

  .congratulation__info {
    font-size: 16px;
  }

  .congratulation__img img {
    height: 340px;
  }

  .congratulation__img {
    margin: 15px 0;
  }

  .arrows .swiper-button-next {
    zoom: 0.8;
  }

  .arrows .swiper-button-prev {
    zoom: 0.8;
  }

  .events .container {
    padding-right: 0;
  }

  .events {
    padding: 50px 0;
  }

  .title__wrap {
    padding-right: 20px;
  }

  .events__item {
    margin-right: 20px;
  }

  .events__block .events__item {
    width: 310px !important;
    min-width: 310px;
  }

  .events__item-content {
    height: 410px;
    border-radius: 16px;
    padding: 20px;
    min-width: 100%;
  }

  .events__block.swiper {
    padding-left: 16px !important;
  }

  .events_data {
    height: 60px;
  }

  .events__number {
    font-size: 40px;
  }

  .events__data-info {
    font-size: 16px;
  }

  .events__title {
    font-size: 20px;
    line-height: 1.5;
    height: 84px;
  }

  .events__text {
    margin-top: 20px;
    border-radius: 8px;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.4;
  }

  .events__block {
    margin-top: 20px;
  }

  .events .arrows {
    display: none;
  }

  .events .swiper-wrapper {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .events__block {
    padding-right: 0;
    padding-left: 0px;
  }

  .events__item:first-child {
    padding-left: 20px;
  }

  .archive {
    padding: 40px 0;
  }

  .archive__block {
    margin-top: 20px;
  }

  .archive__item {
    display: flex;
    gap: 20px;
    padding: 52px 20px 34px 20px;
  }

  .archive__title {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  .category__icon {
    height: max-content;
    zoom: 0.85;
  }

  .archive__text {
    font-size: 14px;
    min-height: 64px;
    line-height: 1.55;
  }

  .archive__text-link {
    margin-top: 20px;
    font-size: 14px;
  }

  .archive__arrow {
    zoom: 0.9;
  }

  .products__title {
    font-size: 48px;
    line-height: 1.2;
  }

  .products__btn {
    margin-top: 0px;
    padding: 5px 20px;
    height: 50px;
    font-size: 14px;
  }

  .products__info {
    padding-bottom: 50px;
  }

  .woman {
    left: -109px;
  }

  .man {
    right: -100px;
  }

  .archive__text br {
    display: none;
  }

  .appeal {
    padding: 50px 0;
  }

  .appeal .container {
    padding: 0;
  }

  .appeal__left {
    padding: 0;
    border-radius: 0;
  }

  .appeal__block {
    padding: 40px 20px 15px 20px;
    background: var(--color-bg-additional);
    border-radius: 24px;
  }

  .appeal__text {
    margin-top: 20px;
  }

  .appeal__text p {
    font-size: 16px;
  }

  .appeal__text strong {
    font-size: 18px;
  }

  .community {
    padding: 0;
  }

  .community .container {
    padding: 0;
  }

  .community__block {
    padding: 0;
    gap: 0;
  }

  .community__left {
    padding: 40px 20px;
  }

  .community__title {
    margin-bottom: 20px;
  }

  .pay__year-btndonate {
    margin-top: 45px !important;
  }

  .community__subtitle {
    font-size: 16px;
  }

  .community__right {
    height: 400px;
  }

  .popup__title {
    font-size: 24px;
  }

  .community__right img {
    object-position: 70% 40%;
    transform: scale(1.6);
    border-radius: 16px;
  }

  .community__right-text {
    font-size: 20px;
  }

  .appeal__right-text br {
    display: none;
  }

  .bonuses {
    padding-top: 75px;
    padding-bottom: 50px;
  }

  .bonuses__item {
    flex-direction: row;
    padding: 10px 10px 20px 20px;
    border-radius: 16px;
    justify-content: space-between;
    gap: 10px;
  }

  .bonuses__img {
    height: 100px;
    width: 100px;
    min-width: 100px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    order: 2;
  }

  .bonuses__img img {
    width: 73px;
  }

  .bonuses__block {
    margin-top: 20px;
  }

  .bonuses__info {
    align-items: flex-start;
    padding-top: 10px;
  }

  .bonuses__title {
    font-size: 24px;
    margin-bottom: 0;
  }

  .bonuses__subtitle {
    font-size: 12px;
  }

  .bonuses__text {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: left;
  }

  .bonuses__btn {
    height: 40px;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 15px;
  }

  .category__item {
    flex-direction: column;
  }

  .filter__btn .open {
    display: none;
  }

  .filter__btn.active .hide {
    display: none;
  }

  .bread {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .bread__list {
    font-size: 12px;
  }

  .category h1 {
    font-size: 30px;
    padding: 0 20px;
  }

  .books__subtitle {
    margin-top: 10px;
    font-size: 16px;
    padding: 0 20px;
  }

  .category .container {
    padding: 0;
  }

  .filter {
    padding: 20px;
    border-radius: 0;
  }

  .filter__top {
    gap: 10px;
  }

  .filter__btn {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .search {
    height: 50px;
  }

  .search__icon {
    zoom: 0.8;
  }

  .search__input {
    font-size: 14px;
  }

  .search__input::placeholder {
    font-size: 14px;
  }

  .filter__bottom {
    margin-top: 15px;
  }

  .category__block {
    padding: 30px 20px 0 20px;
    margin: 0;
  }

  .category__item {
    height: 144px;
    padding: 30px 20px 30px 20px;
    gap: 15px;
  }

  .archive__item {
    border-radius: 12px;
  }

  .category__block {
    gap: 10px;
  }

  .category__icon {
    width: max-content;
    zoom: 0.5;
  }

  .archive__title {
    font-size: 18px;
  }

  .books .container {
    padding: 0;
  }


  .bonuses__block {
    gap: 20px;
  }

  .title__wrap {
    padding: 0 20px;
  }

  .books {
    padding-top: 35px;
    padding-bottom: 50px;
  }

  .books .title__wrap h2 {
    font-size: 24px;
  }

  .books .catalog-items {
    background: var(--color-bg-additional);
    margin-top: 20px;
  }

  .books__item {
    padding-bottom: 20px;
  }

  .catalog-items.grid .books__img img {
    border-radius: 8px;
  }

  .catalog-items.grid .books__img {
    margin-bottom: 10px;
  }

  .books__title-wrap {
    font-size: 14px;
    height: 64px;
    margin-bottom: 15px;
  }

  .catalog-items.grid .books__block {
    gap: 0;
  }

  .wrapper:last-child .books__block {
    margin-bottom: 0;
  }

  .books__search h1 {
    padding: 0 20px;
  }

  .books__search {
    padding-top: 0;
  }

  .books h1 {
    font-size: 30px;
  }

  .photo__title-single h1 {
    font-size: 24px !important;
  }

  .books__filter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about__book .container {
    padding: 0;
  }

  .about__book-block {
    gap: 20px;
  }

  .about__book-right {
    padding: 0 20px;
  }

  .about__book-title {
    font-size: 20px;
    line-height: 1.3;
  }

  .about__book-items {
    margin-top: 20px;
    margin-bottom: 40px;
  }


  .book__info-left {
    width: 130px;
  }

  .book__reg-title {
    font-size: 20px;
  }

  .about__book-hide {
    padding-bottom: 50px;
  }

  .about__book-subtitle {
    font-size: 16px;
  }

  .about__book-text {
    height: 213px;
  }

  .about__book-text.active {
    height: auto;
  }

  .about__book-text p {
    font-size: 14px;
  }

  .read__all {
    font-size: 14px;
  }

  .books__single-title {
    font-size: 24px;
    padding: 0 20px;
    margin-bottom: 20px;
  }

  .books__single-more {
    margin-top: 20px;
    width: 90%;
    height: 50px;
  }

  .books__single {
    padding-top: 50px;
  }

  .photo__galery {
    border-radius: 0;
  }

  .photo {
    padding-bottom: 20px;
  }

  .memory {
    padding: 40px 0;
  }

  .memory__title {
    font-size: 24px;
  }

  .photo__galery {
    padding: 40px 0;
  }

  .photo__galery-top {
    padding: 0 20px;
  }

  .rigttop,
  .lefts,
  .rigthbottomright,
  .rigthbottomleft {
    height: 320px;
  }

  .bread .container {
    padding-right: 0;
  }

  .catalog-items.grid .photo__items {
    gap: 20px;
  }

  .category_photo .catalog-items {
    background: transparent;
  }

  .catalog-items.grid .photo__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .photo__item-img {
    height: 202px;
  }

  .photo__img-foto {
    right: 10px;
    bottom: 10px;
  }

  .photo__item-data {
    color: #858898;
    font-size: 14px;
  }

  .photo__item-title {
    margin-bottom: 10px;
  }

  .photo__item {
    margin-bottom: 15px;
  }

  .photosearh {
    padding-bottom: 50px;
  }

  .photosingle .category_photo {
    padding: 0 20px;
  }

  .photosingle .books__filter {
    display: none;
  }

  .catalog-items.grid .gallery {
    grid-template-areas:
      "img1 img1 img1 img2 img2 img2"
      "img1 img1 img1 img3 img3 img3"
      "img4 img4 img4 img4 img4 img4"
      "text text text text text text"
      "img5 img5 img5 img5 img5 img5";
    gap: 15px;
  }

  .catalog-items.grid .img1 img {
    height: 211px;
  }

  .img2 img {
    height: 98px;
  }

  .img3 img {
    height: 98px;
  }

  .catalog-items.grid .img4 img {
    height: 140px;
    object-position: 30% 40%;
  }

  .photo__title__wrap h1 {
    font-size: 24px;
  }

  .text {
    height: 345px;
  }

  .img5 {
    height: 228px;
  }

  .text-wrapper {
    height: 280px;
  }

  .text-wrapper p {
    font-size: 16px;
  }

  .gallery__dop {
    margin-top: 15px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+1) img {
    height: 209px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n+2) img {
    height: 150px;
  }

  .catalog-items.grid .gallery__dop-left .gallery-item:nth-child(3n) img {
    height: 100px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+1) img {
    height: 98px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n+2) img {
    height: 150px;
  }

  .catalog-items.grid .gallery__dop-center .gallery-item:nth-child(3n) img {
    height: 180px;
  }

  .gallery__dop-wrap {
    gap: 15px;
  }

  .single__reg-block .book__reg-title {
    font-size: 24px;
  }

  .video .catalog-items {
    background: transparent;
  }

  .video__wrap {
    padding: 50px 20px;
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .catalog-items.grid .video__block {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  .catalog-items.grid .video__block-scroll {
    display: flex !important;
    gap: 15px;
    overflow: scroll;
    flex-wrap: nowrap;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .catalog-items.grid .books__block-sceleton.video__block-scroll {
    display: none !important;
  }

  .catalog-items.grid .video__block-scroll .video__img img {
    height: 122px;
  }

  .catalog-items.grid .video__block-scroll .video__item {
    width: 220px;
    min-width: 220px;
  }

  .video__item-title {
    font-size: 14px;
  }

  .video__title {
    padding-right: 20px;
  }

  .video__wrap:last-child {
    padding-bottom: 0;
  }

  .video h1 {
    padding: 0 20px;
  }

  .video__title {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .video {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .video .filter {
    padding: 0 20px;
  }

  .video__wrap {
    background-image: none;
    padding-top: 0px;
    padding-bottom: 40px;
  }

  .videosearch .video__wrap {
    padding-right: 20px;
  }

  .videosearch .books__filter {
    padding: 0 20px;
  }

  .video__img img {
    height: auto;
  }

  .videosearch {
    padding-bottom: 50px;
  }

  .videosearch .video__wrap {
    padding-top: 30px;
  }

  .player .container {
    padding: 0;
  }

  .player__name {
    padding: 0 20px;
    margin: 15px 0;
  }

  .player__right {
    padding: 0 20px;
  }

  .player__title {
    font-size: 14px;
  }

  .player__data {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 400;
  }

  .player__video iframe {
    border-radius: 0;
  }

  .player__name .books__like {
    zoom: 0.9;
  }

  .player__info {
    padding: 20px;
    border-radius: 0;
    gap: 15px;
  }

  .player__text p {
    font-size: 14px;
  }

  .player__text {
    -webkit-line-clamp: 7;
  }

  .player__text-all {
    font-size: 14px;
  }

  .player__right-title {
    font-size: 16px;
  }

  .player__block {
    gap: 40px;
  }

  .player {
    padding-bottom: 50px;
  }

  .events .title__wrap,
  .news .title__wrap,
  .archive .title__wrap,
  .bonuses .title__wrap {
    padding-left: 0;
    padding-right: 0;
    gap: 20px;
  }

  .events .title__wrap {
    padding-right: 15px;
  }

  .ai__popup {
    flex-direction: column;
  }

  .ai__popup__left {
    width: 100%;
    order: 2;
  }

  .ai__popup__right {
    width: 100%;
    height: 280px;
  }

  .ai__popup__right img {
    height: 280px;
    object-position: top;
    border-radius: 10px 10px 0 0;
  }

  .ai__popup__left {
    padding: 20px;
    padding-bottom: 53px;
  }

  .ai__popup-title {
    font-size: 24px;
  }

  .ai__popup-text p {
    margin-bottom: 15px;
  }

  .header__wrap {
    background-position: 53% 50%;
  }

  .photo__title__wrap h1 {
    font-size: 30px;
  }

  .login .container {
    padding: 0;
  }

  .login .logins__title {
    padding: 0 20px;
    font-size: 30px;
    margin-bottom: 0px;
  }

  .login__wraper {
    margin-top: 30px;
  }

  .login .login__block-left {
    padding: 0 20px;
  }

  .login__block-right {
    padding: 30px 20px;
    border-radius: 0;
  }

  .login {
    padding-bottom: 50px;
  }

  .login__right-title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .login__list {
    gap: 17px;
  }

  .reg__subtitle {
    padding: 0 20px;
  }

  .zakaz__title {
    padding: 0 20px;
  }

  .login .login__block-kod {
    padding: 30px 20px;
  }

  .login__itog .container {
    padding: 0 20px;
  }

  .additionally__website {
    padding: 0 20px;
    padding-top: 50px;
  }

  .digit {
    width: 66px;
    height: 66px;
  }

  .digit__mail {
    width: 30%;
    height: 46px;
    font-size: 20px;
  }

  .zakaz__subtitle {
    margin-bottom: 20px;
  }

  .zakaz__text {
    font-size: 14px;
  }

  .code-input {
    margin-bottom: 30px;
  }

  .digit__btn {
    margin-top: 35px;
  }

  .code-input {
    gap: 20px;
  }

  .code-inputmail {
    gap: 5px;
  }

  .bid__btn {
    gap: 20px;
    padding: 20px;
    min-height: 100px;
    min-width: auto;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .login__itog {
    padding-bottom: 50px;
  }

  .bid__btn_text {
    font-size: 30px;
    text-align: left;
  }

  .bid__btn_text span {
    font-size: 16px;
    text-align: left;
  }

  .bid__btn-arrov {
    zoom: 0.8;
  }

  .become__subtitle {
    padding: 0 20px;
    font-size: 18px;
  }

  .wraper_polit br {
    display: none;
  }

  .input-error {
    padding-left: 20px;
  }

  .catalog_label span {
    font-size: 14px;
  }

  .tools__calculator {
    padding: 0;
  }

  .info__vznos {
    font-size: 14px;
    height: 94px;
  }

  .catalog_label.label__year span {
    font-size: 16px;
  }

  .info__vznos br {
    display: none;
  }

  .login__block-left.login__block-left__oplata {
    margin-top: 0;
  }

  .login .login__block-left__oplata .logins__title {
    padding: 0;
  }

  .additionally__website-text {
    font-size: 18px;
  }

  .status__date {
    margin-top: 30px;
    min-height: 131px;
    min-width: 100%;
    font-size: 40px;
    padding: 20px;
  }

  .status__date span {
    font-size: 18px;
  }

  .pay__right {
    width: 132px;
    min-width: 132px;
  }

  .pay__item {
    padding: 20px;
    border-radius: 0;
    width: 100%;
  }

  .pay {
    gap: 20px;
  }

  .pay__title {
    font-size: 24px;
  }

  .pay__title br {
    display: none;
  }

  .pay__left {
    flex-grow: 1;
  }

  .pay__link {
    font-size: 16px;
  }

  .pay__year-form {
    border: none;
    padding: 0 20px;
  }

  .year_status-title {
    text-align: center;
  }

  .additionally__website-titleyear {
    font-size: 24px;
  }

  .additionally__website-titlenews {
    font-size: 24px;
  }
  .additionally__website-year {
    border-top: 0;
    padding-top: 0;
  }

  .year_status-block {
    padding: 0 20px;
  }

  .login__yaer-status {
    border: none;
  }

  .pay__year .logins__title {
    text-align: center;
  }

  .pay__year-form__title {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .year_status-subtitle {
    text-align: center;
  }

  .year_status-subtitle {
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 19px;
  }

  .status__donate {
    height: 100px;
    min-height: 100px;
  }

  .year_statusdonate {
    padding-bottom: 0;
  }

  .profile__title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .events__right-text {
    text-align: center;
  }

  .profile__img {
    width: 140px;
    height: 153px;
  }

  .profile__info-name {
    font-size: 18px;
  }

  .profile__info-link,
  .profile__info-bottom {
    font-size: 14px;
  }

  .profile__right-info {
    padding: 20px;
    min-height: 167px;
  }

  .profile__right-text {
    font-size: 24px;
  }

  .profile__right-text span {
    font-size: 14px;
    margin-top: 1px;
  }

  .container__profile {
    margin-bottom: 50px;
  }

  .profile__right-text span br {
    display: none;
  }

  .events.books__profile {
    padding-bottom: 50px;
    padding-top: 0;
  }

  .profile__bar-item {
    gap: 8px;
    padding: 10px;
    padding-right: 32px;
    padding-left: 0;
    border-radius: 12px;
    font-size: 14px;
  }

  .events__item:first-child {
    padding-left: 0;
    padding-left: 0;
  }

  .books__profile .events__left {
    padding: 20px;
    padding-bottom: 0;
  }

  .events__title br {
    display: none;
  }

  .profile__wrap .events__right {
    border-radius: 0 0 24px 24px;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  .books__profile .events__subtitle {
    font-size: 12px;
  }

  .books__profile .events__title {
    font-size: 24px;
  }

  .events__info-text {
    margin-top: 15px;
    height: 59px;
    width: 100%;
    -webkit-line-clamp: 3;
    margin-bottom: 30px;
  }

  .events__wrap-item {
    font-size: 14px;
  }

  .books__profile .events__item {
    margin-right: 0px;
  }

  .books__profile .events__btn {
    flex-grow: 1;
  }

  .books__profile .events__right-item {
    height: 343px;
    justify-content: space-between;
    padding-bottom: 27px;
    padding-top: 30px;
  }

  .video__profile {
    padding: 0;
  }

  .video__profile .title__wrap {
    padding: 0;
    padding-right: 20px;
    margin-bottom: 20px;
  }

  .video__profile .title__wrap h2 {
    font-size: 24px;
  }

  .video__profile .links__all {
    font-size: 16px;
  }

  .video__profile .catalog-items.grid .video__block-scroll .video__img img {
    height: 287px;
  }

  .video__profile .catalog-items.grid .video__block-scroll .video__item {
    width: 320px;
    min-width: 320px;
    margin-right: 15px;
  }

  .pay__year-subtitle {
    padding: 0 20px;
  }

  .books__profile-wrappers .catalog-items.grid .books__block {
    gap: 0;
  }

  .video__profile-video .catalog-items.grid .video__block-scroll .video__img img {
    height: 160px;
  }

  .video__profile-video .catalog-items.grid .video__block-scroll .video__item {
    width: 310px;
    min-width: 310px;
  }

  .books__profile .events__right-qr {
    width: 200px;
    height: 170px;
  }

  .events__right-qr img {
    width: 163px;
    height: 163px;
  }

  .video__profile .container {
    padding-right: 0;
  }

  .event__archive-block {
    grid-template-columns: repeat(1, 1fr);
  }

  .profile__ev {
    gap: 30px;
  }

  .profile__title-event {
    font-size: 30px;
  }

  .event__subtitle-text {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .profile__wrap .events__right-event {
    padding: 20px;
    padding-top: 5px;
  }

  .events__right-event img {
    height: 182px;
    border-radius: 12px;
  }

  .profile__wrap .events__info-text {
    font-size: 14px;
  }

  .events__info-text {
    height: 36px;
    -webkit-line-clamp: 2;
    margin-bottom: 45px;
  }

  .event__block {
    gap: 20px;
  }

  .profile__ev .events.books__profile {
    padding-bottom: 80px;
  }

  .event__archive-info {
    height: 335px;
    padding: 20px;
  }

  .event__archive-block {
    gap: 20px;
    margin-bottom: 20px;
  }

  .profile__ev .profile__info-link,
  .profile__info-bottom {
    font-size: 14px;
  }

  .event__archive-title {
    margin-bottom: 15px;
  }

  .event__archive-img img {
    height: 335px;
  }

  .event__subtitle-text br {
    display: none;
  }

  .container.books__profile .catalog-items.grid .gallery__dop-wr {
    gap: 10px;
  }

  .container.books__profile .catalog-items.grid .gallery__dop-wrap {
    gap: 10px;
  }

  .container.books__profile .catalog-items.grid .gallery {
    gap: 10px;
  }

  .profile_ph .photo__title {
    padding: 0;
  }

  .profile_ph .books__subtitle {
    padding: 0;
  }

  .profile_ph .ai__btn-left {
    font-size: 32px;
    line-height: 1.1;
  }

  .profile_ph .ai__btn {
    align-items: center;
    flex-direction: row;
    min-width: 120px;
    gap: 5px;
    padding: 5px 10px;
  }

  .profile_ph .ai__btn-right {
    font-size: 11px;
  }

  .profile_ph .ai__btn-right span {
    font-size: 16px;
    font-weight: 400;
  }

  .profile_ph .container.books__profile h1 {
    font-size: 30px;
  }

  .profile_ph .books__subtitle.desc {
    display: none;
  }

  .profile_ph .books__subtitle.mob {
    display: block;
    margin-top: 20px;
  }

  .find__photo {
    margin-top: 20px;
    border-radius: 16px;
  }

  .find__photo-left {
    padding: 20px 0;
  }

  .find__photo-title {
    font-size: 18px;
    padding: 0 20px;
  }

  .find__photo-text {
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0 20px;
  }

  .find__photo-img {
    padding: 10px;
    margin-bottom: 10px;
  }

  .find__photo-bottom {
    flex-direction: column;
  }

  .find__photo-btns {
    order: 2;
  }

  .find__photo-img img {
    width: 100%;
    border-radius: 12px;
    height: 248px;
    max-width: 100%;
  }

  .find__photo-img picture {
    width: 100%;
  }

  .find__photo-bottom {
    padding: 0 20px;
  }

  .find__photo-more br {
    display: none;
  }

  .find__photo-more {
    text-align: center;
    width: 100%;
    font-size: 14px;
  }

  .find__photo-btn {
    height: 40px;
    padding: 0;
    justify-content: center;
    width: 100%;

  }

  .find__photo-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

  .find__photo-right {
    border-radius: 0 0 16px 16px;
    width: 100%;
    padding: 20px;
  }

  .find__photo-aititle {
    font-size: 18px;
  }

  .find__photo-info p {
    font-size: 14px;
  }

  .find__photo-download {
    grid-template-columns: repeat(2, 1fr);
  }

  .find__photo-wrap {
    margin-bottom: 40px;
  }

  .profile_ph .filter__photo {
    margin: 20px 0;
  }

  .profile_ph .photo__filter-title {
    font-size: 18px;
  }

  .photo__filter-check {
    margin-top: 0;
  }

  .profile_bk .books__subtitle {
    padding: 0;
    font-size: 14px;
  }

  .profile_bk .books-profile {
    margin-bottom: 0px;
  }

  .profile_bk .books {
    padding-top: 0;
  }

  .books__profile .catalog-items.grid .books__block {
    gap: 0;
  }

  .profile_bk .books .catalog-items {
    padding: 0px;
    background: var(--color-bg-additional);
  }

  .profile_bk .booksvid .catalog-items {
    padding: 0px 20px;
    background: transparent;
  }

  .profile_bk .catalog-items.list .video__item-title {
    font-size: 16px;
  }

  .infoprofile__mail-item {
    padding: 14px 0;
  }

  .infoprofile__mail-vz {
    margin-top: 20px;
  }

  .profile_bk .catalog-items.list .video__block {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  .profile_bk .catalog-items.list .video__item {
    gap: 10px;
  }

  .infoprofile__item {
    padding: 20px;
    padding-bottom: 0;
    padding-top: 30px;
    border: none;
    border-radius: 16px;
  }

  .infoprofile__title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .infoprofile__subtitle {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .infoprofile .form-label {
    margin-bottom: 20px;
  }

  .infoprofile__left,
  .infoprofile__right {
    gap: 20px;
  }

  .infoprofile__mail-right {
    gap: 18px;
  }

  .infoprofile__mail-left {
    font-size: 16px;
  }

  .infoprofile__mail-left {
    font-size: 16px;
    width: 90px;
  }

  .infoprofile__mail-vz .infoprofile__mail-vznos {
    flex-wrap: wrap;
  }

  .infoprofile__mail-vz .infoprofile__mail-vznos {
    order: 3;
    width: 100%;
  }

  .infoprofile__mail-vz .infoprofile__mail-text {
    font-size: 16px;
  }

  .profile__support {
    padding-top: 0;
  }

  #chat-input {
    height: 140px;
    padding: 15px;
  }

  #send-button {
    padding: 0 14px;
    height: 46px;
    border-radius: 12px;
    bottom: 15px;
    right: 15px;
  }

  .chat_time {
    order: 2;
  }

  .chat_message {
    justify-content: space-between;
  }

  .chat_message {
    gap: 10px;
  }

  .prof__events .container {
    padding: 0 20px;
  }

  .prof__events .books__subtitle {
    padding: 0;
  }

  .prof__events {
    padding-top: 0;
  }

  .prof__events .container {
    padding: 0;
  }

  .prof__events .photo__title__wrap {
    padding: 0 20px;
  }

  .prof__events .events__item {
    border-radius: 0;
  }

  .prof__events .event__archive-block {
    padding: 0 20px;
    padding-top: 20px;
  }

  .prof__events .books__single-more {
    width: 48%;
  }

  .calendar__wrap {
    padding: 20px;
  }

  .prof__events .events__info-text {
    height: 40px;
    -webkit-line-clamp: 2;
    width: 100%;
  }

  .esents__single-wrap {
    padding: 0 20px;
    padding-bottom: 20px;
  }

  .events-single {
    padding-top: 0;
  }

  .event__single {
    margin-right: 0;
  }

  .events__single-bilet {
    justify-content: center;
  }

  .events__single-bilet .events__right-qr {
    margin-bottom: 27px;
  }

  .events__single-bilet .events__right-qr img {
    width: 133px;
    height: 133px;
  }

  .bilet__wrap .profile__title {
    text-align: center;
  }

  .events-single {
    padding-bottom: 30px;
  }

  .variants__block {
    padding-top: 30px;
    border-top: 1px solid #E5E7EB;
    padding-bottom: 80px;
  }

  .event__single-info {
    padding-bottom: 0;
  }


  .variants__item {
    width: 100%;
    zoom: 0.7;
  }

  .popup__form .container__popup {
    padding: 30px 20px;
  }

  .popup__form p {
    font-size: 16px;
  }

  .popup__form h3 {
    font-size: 16px;
  }
  .books .container__newspage h1{
    padding: 0 16px;
  }
  .events__item {
    margin-top: 30px;
  }
  .event__news .events__left {
    padding: 24px;
    padding-bottom: 0;
  }
  .event__news .events__subtitle {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .event__news .events__title {
    -webkit-line-clamp: none;
  }
  .event__news .events__info-text {
    font-size: 14px;
    width: 100%;
    height: 59px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.event__news .events__btns {
  margin-top: 0;
}

.bday__news {
  background-image: url(../img/bgbdaymobs2.png);
  background-size: auto;
}
.news__page .news__right {
  margin-top: 20px;
}
.event__news .events__btn {
  width: max-content;
  flex-grow: inherit;
}

.event__news .events__right-event {
  padding: 24px;
  padding-top: 0;
}

.events.news__blocks {
padding-bottom: 0;
}

.news__blocks .events__right-event img {
        height: 298px;
        border-radius: 16px;
}

.newspage__wraps {
  padding-bottom: 0;
}
.bday__news {
  padding: 50px 0;
}
.bday__news-block {
  margin-top: 23px;
}
.photo__title__wrap {
  text-align: center;
}

.bday__news .container {
  padding: 0 16px;
}
.news.news__page .event__news .events__left {
  padding: 16px;
  padding-bottom: 0;
}
.news__page .events__title {
  font-size: 18px;
}
.news__page .event__news .events__info-text {
  margin-top: 20px;
  margin-bottom: 16px;
}
.news.news__page .event__news .events__right-event {
  padding: 16px;
  padding-top: 0;
}
.news__page .news__left {
  gap: 20px;
}
.news__page-wrap {
  gap: 20px;
}
.banner__news-btn {
  max-width: 86%;
  padding: 0px;
}
.news__page {
  padding-bottom: 118px;
}

.newssingle__section h1 {
  padding: 0 16px;
  font-size: 24px;
  -webkit-line-clamp: none;
}

.news__single-data {
  padding: 0 16px;
  font-size: 14px;
}
.newssingle {
  padding-top: 30px;
}

.newssingle__img img {
  border-radius: 0;
}

.newssingle__img {
  height: 202px;
  margin-bottom: 30px;
}

.newssingle__info {
  margin-bottom: 30px;
  padding: 0 16px;
  padding-bottom: 30px;
  font-size: 18px;
}

.newssingle__text {
  padding: 0 16px;
}
.newssingle__text p {
  font-size: 16px;
}
.newssingle__text li {
  font-size: 16px;
}
.privacy__policy-block li {
  font-size: 14px;
}
.category__partners .bonuses__block {
  padding: 0 16px;
  margin-top: 60px;
}
.category__partners .bonuses__item {
  flex-direction: column;
  padding: 30px;
  gap: 20px;
  border-radius: 24px;
}
.category__partners .bonuses__img {
  height: 180px;
  width: 100%;
}
.category__partners  .bonuses__info {
  order: 2;
  align-items: center;
}
.category__partners  .bonuses__text {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  text-align: center;
}

.category__partners .bonuses__btn {
  height: 50px;
  min-width: 168px;
}

.category__partners {
  padding-bottom: 50px;
}
.category__partners .books__subtitle {
  font-size: 14px;
}

.category__partners .bonuses__title {
  text-align: center;
  font-size: 30px;
}
.category__partners .bonuses__img img {
  width: 183px;
}
.category__partners .bonuses__subtitle {
  font-size: 14px;
  text-align: center;
}

.partner .container {
  padding: 0;
}

.partner__top {
  padding: 32px;
  border-radius: 24px 24px 0 0;
  gap: 24px;
  flex-direction: column;
}
.partner__left {
  order: 2;
}

.partner__right {
  order: 1;
}
.partner__right.bonuses__img {
  height: 145px;
  padding: 20px;
  border-radius: 24px;
  margin: 0 auto;
  width: 160px;
}
.partner__right img {
  width: 120px;
}
.partner__left h1 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 63%;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
}
.partner__bottom p {
  font-size: 14px;
}
.partner__subtitle {
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
}
.partner__link {
  font-size: 16px;
  width: 100%;
  text-align: center;
}

.partner__bottom {
  padding: 32px 24px;
}
.partner__banner {
  flex-direction: column;
  gap: 48px;
  border-radius: 0;
  padding: 30px 24px;
}
.partner {
  padding-bottom: 50px;
}

.partner__banner .banner__news-img {
  height: 221px;
  width: 100%;
  min-width: 302px;
}
.partner__banner .banner__news-btn {
  max-width: none;
  padding: 13px;
  width: 87%;
}
.not__found {
  padding-bottom: 50px;
}
.not__found-title {
  font-size: 30px;
}
.not__found-text {
  font-size: 16px;
  width: 90%;
}
.bread .container {
  padding-right: 0;
  padding-left: 16px;
}
.privacy__policy-block h1 {
  margin-bottom: 30px;
  font-size: 30px;
}

.privacy__policy-block p {
  font-size: 14px;
}
.privacy__policy {
  padding-bottom: 30px;
}

.privacy__policy .container {
  padding: 0;
}

.shop__top {
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 20px;
}

.shop__top .catalog-controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
.shop__top .view-toggle {
  width: 100%;
  height: 40px;
  font-size: 14px;
}
.shop h1 {
  font-size: 30px;
}

.shop__top .category_top-sort {
  height: 40px;
  border-radius: 12px;
}
.shop__top {
  gap: 16px;
}
.shop__img {
  height: 170px;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 10px;
  padding-bottom: 0;
}
.shop__img picture {
  height: 100%;
  width: 80%;
  margin: 0 auto;
}
.transcript__application-right .reports__link {
  font-size: 14px;
}
.shop .catalog-items.grid .books__block {
  gap: 20px 24px;
}
.shop .catalog-items.grid .books__block-sceleton{
  gap: 20px 23px !important;
}

.shop .catalog-items.grid .skeleton.books__title {
  height: 60px !important;
}
.shop .catalog-items.grid .skeleton.books__img {
  height: 170px;
}
.shop__category {
  font-size: 12px;
}
.shop__title {
  font-size: 16px;
}
.shop__price {
  margin-top: 10px;
  font-size: 16px;
}
.shop {
  padding-bottom: 50px;
}
.thumbsSwiper .swiper-slide {
  cursor: pointer;
  width: 66px;
  border-radius: 8px;
}
.thumbsSwiper {
  height: 251px;
  width: 66px !important;
  min-width: 66px;
}
.mainSwiper .swiper-slide {
  border-radius: 16px;
  /* margin-right: 0 !important; */
}
.mainSwiper .swiper-slide img {
  object-fit: contain;
}
.thumbsSwiper .swiper-button-next {
  left: 29px;
}
.mainSwiper {
  width: 100%;
  height: 251px;
  margin-bottom: 4px;
}

.shopsingle__right h1 {
  margin-bottom: 30px;
  font-size: 30px;
}

.cart__item-right {
  justify-content: space-between;
}

.shopsingle__price {
  margin-bottom: 16px;
}

.counter {
  width: 163px;
}
.shopsingle__count {
  gap: 16px;
}

.shopsingle__btn {
  min-width: 163px;
}

.cart__item-title.mob {
  display: block;
}

.cart__top {
  border-radius: 16px;
  margin-bottom: 40px;
}
.cart__item {
  padding: 16px;
}
.cart__price {
  padding: 30px 16px;
  font-size: 18px;
}
.cart__item-delite {
  margin-right: 0;
  margin-left: 0;
}
.cart__price span {
  min-width: 74px;
  font-weight: 500;
}

.cart {
  padding-bottom: 80px;
}
.cart__ok .not__found-title {
  font-size: 30px;
  width: 90%;
}
.cart__ok .not__found-text {
  font-size: 16px;
  width: 100%;
}

.cart__ok .not__found-text br{
display: none;
}

.cart__ok {
  padding-bottom: 100px;
}


.btn__homeok {
  margin-top: 0;
}

.header__about .main__block {
  padding-top: 30px;
  padding-bottom: 101px;
}
.header__about .main__title {
  margin-bottom: 30px;
  font-size: 30px;
}

.header__about .main__text {
  font-size: 16px;
}

.header__about .main__text br {
  display: none;
}
.about {
  padding-top: 30px;
}
.about__item {
  padding: 30px;
  min-height: 241px;
}
.about__block {
  border-radius: 0;
  margin-left: 16px;
  margin-right: 16px;
}
.about__item-text {
  font-size: 16px;
}
.about__title {
  font-size: 30px;
  margin-bottom: 30px;
}

.about .container {
  padding: 0;
}

.about__task-item {
  gap: 24px;
  padding: 30px 24px;
}
.about__task-info {
  font-size: 14px;
}
.about__task {
  margin-bottom: 100px;
}
.about .appeal__block {
  padding: 0;
  border-radius: 0;
  gap: 40px;
}
.about .appeal__title {
  margin-bottom: 30px;
  font-size: 24px;
}
.about .appeal__text p {
  font-size: 14px;
  width: 100%;
}
.directions {
  padding-bottom: 50px;
}

.directions__item {
  padding: 24px;
  border-radius: 16px;
}

.directions__left img {
  height: 214px !important;
  object-fit: cover;
  border-radius: 16px;
}

.directions__right ul {
  margin-bottom: 0;
}
.directions__right h3 {
  margin-bottom: 16px;
  font-size: 20px;
}
.directions__right p {
  font-size: 14px;
}

.directions__right li {
  font-size: 14px;
}
.about .appeal__text p:last-child {
  margin-top: 30px;
  font-size: 16px;
}

.about .appeal__left {
  padding: 40px 24px;
  padding-bottom: 0;
}
.about .appeal__right {
  max-height: 512px;
  border-radius: 0;
  border-radius: 0;
}
.about .appeal__right img {
  height: 440px;
  border-radius: 0;
}
.about .appeal__text p:last-child br {
  display: none;
}
.reports__block {
  padding: 32px 0;
}
.reports__left {
  width: 100%;
  min-width: 200px;
  font-size: 54px;
  padding: 0 16px;
  line-height: 1.2;
  font-weight: 500;
}
.reports__right {
  flex-grow: inherit;
  max-width: none;
  width: 100%;
  padding-left: 16px;
}
.reports__container {
  padding: 0 0px !important;
}
.reports__block .container {
  gap: 16px;
}
.reports__link {
  margin-bottom: 20px;
  font-size: 16px;
}

.reports__bottom {
  margin-top: 20px;
  padding-top: 24px;
  padding-right: 0;
}

.reports__item .reports__link {
  font-size: 12px;
  width: 100%;
  height: 32px;
}
.reports .books__subtitle {
  margin-top: 20px;
}
.reports__container {
  margin-bottom: 30px;
}

.reports__block-btns .btn {
  width: max-content;
}

.reports__block-btns {
  padding-top: 10px;
  padding-bottom: 0;
}

.reports {
  padding-bottom: 100px;
}

.vstupit__items {
  grid-template-columns: repeat(1, 1fr);
}

.vstupit__item br {
  display: none;
}


.vstupit__block {
  margin: 0 16px;
  margin-top: 20px;
  padding: 30px 8px;
  border-bottom: none;
}

.vstupit {
  border-bottom: 1px solid #E5E7EB;
}


.vstupit__btn {
  display: none;
}
.vstupit__btn.mob {
  display: flex;
  margin-left: 36px;
}
.price__vstupit-item {
  background-image: url(../img/bgvstupitmobs.png);
}

.vstupit {
  padding-bottom: 30px;
}
.vstupit__title {
  text-align: left;
  margin-bottom: 32px;
  font-size: 24px;
}

.vstupit .books__subtitle {
  padding: 0;
}

.vstupit__item {
  gap: 15px;
  font-size: 16px;
}
.vstupit__items {
  gap: 24px;
  margin-bottom: 0;
}

.vstupit__item br {
  display: block;
}

.prem__vstupit {
  padding-top: 50px;
}

.prem__vstupit .additionally__website-title {
  font-size: 30px;
  text-align: center;
}
.prem__vstupit .additionally__website-item {
  display: flex;
  padding: 25px 15px;
  gap: 24px;
  border-radius: 16px;
}

.prem__vstupit .additionally__website-icon {
  margin-bottom: 0;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.prem__vstupit .additionally__website-icon img {
  height: 60px;
  object-fit: contain;
  width: 60px;
}

.prem__vstupit .additionally__website-text {
  font-size: 16px;
}
.prem__vstupit {
  padding-bottom: 50px;
}
.price__vstupit {
  padding: 50px 0;
}
.price__vstupit h2 {
  font-size: 30px;
  margin-bottom: 30px;
}
.price__vstupit-items {
  gap: 20px;
  margin-bottom: 20px;
}
.price__vstupit-item {
  padding: 24px;
  min-height: 148px;
}
.price__vstupit-top {
  font-size: 18px;
  margin-bottom: 24px;
}
.price__vstupit-text {
  font-size: 14px;
}
.price__vstupit-bottom span {
  text-align: right;
  font-size: 16px;
}
.price__vstupit-bottom span.year__vstypit {
  font-size: 43px;
  width: max-content;
}

.vstupit__info {
  padding: 50px 0;
}

.vstupit__info h2 {
  font-size: 30px;
}

.vstupit__info .newssingle__text {
  padding: 0;
}

.vstupit__info .newssingle__text p {
  font-size: 14px;
}

.banner__news-text br {
  display: none;
}
.contacts__map iframe {
  border-radius: 16px;
}

.contacts__item {
  padding: 32px 24px;
  height: auto;
  min-height: 127px;
}

.contacts__item-name {
  font-size: 16px;
  margin-bottom: 20px;
}

.contacts__item-link {
font-size: 18px;
}

.contacts__item-link br {
  display: none;
}

.contacts__top {
  border-radius: 16px 16px 0 0;
}

.contacts {
  padding-bottom: 60px;
}

.details .container {
  padding: 0;
}

.details__top {
  padding: 24px 16px;
}

.details__title {
  font-size: 24px;
}
.details__bottom {
  padding: 0 16px;
}
.details__btn {
  font-size: 14px;
}
.details__item {
  padding: 24px 0;
  gap: 16px;
  min-height: 106px;
}

.details__tel h2 {
  font-size: 24px;
  padding: 0 16px;
}

.details__tel {
  padding-bottom: 20px;
}

.details__left, .details__right {
  font-size: 16px;
}

.maps svg {
  height: 210px;
}
.maps {
  padding: 30px 16px;
}
.maps__items {
  padding: 0 16px;
}

.world {
  padding-bottom: 100px;
}
.warehouses-city-btn {
  fill: var(--color-accent) !important;
}
.country__item {
  display: block;
}

.maps__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.country__item {
  padding: 24px;
  min-height: auto;
}
.country__item-top span {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.country__item-top {
  gap: 12px;
  font-size: 30px;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.country__item-info, .country__item-contact {
  gap: 16px;
  flex-direction: column;
}

.country__item-info {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.country__item-name br {
  display: none;
}
.country__item-name {
  font-size: 14px;
  width: 100%;
}
.country__item-text {
  font-size: 14px;
  width: 100%;
}

.vstupit h1 {
  padding: 0;
}

.transcript__block {
  margin-top: 30px;
}

.transcript__info {
  margin-bottom: 20px;
  font-size: 16px;
}

.transcript__items {
  gap: 20px;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
}

.transcript__left p {
  margin-bottom: 16px;
  font-size: 14px;
}

.transcript__left .reports__link {
  margin-bottom: 16px;
  font-size: 14px;
  display: none;
}

.transcript__item p {
  font-size: 14px;
  display: block;
  line-height: 1.4;
  margin-bottom: 0;
}

.transcript__block {
  flex-direction: column;
  gap: 5px;
}

.transcript__right img {
  height: 205px;
}

.transcript__right.mob .reports__link {
  margin-bottom: 16px;
  font-size: 14px;
  width: fit-content;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 20%;
}

.vstupittraskrpt {
  padding-bottom: 80px;
}

.transcript__step-title {
  font-size: 16px;
}

.transcript__step-lefts p {
  font-size: 14px;
}

.transcript__step-right h3 {
  font-size: 16px;
}

.transcript__step-right p {
  font-size: 14px;
}

.transcript__application-more {
  padding: 24px 0;
}

.transcript__application-item {
  background: transparent;
  padding: 24px 8px;
  padding-top: 0;
  border-radius: 24px;
  gap: 30px;
}

.transcript__application-right h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.transcript__application-right h3 br {
  display: none;
}

.transcript__application {
  padding: 24px 0;
}

.transcript__application-more {
  padding-bottom: 100px;
}
.transcript__application-right p {
font-size: 14px;
}

.transcript__application-right p  br {
  display: none;
}

.transcript__application-left img {
height: 220px;
border-radius: 16px;
}

.transcript__step-left h2 {
  font-size: 24px;
}

.transcript__right.mob .reports__link::before {
display: none;
}

.transcript__right.mob {
  width: 100%;
}

.transcript__right.mob img {
  margin-bottom: 16px;
  width: 50%;
}

.transcript__item p span {
  color: var(--color-accent);
}


}
.not__found-title {
  text-align: center;
}
.events__right-text {
  text-align: center;
}

.events__more:hover {
  text-decoration: none;
}

@media(max-width: 560px) {
  .variants__item {
    width: 100%;
    zoom: 0.6;
  }

  .pravlenie__block {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.pravlenie__text {
  padding: 20px;
}
.pravlenie__img img {
  height: 443px;
  object-position: top;
}
.pravlenie__name {
  font-size: 18px;
}
.pravlenie__info {
  font-size: 14px;
}

.pravlenie__block {
  padding-bottom: 70px;
}
.pravlenie__title {
  text-align: center;
  font-size: 24px;
}
.sovet {
  padding-bottom: 100px;
}
}

@media(max-width: 570px) {
  .variants__item {
    width: 100%;
    zoom: 0.6;
  }
}

@media(max-width: 520px) {
  .congratulation__img img {
    height: 280px;
  }

  .event__subtitle-text .recover__password {
    font-size: 14px;
  }

  .mobbr {
    display: block;
  }

  .appeal__right img {
    height: 475px;
  }

  .catalog-items.grid .books__img img {
    height: 208px;
  }

  .books__filter .category_top-sort {
    width: 100%;
  }

  .books__filter .category_top-sort .dropdown2 {
    flex-grow: 1;
  }

  .books__filter {
    padding-bottom: 0;
  }

  .reg__subtitle {
    font-size: 14px;
  }

  .books__img img {
    height: auto;
    border-radius: 8px;
    object-fit: cover;
  }

  .about__book-left .books__img {
    margin-bottom: 10px;
  }

  .memory__item img {
    height: 87px;
  }

  .memory__item-title {
    padding: 15px;
    font-size: 18px;
    text-align: center;
    justify-content: center;
  }

  .memory__items {
    gap: 10px;
  }

  .memory__year {
    margin-bottom: 40px;
  }

  .player__video iframe {
    height: auto;
    min-height: 280px;
  }

  .player__right-top {
    margin-bottom: 20px;
  }

  .additionally__website-block {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .catalog_label .polit::after {
    width: 0;
  }

  .catalog_label .polit {
    display: inline;
    text-decoration-line: underline;
    text-underline-offset: 25%;
  }

  .catalog_label .polit2::after {
    width: 0;
  }

  .catalog_label .polit2 {
    display: inline;
    text-decoration-line: underline;
    text-underline-offset: 25%;
  }

  .additionally__website-title {
    font-size: 24px;
  }

  /* .recover__password::after {
  width: 0;
} */
  .additionally__website-text {
    font-size: 18px;
  }

  .event__single .events__left {
    gap: 15px;
  }

  .event__single .events__btns {
    margin-top: 15px;
  }

  .login__wraper-oplok {
    margin-top: 0;
  }

  .event__single .events__btn {
    flex-grow: 1;
  }

  .event__single .events__right-event img {
    height: 203px;
  }

  .infoprofile__form {
    margin-top: 22px;
}

  .gallety__info-loop {
    height: 100%;
  }

  .event__single-left p {
    font-size: 14px;
  }

  .adress__event {
    font-size: 14px;
  }

  .tel__event {
    font-size: 14px;
  }

  .events__more-link {
    font-size: 14px;
    margin-top: 6px;
  }

  .event__single-right iframe {
    height: 200px !important;
  }

  .bilet__wrap {
    border-radius: 0;
  }

  .catalog-items.grid .gallery-item:hover .gallety__info-grid {
    padding: 0;
  }

  .books__subtitlephp {
    font-size: 14px;
  }

  .additionally__website-text br {
    display: none;
  }

  .profile__wrap .events__info-text {
    width: 100%;
  }

  .profile__right-info {
    border-radius: 16px;
  }

  .profile__right-btn {
    height: 44px;
  }
}
.close2 {
  background: #fff;
  padding: 3px;
  border-radius: 50%;
  z-index: 4;
}

@media(max-width: 450px) {
  .congratulation__img img {
    height: 200px;
  }

  .man {
    right: -103px;
    height: 54%;
  }
}

@media(max-width: 440px) {
  .video__img img {
    height: 179px;
  }

  .player__video iframe {
    height: auto;
    min-height: 215px;
  }

  .variants__item {
    background-image: none;
    border: 2px solid #E5E7EB;
    align-items: flex-start;
    padding: 30px;
    flex-direction: column;
    min-height: auto;
    border-radius: 24px;
    position: relative;
  }

  .variants__item::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 54%;
    width: 101%;
    height: 74px;
    background: var(--color-white);
    background-image: url(../img/bgbil1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .variants__item.active {
    background-image: none;
    border: 2px solid var(--color-accent);
  }

  .variants__item.active::before {
    background-image: url(../img/bgbil2.png);
    width: 101.7%;
    height: 74.5px;
    left: -2px;
    top: 54%;
  }

  .variants__item-right {
    width: 100%;
  }

  .variants__item {
    width: 100%;
    zoom: 1;
    justify-content: flex-start;
  }

  .variants__item-info br {
    display: none;
  }

  .variants__item-left {
    flex-grow: inherit;
    min-height: 380px;
  }
}

@media(max-width: 395px) {
  .variants__item-left {
    min-height: 350px;
  }

  .variants__item {
    justify-content: space-between;
    min-height: auto;
  }

  .variants__item-title {
    margin-bottom: 15px;
    font-size: 24px;
  }

  .variants__item-info {
    font-size: 14px;
  }

  .variants__item-right {
    width: 100%;
    min-height: 140px;
  }

  .variants__item-left p {
    font-size: 14px;
  }

  .variants__item-title-mesta {
    font-size: 30px;
    margin-bottom: 0;
  }

  .variants__item.active::before {
    background-image: url(../img/bgbil2.png);
    width: 101%;
    height: 69.5px;
    left: -2px;
    top: 54%;
  }
}

@media(max-width: 375px) {
  .variants__item-left {
    min-height: auto;
  }

  .variants__item-right {
    min-height: auto;
  }

  .variants__item {
    justify-content: space-between;
    min-height: 478px;
    background-size: cover;
    background-position: center;
  }

  .variants__item.active {
    min-height: 517px;
  }

  .variants__item {
    zoom: 0.95;
  }

  .variants__item.active::before {
    background-image: url(../img/bgbil2.png);
    width: 101.3%;
    height: 69px;
    top: 54%;
  }
}

@media(max-width: 370px) {
  .main__block {
    padding: 0;
  }

  .digit {
    zoom: 0.8;
  }

  .digit__mail {
    zoom: 0.8;
  }
}
@media (max-width: 360px) {
.price__vstupit-bottom span.year__vstypit {
  font-size: 33px;
}
}
@media (max-width: 350px) {
  .header__logo {
    width: 110px;
  }

  .variants__item {
    zoom: 0.92;
  }

  .player__list .video__img {
    margin-bottom: 0;
    width: 140px;
    min-width: 140px;
  }

  .player__list .video__item .books__like {
    left: 132px;
  }

  .pay__right {
    width: 102px;
    min-width: 102px;
  }

  .bonuses__text {
    font-size: 14px;
  }

  .books h1 {
    font-size: 25px;
  }

  .bid__btn_text {
    font-size: 24px;
  }

  .bid__btn_text span {
    font-size: 12px;
  }

  .books__profile .events__item {
    zoom: 0.9;
  }

  .variants__item.active::before {
    background-image: url(../img/bgbil2.png);
    width: 102.3%;
    height: 67px;
    top: 55%;
  }
}

@media (max-width: 340px) {
  .variants__item {
    zoom: 0.87;
  }
}