/* PERSONAL */

.personal-page #abonent-header {
  overflow: visible;
  z-index: 1;
  isolation: isolate;
  padding: 9rem 0 0;
  text-align: center;
  position: relative;
  background: url(../images/fest2026/header_stat_bg_grey.webp) top center no-repeat;
  background-size: cover;
}

.personal-page #abonent-header::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 54rem;
  bottom: -1px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--blue26);
  pointer-events: none;
}

.personal-page #abonent-header h1 {
  text-align: center;
  padding-top: 0;
  color: var(--red26);
  line-height: .9;
  font-size: 9rem;
}

#abonent-header .collections_container .collections_item {
  padding: 0;
}

#abonent-header .lk_collection {
  padding-top: 6rem;
}

.bx-profile .img-file {
  display: block;
  margin-top: 0;
  position: relative;
  padding-bottom: 0;
  cursor: pointer;
}

.lk_person {
  padding-bottom: 6rem;
  padding-top: 40rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  z-index: 0;
  background-color: var(--blue26);
  position: relative;
}

.personal-page .lk_person h1 {
  color: white;
  font-size: var(--sz72);
  text-transform: uppercase;
  line-height: 1.15;
  font-weight: normal;
  padding-top: 0;
}

.personal-page .lk_person .col_title h3 {
  color: white;
  font-size: var(--sz24);
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 1em;
  margin-top: 3rem;
  text-align: center;
}

.lk_form .uk-form-stacked .uk-form-label {
  color: white;
  font-size: var(--sz24);
  margin-bottom: .5em;
  padding-left: 1em;
  font-weight: 300;
}

.lk_form .uk-form-stacked .uk-margin {
  margin-bottom: 0;
}

.lk_form .uk-form-stacked .uk-input,
.lk_form .uk-form-stacked .uk-select,
.lk_form .uk-form-stacked .uk-textarea {
  background: transparent;
  color: white;
  border: 1px solid white;
}

.lk_form .uk-form-stacked .bx-profile input[type="text"],
.lk_form .uk-form-stacked .bx-profile input[type="password"] {
  border: 1px solid white;
  color: white;
  background-color: var(--lblue26);
}

.lk_form .bx-profile .onc-btn-3,
.lk_form .bx-profile .onc-btn-4,
.lk_form .bx-profile .onc-btn-6 {
  color: var(--blue26);
  font: normal normal var(--sz20) var(--geologica);
  background: var(--seagreen26);
  text-transform: uppercase;
  border-radius: 999px;
  padding: 1rem 2rem;
  text-shadow: none !important;
  transition: all .3s ease;

  &:hover {
    color: white;
    background: var(--red26);
  }
}

.lk_form .bx-profile input[type=submit].onc-btn-3 {
  background: var(--pink26);

  &:hover {
    color: var(--blue26);
    background: var(--red26);
  }
}

.lk_form .bx-profile .onc-btn-6 {
  color: var(--blue26);
  background: var(--seagreen26);
  border-color: transparent;
  padding: .75em 2em;
  display: block;
  width: 100%;
  margin-top: 0
}

.lk .lk_form .soc-serv-main>div,
.lk .lk_form .soc-serv-main>div,
.lk .lk_form .soc-serv-main>div.soc-serv-title {
  background: none;
  color: white;
}

.soc-serv-personal .split-item-actions a {
  margin-top: 5px;
}

.lk_person .personal_photo {
  overflow: hidden;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.lk_person .personal_photo img {
  max-width: 250px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0;
  mask-image: url("../images/fest2026/mask26.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 250px;
}

.lk .lk_form .soc-serv-main>div {
  padding: 0.5rem 0;
}

.girl-gif {
  aspect-ratio: 1 / 1;
  width: 400px;
  background: url(../images/fest2026/girl-sit-dog.gif) center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tech_links {
  font-size: 0.9rem;
  display: flex;
  flex-direction: column;
  margin-top: 4.5rem;
}

.tech_links a {
  display: block;
  color: white;
  font-size: var(--sz20);
}

.podskaz {
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 0.9rem;
  color: #ffffff;
}

@media (max-width: 640px) {
  .lk_form .bx-profile>.uk-margin>[uk-grid] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-left: 0;
  }

  .lk_form .bx-profile>.uk-margin>[uk-grid]>.uk-width-1-2 {
    width: 100%;
    padding-left: 0;
  }

  .lk_form .bx-profile>.uk-margin>[uk-grid] input[type="submit"].onc-btn-3,
  .lk_form .bx-profile>.uk-margin>[uk-grid] a.onc-btn-6 {
    display: block;
    width: 100%;
    min-height: 3.25rem;
    margin: 0;
    padding: .75rem 1rem;
    box-sizing: border-box;
  }
}

/* Guest state shown on /personal/ when the visitor is not authorized. */
@media all and (min-width: 769px) {
  #header.zero {
    background: transparent;
  }
}

.personal-auth-placeholder {
  padding: 9rem 1.5rem 5rem;
  text-align: center;
  background: url(../images/fest2026/header_stat_bg_grey.webp) top center no-repeat;
  background-size: cover;
}

.personal-auth-placeholder__content {
  max-width: 70rem;
  margin: 0 auto;
}

.personal-auth-placeholder h1 {
  margin: 0;
  padding: 0;
  color: var(--red26);
  font-size: 9rem;
  line-height: .9;
}

.personal-auth-placeholder__lead {
  max-width: 52rem;
  margin: 2rem auto;
  font-size: var(--sz16);
  line-height: 1.2;
  font-weight: 400;
}

.personal-auth-placeholder .onc-btn-6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  padding: .75em 2em;
  border: 0;
  border-radius: 999px;
  color: var(--blue26);
  background: var(--seagreen26);
  font: normal normal var(--sz20) var(--geologica);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
  transition: color .3s ease, background-color .3s ease;
}

.personal-auth-placeholder .onc-btn-6:hover {
  color: white;
  background: var(--red26);
}

/* The authenticated subscription action is rendered as a span. */
.personal-page .collections_empty_text .btn-buy-subscription {
  display: block;
  margin: 0 auto 2rem;
  padding: .7em 3em;
  border: 0;
  border-radius: 999px;
  background: var(--red26);
  color: white !important;
  font-family: var(--geologica);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

.personal-page .collections_empty_text .btn-buy-subscription:hover {
  transform: none;
  background: var(--seagreen26);
  color: white !important;
}

.personal-page .collections_empty_text .disclaimer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  max-width: 56.25rem;
  margin: 2rem auto 0;
  padding: 1.5rem;
  box-sizing: border-box;
  border-radius: 1.5rem;
  background: white;
}

.personal-page .collections_empty_text .disclaimer.inverse {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: white;
}

.personal-page .collections_empty_text .disclaimer p {
  margin: 0;
  color: var(--red26);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
}

.personal-page .collections_empty_text .disclaimer.inverse p {
  color: white;
  font-size: .85rem;
}

.personal-page .collections_empty_text .disclaimer:not(.inverse) p {
  font-size: .9rem;
}

.personal-page .collections_empty_text .disclaimer a {
  color: inherit;
  text-decoration: underline;
}

.personal-page .collections_empty_text .disclaimer .icon img {
  display: block;
  width: 3.125rem;
  aspect-ratio: 1 / 1;
}

/* Purchased subscribers do not have the poster/disclaimer block above the profile. */
.personal-page #abonent-header:has(.owner)~.lk_person {
  padding-top: 26rem;
}

/* NOT AUTORIZED */

&.info_page_header {
  background: var(--lblue25) url(images/fest2025/static-bg.png) center no-repeat;
  background-size: cover;
}

@media all and (max-width: 768px) {

  .personal-auth-placeholder {
    padding: 6rem 1.5rem 3rem;
  }

  .personal-auth-placeholder h1 {
    font-size: 13vw;
  }

  .personal-auth-placeholder__lead {
    margin: 1.5rem auto;
  }

  .personal-auth-placeholder .onc-btn-6 {
    margin-top: .5rem;
    font-size: var(--sz16);
  }

  /* ЛИЧНЫЙ КАБИНЕТ */

  .personal-page #abonent-header {
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 4.5rem;
    padding-bottom: 1px;
  }

  .personal-page #abonent-header::after {
    top: calc(4.5rem + 55vw);
  }

  .personal-page #abonent-header:has(.owner)~.lk_person {
    padding-top: 3rem;
  }

  #abonent-header .lk_collection {
    padding-top: 0;
  }

  #abonent-header .intro_owl {
    height: 140px;
    top: -2rem;
    right: -.5rem;
  }

  .personal-page #abonent-header h1 {
    font-size: 13vw;
  }

  .personal-page .collections_empty_text {
    margin-top: 2rem;
  }

  .personal-page .collections_empty_text .disclaimer.inverse p,
  .personal-page .collections_empty_text .disclaimer:not(.inverse) p {
    font-size: var(--sz12);
  }

  #abonent-header .collections_container .collections_item {
    padding: 1.5rem 0 0;
  }

  .lk_person {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }

  .lk_person .personal_photo {
    margin-bottom: 1.5rem;
  }

  .bx-profile .right-block {
    margin-top: 0;
  }

  .lk_person .col_title h2 {
    font-size: 1.2rem;
    margin-bottom: 1em;
  }

  .lk .lk_form .soc-serv-main>div {
    padding: 0.5rem 0;
  }

  .lk_form .bx-profile .onc-btn-3,
  .lk_form .bx-profile .onc-btn-4,
  .lk_form .bx-profile .onc-btn-6 {
    font-size: 1.2rem;
  }

  .lk_person .tech_links {
    padding: 1.5rem 0;
    margin-top: 0;
    justify-content: space-between;

    a {
      margin: 0;
      color: white;
    }
  }

  .lk_person .personal_photo img {
    max-width: 9999px;
    width: 200px;
    aspect-ratio: 1 / 1;
    border-radius: 0;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 180px;
  }

  .girl-gif {
    display: none;
  }

  .personal-page .lk_person .col_title h3 {
    margin-top: 0;
  }

  /* .personal-page .lk_person h1 {
    font-size: 16vw;
    line-height: .9;
  } */

  .lk .lk_form .soc-serv-main>div {
    padding: 0.5rem 0;
  }

  .lk_form .bx-profile .onc-btn-3,
  .lk_form .bx-profile .onc-btn-4,
  .lk_form .bx-profile .onc-btn-6 {
    font-size: 1.1rem;
  }
}