/*
  ADMIN MODE
  Стили, исправляющие взаимодействие
  HEADER и эрмитажа.

  Быстрая бета-версия

*/

.admin-here {

  & .header {
    top: auto;
  }

  &:has(.bx-panel-fixed) {

	& .header-wrapper {
	    height: 100px;
  		margin-top: 0;
	}

	& .header-v2 {
		top: 150px;
	}

    & .breadcrumbs-promo {
      position: fixed;
      top: 250px;
    }

    & .breadcrumbs-onpage {
		margin-top: 15px;
    }

  }

  &:has(.bx-panel-fixed.bx-panel-folded) {

	& .header-wrapper {
	    height: 50px;
  		margin-top: 40px;
	}

	& .header-v2 {
		top: 40px;
	}

    & .breadcrumbs-promo {
      position: fixed;
      top: 150px;
    }

    & .breadcrumbs-onpage {
		margin-top: 15px;
    }
  }

  &:has(.header-scroll) {

    & .breadcrumbs-promo {
      visibility: hidden;
    }

  }

}


/*
  МИНЦИФРЫ
  Альтернативный вариант блока «Реквизиты»
  для использования на скрытой странице

*/

.requisites-items {

  &.depdigital {

    & dl {

      display: flex;
      flex-direction: row;

      font-size: 26px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.005em;

      background: #fff;

      border-radius: 5px;
      padding: 33px 65px;
      margin-left: -65px;
      margin-right: -65px;
      margin-bottom: 15px;


      @media (max-width: 1400px) {
        padding: 30px;
        margin-left: 0px;
        margin-right: 0px;
      }

      @media only screen and (max-width: 991px) {
        flex-direction: column;
        padding: 15px;
        font-size: 16px;

      }

      & dt {
        min-width: 35%;
        width: 35%;
        font-size: 1rem;
        color: #4E5965;

        @media only screen and (max-width: 991px) {
          min-width: 100%;
          width: 100%;
          margin-bottom: 15px;
          text-transform: uppercase;
        }

      }

      & dd {
        color: #000;
        margin: 0;
        padding-left: 65px;

        font-size: 1.25rem;

        & p {
          padding: 0;
          margin-bottom: 8px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: #000;

          &:last-of-type {
            margin-bottom: 0;
          }

        }

        @media only screen and (max-width: 991px) {
          padding-left: 0;
        }



      }


    }

  }

}