/* Portfolio list page */

.portfolioPage .breadcrumbsWrap { margin: 0px 0 16px; }

.portfolioHero .portfolio-title { margin:0 0 16px; font-weight:400; font-size:32px; line-height:36px; color:#000; }

/* Consult block */
.consultBlock { display:flex; align-items:center; gap:16px; margin: 28px 0 8px; }
.consultBlock__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url('/local/templates/centino-heat/assets_new/icons/main-page/dialog.svg') center / 100% 100% no-repeat;
}
.consultBlock__text { color:#000; font-size:16px; line-height:22px; }
.consultBlock__btn { height:42px; padding:0 16px; border-radius:8px; border:1px solid #242C6E; background:#fff; color:#242C6E; cursor:pointer; margin-left:32px; width:194px; }

.portfolioGrid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 24px; }
.portfolioCard { position:relative; display:block; color:#fff; text-decoration:none; height:417px; border-radius:8px; overflow:hidden; }
.portfolioCard::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFFFFF1A;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 2;
}
.portfolioCard:hover::after { opacity: 1; }
.portfolioCard__bg { position:absolute; inset:0; background: var(--bg) center/cover no-repeat; z-index: 0; }
.portfolioCard__grad { position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(100% - 117px), rgba(0,0,0,1) 100%); z-index: 1; }
.portfolioCard__title { position:absolute; left:12px; right:12px; bottom:35px; text-align:center; font-size:18px; line-height:26px; font-weight:400; color:#FFFFFF; z-index: 3; }

.portfolioMoreWrap { display:flex; justify-content:center; margin: 32px 0 6px; }
.portfolioMore { height: 42px; width:194px; padding:0; border-radius:8px; border:1px solid #242C6E; background:#fff; color:#242C6E; cursor:pointer; margin-bottom: 100px;}
.portfolioMore[disabled] { opacity: .5; cursor: default; }


.portfolioHero {
  padding:0px 0 24px
}

.consultBlock__link-p {
  display: flex;
  gap: 12px;
}

.portfolioPage {
     margin: 8px;
}

@media (max-width: 768px) {
  .portfolioPage .breadcrumbs {
    gap: 6px;
  }

  .portfolioPage .breadcrumbs a { display: none; }
  .portfolioPage .breadcrumbs a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .portfolioPage .breadcrumbs a:last-of-type::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #242C6E;
    -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
            mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    transform: scaleX(-1);
  }

  .portfolioPage .breadcrumbs .current,
  .portfolioPage .breadcrumbs .sep { display: none; }
}

.consultModal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 1200;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.consultModal.is-open { opacity: 1; pointer-events: auto; }
.consultModal__dialog {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  max-width: 520px;
  width: 100%;
  position: relative;
  box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}
.consultModal__close {
  position: absolute;
  top: 12px; right: 12px;
  width: 32px; height: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  background: #fff url('/local/templates/centino-heat/assets_new/icons/header/1close.svg') center/9px 9px no-repeat;
  cursor: pointer;
}
.consultModal__title { font-size: 21px; line-height: 26px; margin: 0 0 20px; font-weight: 600; }
.consultForm__row { margin-bottom: 12px; }
.consultForm__row label { display: block; margin-bottom: 6px; font-size: 14px; color: #111; }
.consultForm__row input,
.consultForm__row textarea {
  width: 100%; border: 1px solid #D1D5DB; border-radius: 6px;
  min-height: 44px; padding: 10px 12px;
  font-size: 14px; line-height: 20px; color: #111;
}
.consultForm__row textarea { min-height: 90px; resize: vertical; }
.consultForm__checkbox { display: flex; gap: 4px; align-items: flex-start; font-size: 13px; margin: 6px 0 14px; }
.consultForm__checkbox input { margin-top: 3px; }
.consultForm__actions { display: flex; gap: 12px; align-items: center; }
.consultForm .info_error { color: #c00; font-size: 12px; }
body.no-scroll { overflow: hidden; }


@media (max-width: 1200px) { .portfolioGrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px)  { .portfolioGrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px){
  .portfolioHero {
    padding:0px 0 12px
  }
  .consultBlock {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 16px;
    background: #f4f4f4;          /* серый фон */
    border: 1px solid #242C6E;    /* обводка */
    border-radius: 10px;
  }
  .consultBlock__link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
  }
  .consultBlock__btn { display: none; }

  .portfolioMore {
      margin-bottom: 10px;
  }

}
@media (max-width: 560px)  { .portfolioGrid { grid-template-columns: 1fr; } .portfolioCard{ height:320px; } }













/* Portfolio detail page */
.portfolioDetailPage { margin: 8px; }
.portfolioDetailPage .breadcrumbsWrap { margin: 0px 0 16px; }

.portfolioDetail__title,
.portfolioDetailPage .newsDetail__title { font-size:32px; line-height:36px; font-weight:400; color:#000; margin:0 0 16px; max-width:817px; }
.portfolioDetail__meta,
.portfolioDetailPage .newsDetail__meta { color:#727272; font-size:13px; line-height:20px; margin:0 0 18px; }
.portfolioDetail__cover,
.portfolioDetailPage .newsDetail__cover { width:100%; max-height:420px; object-fit:cover; border-radius:6px; display:block; margin:0 0 22px; max-width:817px; }

.portfolioDetail__content,
.portfolioDetailPage .newsDetail__content { color:#000; font-size:16px; line-height:26px; max-width:817px; }
.portfolioDetail__content h2,
.portfolioDetailPage .newsDetail__content h2 { font-size:22px; line-height:28px; margin:24px 0 12px; }
.portfolioDetail__content p,
.portfolioDetailPage .newsDetail__content p { margin:0 0 16px; }

.portfolioDetail__content ul,
.portfolioDetailPage .newsDetail__content ul { margin:0 0 16px; padding:0; list-style:none !important; }
.portfolioDetail__content ul > li,
.portfolioDetailPage .newsDetail__content ul > li { position:relative !important; padding-left:36px !important; margin:0 0 10px; }
.portfolioDetail__content ul > li::before,
.portfolioDetailPage .newsDetail__content ul > li::before {
  content:"";
  position:absolute;
  left:0; top:6px;
  width:16px; height:16px;
  background-color:#548AFF;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  -webkit-mask:url('/local/templates/centino-heat/assets_new/icons/main-page/check.svg') no-repeat center / contain;
          mask:url('/local/templates/centino-heat/assets_new/icons/main-page/check.svg') no-repeat center / contain;
}

.portfolioDetail__content blockquote,
.portfolioDetailPage .newsDetail__content blockquote {
  background:#F5F6FF;
  border:1px solid #E3E6FF;
  border-radius:8px;
  padding:32px;
  margin:18px 0;
  color:#000;
  font-size:16px;
  line-height:22px;
  font-weight:400;
  text-align:center;
}
.portfolioDetail__content blockquote::before,
.portfolioDetail__content blockquote::after,
.portfolioDetailPage .newsDetail__content blockquote::before,
.portfolioDetailPage .newsDetail__content blockquote::after { content:none !important; display:none !important; }

@media (max-width: 560px) {
  .portfolioDetail__title,
  .portfolioDetailPage .newsDetail__title { font-size:26px; line-height:30px; }
}

@media (max-width: 768px) {
  .portfolioDetailPage .breadcrumbs {
    gap: 6px;
  }

  .portfolioDetailPage .breadcrumbs a { display: none; }
  .portfolioDetailPage .breadcrumbs a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .portfolioDetailPage .breadcrumbs a:last-of-type::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #242C6E;
    -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
            mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    transform: scaleX(-1);
  }

  .portfolioDetailPage .breadcrumbs .current,
  .portfolioDetailPage .breadcrumbs .sep { display: none; }
}