/* Start:/local/templates/norlift/components/bitrix/breadcrumb/norlift-breadcrumb/style.css?176526933682*/

.bx-breadcrumb{
	color: var(--text-color-secondary);
	display:flex;
	gap: 12px;
}
/* End */


/* Start:/local/templates/norlift/components/bitrix/news/norlift-projects/style.css?1765269337141*/
.norlift-project-news{
    & .button-1{
        max-width: 160px;

        div:has(&){
            gap: var(--gap);
        }
    }
}
/* End */


/* Start:/local/templates/norlift/components/bitrix/news.detail/norlift-projects-detail/style.css?17655400953308*/
/* div.news-detail
{
	word-wrap: break-word;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));

	& h3{
		margin-block: 12px;
	}
}
div.news-detail img.detail_picture
{	
	height: auto;
	width: 100%;

	border-radius: var(--border-radius-main);
} */


/* сврерху удалить !!!! */
/* Основные стили блока */
.proj-det-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  /* max-width: 400px; */
  margin: 0 auto;
  padding: 20px;
  /* border: 1px solid #e0e0e0; */
  /* border-radius: 8px; */
  background-color: #ffffff;
  /* font-family: Arial, sans-serif; */
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
  &>h1{
	width: 100%;
  }
}

/* Стили для изображения */
.proj-det-image {
  width: 40%;
  margin-bottom: 20px;
}

.proj-det-image img {
  width: 100%;
  /* height: auto; */
  display: block;
  border-radius: 10px;
}

/* Стили для контейнера кнопок */
.proj-det-buttons {
	padding: 30px;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #c9c9c9;
	width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 20px;
  &div {
	display: flex;
  flex-direction: row;
	width: 55%;
  }
}

/* Стили для кнопок */
.proj-det-btn {
	/* width: 50%; */
  flex: 1;
  padding: 12px 16px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 44px; /* Для лучшего касания на мобильных */
}

.proj-det-btn-primary {
  background-color: #1ba029;
  color: white;
}

.proj-det-btn-primary:hover {
  background-color: #178a23;
}

.proj-det-btn-secondary {
  background-color: #f8f9fa;
  color: #333;
  border: 1px solid #ddd;
}

.proj-det-btn-secondary:hover {
  background-color: #178a23;
  color: white;
}

/* Стили для контента */
.proj-det-content {
  margin-bottom: 20px;
}

.proj-det-title {
  /* font-size: 20px; */
  font-weight: 600;
  color: #333;
  margin: 0 0 10px 0;
  padding-bottom: 8px;
  /* border-bottom: 1px solid #eee; */
}

.proj-det-description {
  font-size: 16px;
  line-height: 1.5;
  /* color: #555; */

  &>h2{
	font-size: 28px;
  }
  &>h3{
	font-size: 24px;
  }
}

.proj-det-description p {
  margin: 0 0 10px 0;
}

.proj-det-description p:last-child {
  margin-bottom: 0;
}

/* Стили для ссылки возврата */
.proj-det-footer {
  /* align-items: start; */
  width: 100%;
  /* text-align: center; */
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.proj-det-back-link {
  
  display: inline-block;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  padding: 8px 16px;
  transition: all 0.3s ease;
}

.proj-det-back-link:hover {
  color: #000000;
  text-decoration: underline;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .proj-det-image {
    width: 100%;
  }
  .proj-det-description{
    &>h2 {
      font-size: 24px;
    }
    &>h3{
      font-size: 20px;
    }
  }
  .proj-det-container {
    padding: 15px;
    margin: 10px;
  }
  
  .proj-det-buttons {
    flex-direction: column;
    gap: 8px;
  }
  
  .proj-det-btn {
    width: 100%;
  }
}

/* End */
/* /local/templates/norlift/components/bitrix/breadcrumb/norlift-breadcrumb/style.css?176526933682 */
/* /local/templates/norlift/components/bitrix/news/norlift-projects/style.css?1765269337141 */
/* /local/templates/norlift/components/bitrix/news.detail/norlift-projects-detail/style.css?17655400953308 */