.plan {
  width: 100%;
  max-width: 83.75rem;
  margin: 0 auto;
  position: relative;
  height: calc(100vh - 8rem);
  max-height: 100vh;
  /* min-height: 41rem; */
  max-height: fit-content;
}

.plan.fullscreen-fallback {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  z-index: 9999;
  background: #000;
}

.plan_bg img {
  width: 83.75rem;
  height: 47.125rem;
  -o-object-fit: cover;
  width: auto;
  object-fit: contain;
  height: auto;
  width: fit-content;
  min-width: 100%;
  height: auto;
  width: 100%;
}

.plan_bg {
  min-width: max-content;
  position: relative;
  height: fit-content;
  /* height: 100%; */
}

.plan_bg_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  /* height: 100%; */
}

.plan_bg_1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}

.plan_bg_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  min-height: fit-content;
}

.plan_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.plan_top {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  display: flex;
  gap: 0.75rem;
  /* align-items: center; */
}

.plan_full,
.plan_zoom_in,
.plan_zoom_out {
  width: 3.25rem;
  height: 3.25rem;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan_full:hover,
.plan_zoom_in:hover,
.plan_zoom_out:hover {
  background: #4C8157;
}

.plan_left_bt {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 1.25rem 0 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(1.5625rem);
  backdrop-filter: blur(1.5625rem);
  padding: 0.875rem 1.5625rem;
}

.plan_left_bt img {
  width: 5rem;
  height: 6rem;
}

.plan_right_bt {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  display: flex;
  gap: 0.625rem;
}

.plan_zoom_out,
.plan_zoom_in {
  font-size: 0;
}

.plan_zoom_out:after,
.plan_zoom_in:after {
  width: 1.5rem;
  height: 1px;
  background: #4C8157;
  content: "";
  display: block;
}

.plan_zoom_in {
  position: relative;
}

.plan_zoom_in:before {
  width: 1px;
  height: 1.5rem;
  background: #4C8157;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.plan_bg_text,
.plan_list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 83.75rem;
  height: 47.125rem;
  width: 100%;
  height: 100%;
}

.plan_bg_text svg,
.plan_list svg {
  /* width: auto; */
  height: 100%;
  /* width: 100%; */
  height: auto;
  min-width: 100%;
  margin: 0 0;
}

.plan_list {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.plan_left_top {
  border-radius: 0 0 1.25rem 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(1.5625rem);
  backdrop-filter: blur(1.5625rem);
  padding: 1.5625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  top: 0;
  left: 0;
}

.plan_left_top img {
  width: 1.875rem;
  height: 1.875rem;
}

.plan_left_top p {
  color: #fff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.plan_icon {
  position: absolute;
  z-index: 5;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan_icon img {
  width: 0.8125rem;
  height: 0.8125rem;
  position: relative;
  z-index: 4;
}

.plan_icon:after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_5003_4208' fill='white'%3E%3Cpath d='M12.5 0C19.4036 0 25 5.59644 25 12.5C25 18.6484 20.5608 23.7589 14.7129 24.8037L12.5 28L10.2861 24.8037C4.43865 23.7586 0 18.648 0 12.5C0 5.59644 5.59644 0 12.5 0Z'/%3E%3C/mask%3E%3Cpath d='M12.5 0C19.4036 0 25 5.59644 25 12.5C25 18.6484 20.5608 23.7589 14.7129 24.8037L12.5 28L10.2861 24.8037C4.43865 23.7586 0 18.648 0 12.5C0 5.59644 5.59644 0 12.5 0Z' fill='white'/%3E%3Cpath d='M14.7129 24.8037L14.625 24.3115L14.4202 24.3481L14.3018 24.5191L14.7129 24.8037ZM12.5 28L12.089 28.2847L12.5001 28.8783L12.9111 28.2846L12.5 28ZM10.2861 24.8037L10.6972 24.519L10.5788 24.3481L10.3741 24.3115L10.2861 24.8037ZM12.5 0V0.5C19.1274 0.5 24.5 5.87258 24.5 12.5H25H25.5C25.5 5.3203 19.6797 -0.5 12.5 -0.5V0ZM25 12.5H24.5C24.5 18.4018 20.2387 23.3086 14.625 24.3115L14.7129 24.8037L14.8008 25.2959C20.883 24.2093 25.5 18.8949 25.5 12.5H25ZM14.7129 24.8037L14.3018 24.5191L12.0889 27.7154L12.5 28L12.9111 28.2846L15.124 25.0883L14.7129 24.8037ZM12.5 28L12.911 27.7153L10.6972 24.519L10.2861 24.8037L9.8751 25.0884L12.089 28.2847L12.5 28ZM10.2861 24.8037L10.3741 24.3115C4.76081 23.3082 0.5 18.4015 0.5 12.5H0H-0.5C-0.5 18.8945 4.1165 24.2089 10.1982 25.2959L10.2861 24.8037ZM0 12.5H0.5C0.5 5.87258 5.87258 0.5 12.5 0.5V0V-0.5C5.3203 -0.5 -0.5 5.3203 -0.5 12.5H0Z' fill='%234C8157' mask='url(%23path-1-inside-1_5003_4208)'/%3E%3C/svg%3E%0A");
  content: "";
  width: 1.5625rem;
  height: 1.75rem;
  background-position: bottom center;
  position: absolute;
  top: 0;
  background-size: cover;
}

.plan_box {
  /* width: 83.75rem; */
  /* min-height: 47.125rem; */
  width: 100%;
  height: 100%;
  min-width: max-content;
  height: fit-content;
}

.info_box_bt {
  position: absolute;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border-radius: 6.25rem;
  z-index: 5;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: 0.3s;
  opacity: 0;
}

.info_finish p {
  color: #874518;
}

.status_finish {
  cursor: default;
}

.info_true {
  cursor: pointer;
}

.info_true p {
  color: #4C8157;
}

.plan_box2_fix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* display: none; */
  /* min-height: 47.125rem; */
  transition: 0.3s;
}

.plan_bg_4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.plan_full img {
  width: 1rem;
  height: 1rem;
}

.plan_bg_5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.plan_bg_5 img {
  /* width: 83.75rem; */
  /* height: 47.125rem; */
}

.plan_left_top2 {
  padding: 1.5625rem;
  border-radius: 0 0 1.25rem 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(1.5625rem);
  backdrop-filter: blur(1.5625rem);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: normal;
  display: none;
  z-index: 21;
}

.plan_left_top2 p {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0 0 0.375rem;
}

.plan_left_top2 p:last-child {
  margin: 0;
}

.plan_left_top2 p:before {
  border-radius: 62.5rem;
  border: 1px solid var(--white, #FFF);
  background: var(--green, #4C8157);
  width: 0.625rem;
  height: 0.625rem;
  content: "";
  display: block;
}

p.text_orange:before {
  background: #E79556 !important;
}

p.text_red:before {
  background: #874518 !important;
}

.plan_home_dots {
  border-radius: 62.5rem;
  border: 1px solid var(--white, #FFF);
  background: rgba(76, 129, 87, 0.7);
  padding: 0.25rem 0.3125rem;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}

.plan_home {
  position: absolute;
  z-index: 20;
}

.plan_home_dots.red {
  background: rgba(135, 69, 24, 0.7);
}

.plan_home_dots.orange {
  background: rgba(231, 149, 86, 0.7);
}

.plan_home_dots {
  transition: 0.3s;
  cursor: pointer;
}

.plan_home_dots:hover {
  background: #fff;
  border-color: #fff;
}

.plan_home_dots.red:hover {
  color: #874518;
}

.plan_home_dots.red:after {
  color: #874518;
}

.plan_home_dots.orange:hover {
  color: #E79556;
}

.plan_home_dots.green:hover {
  color: #4C8157;
}

.plan_home_dots:not(.green):after {
  content: attr(data-text);
  padding: 0.5rem 0.8125rem;
  background: #fff;
  border-radius: 6.25rem;
  position: absolute;
  /* left: auto; */
  /* right: auto; */
  /* margin: auto; */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  bottom: 100%;
  margin-bottom: 0.3125rem;
  transform: translate(-50%, 0px);
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
  margin-left: -0.4rem;
}

.plan_home_dots:hover:after {
  opacity: 1 !important;
}

.plan_home:hover {
  z-index: 110;
}

.plan_home_more {
  position: absolute;
  bottom: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0.3125rem 0;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.plan_home_more_box {
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
  min-width: 12rem;
}

.plan_home_more_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.plan_home_more_img img {
  width: 100%;
  height: 7.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.plan_home_more_text {
  padding: 0.7375rem;
}

.plan_home_more_t1 {
  color: #1D1D1B;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  text-transform: uppercase;
  margin: 0 0 0.3125rem;
}

.plan_home_more_t2 {
  color: #1D1D1B;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
}

.plan_home_more_t3 {
  color: #4C8157;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 16.8px */
  margin: 0.6375rem 0;
}

.plan_bt {
  height: 2.3125rem;
  width: 100%;
  border-radius: 6.25rem;
  background: #4C8157;
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan_bt:hover {
  filter: brightness(0.9);
}

.plan_home:hover {
  z-index: 40;
}

.plan_home:hover .plan_home_more {
  opacity: 1;
  pointer-events: all;
}

.plan_home.no-hover:hover .plan_home_more {
  opacity: 0;
  pointer-events: none;
}

.info_home {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.5625rem;
  z-index: 100;
  cursor: default;
  margin: auto;
  display: flex;
  height: fit-content;
}

.info_home_main {
  width: 16.875rem;
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.info_home_slide_1 {
  padding: 0.625rem 0;
}

.info_home_close {
  position: absolute;
  left: 100%;
  top: 0;
  width: 3.25rem;
  height: 3.25rem;
  background: #fff;
  margin-left: 0.625rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}

.info_home_slide_1 img {
  width: 100%;
  height: 8.75rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.info_home_img {
  border-bottom: 1px solid rgba(29, 29, 27, 0.05);
  position: relative;
  height: 10rem;
}

.info_home_img .splide__pagination__page {
  border-radius: 62.5rem;
  border: 1px solid var(--light-green, #B8C9A1);
  background: var(--white, #FFF);
  width: 0.625rem;
  height: 0.625rem;
  cursor: pointer;
}

.info_home_img .splide__pagination__page.is-active {
  background: #4C8157;
}

.info_home_img .splide__pagination {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 1.5625rem;
  bottom: 1.25rem;
}

.info_home_top {
  margin: 0 0 1.25rem;
}

.plan_section {
  position: relative;
  max-width: 83.75rem;
  margin: 0 auto 3rem;
}

.info_home_close span {
  width: 1.5rem;
  height: 1px;
  background: #4C8157;
  transform: rotate(45deg);
}

.info_home_close span:after {
  content: "";
  width: 1.5rem;
  height: 1px;
  background: #4C8157;
  transform: rotate(90deg);
  display: block;
}

.info_home_close:hover {
  transform: scale(1.05);
}

.info_home_slide_2 {
  position: absolute;
  top: 0;
  width: 100%;
}

.info_home_slide_2 img {
  width: 100%;
  height: 10rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.info_home_img_bt {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  position: absolute;
  bottom: 1.25rem;
  right: 1.5625rem;
  height: auto;
}

.info_home_img_bt button {
  width: 1.9375rem;
  height: 1.9375rem;
  border-radius: 50%;
  border-radius: 6.25rem;
  border: 1px solid #B8C9A1;
  background: var(--white, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: 0.3s;
}

.info_home_img_bt button svg {
  width: 100%;
  height: 100%;
}

.info_home_img_bt button:hover {
  /* background: #4c8157b8; */
  border-color: #4C8157;
}

.info_home_img_bt button:hover svg * {
  /* fill: #fff; */
}

.info_home_img_bt button svg * {
  transition: 0.3s;
}

.info_home_img_bt button.active {
  background: #4C8157;
  border-color: #4C8157;
}

.info_home_img_bt button.active svg * {
  fill: #fff;
}

.info_home_text {
  padding: 0 1.5625rem 1.5625rem;
  margin-top: 1.25rem;
}

.info_home_t1 {
  color: #1D1D1B;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 24px */
  text-transform: uppercase;
  margin: 0 0 0.375rem;
}

.info_home_t2 {
  color: #1D1D1B;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  margin: 0 0 0.625rem;
}

.info_home_t3 {
  color: rgba(29, 29, 27, 0.4);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  padding: 0;
}

.info_home_t4 {
  color: #4C8157;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24px */
  padding: 0.625rem 0 0.9375rem;
  position: relative;
  margin: 0.625rem 0;
}

.plan_bt.bt_bron {
  margin: 0 0 0.375rem;
}

.plan_bt.plan_bt_brd {
  border: 1px solid #4C8157;
  color: #4C8157;
  background: none;
  transition: 0.3s;
}

.plan_bt.plan_bt_brd:hover {
  text-decoration: underline;
}
.info_home_t4 .plan_price_hot {
  color: #c62828;
  font-weight: 700;
}

.info_home_t4 .plan_price_old_struck {
  margin-left: 0.625rem;
  color: #4C8157;
  text-decoration: line-through;
  text-decoration-color: #c62828;
  text-decoration-thickness: 2px;
  font-weight: 400;
}.plan_home_more_t3 .plan_price_hot {
  color: #c62828;
  font-weight: 700;
}

.plan_home_more_t3 .plan_price_old_struck {
  margin-left: 0.5rem;
  color: #4C8157;
  text-decoration: line-through;
  text-decoration-color: #c62828;
  text-decoration-thickness: 2px;
  font-weight: 400;
}.info_home_t4 .plan_price_hot {
  color: #c62828;
  font-weight: 700;
}

.info_home_t4 .plan_price_old_struck {
  margin-left: 0.625rem;
  color: #4C8157;
  text-decoration: line-through;
  text-decoration-color: #c62828;
  text-decoration-thickness: 2px;
  font-weight: 400;
}/* Акционная цена — «горячая», красная */
.plan_home_more_t3 .plan_price_hot {
  color: #c62828;
  font-weight: 700;
}

/* Полная (старая) цена — зелёная, зачёркнута красной линией */
.plan_home_more_t3 .plan_price_old_struck {
  margin-left: 0.5rem;
  color: #4C8157;
  text-decoration: line-through;
  text-decoration-color: #c62828;
  text-decoration-thickness: 2px;
  font-weight: 400;
}
.info_home_t4:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='220' height='1' viewBox='0 0 220 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.1' x1='220' y1='0.5' y2='0.5' stroke='%231D1D1B' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A");
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  background-size: cover;
}

.plan_home.bottom .plan_home_more {
  bottom: auto;
  top: 100%;
}

.plan_box2 {
  /* min-width: 83.75rem; */
  height: 100%;
  min-height: 47.125rem;
  min-width: fit-content;
}

.plan_back {
  background: #fff;
  height: 100%;
  height: auto;
  padding: 0 2rem;
  border-radius: 6.25rem;
  color: #4C8157;
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: 0.3s;
}

.plan_back:hover {
  background: #4C8157;
  color: #fff;
}

.plan_full:hover img {
  filter: brightness(7.5);
}

.plan_zoom_out:hover:after,
.plan_zoom_in:hover:after,
.plan_zoom_in:hover:before {
  background: #fff;
} 
section.plan_section {
    z-index: 2;
}
.plan_box2_fix.hiddens {
    opacity: 0;
    pointer-events: none;
}

.plan_home_more.bottom {
  top: 100%;
  bottom: auto;
}
@media (max-width: 640px) {
  .plan_left_top2 {
    padding: 1rem;
    font-size: 0.55rem;
}

  .info_box_bt {
    opacity: 1 !important;
  }

  .plan_top {
    top: 1rem;
    right: 1rem;
  }

  .plan_left_top {
    padding: 1rem;
  }

  .plan_left_top p {
    font-size: 0.65rem;
  }

  .plan_left_top img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .plan_full,
  .plan_zoom_in,
  .plan_zoom_out {
    width: 2.6rem;
    height: 2.6rem;
  }

  .plan_zoom_out:after,
  .plan_zoom_in:after {
    width: 42%;
  }

  .plan_zoom_in:before {
    height: 42%;
  }

  .plan_right_bt {
    right: 1rem;
    bottom: 2rem;
  }

  .plan_left_bt img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 4rem;
    height: 4rem;
  }

  .plan_left_bt {
    padding: 1rem 1rem;
  }

  .plan_bg_text,
  .plan_list {
    width: 83.75rem;
  }

  .plan_box {
    width: 83.75rem;
  }

  button.plan_full {
    display: none;
  }.plan {
    height: calc(100vh - 7rem);
    height: 36rem;
}.plan_box2 {
    width: 83.75rem;
    /* min-height: auto; */
}

.plan_box2_fix .plan_bg {
    width: 83.75rem;
}.plan_back {
    height: 2.5rem;
}
}