/* About page */
.aboutPage { margin: 8px }
.aboutPage .breadcrumbsWrap { margin: 0px 0 0px; }
.about-title { margin:0 0 36px; font-size:32px; line-height:36px; font-weight:400; color:#000; }

.aboutBanner { position:relative; height:280px; border-radius:10px; overflow:hidden; }
.aboutBanner__bg { position:absolute; inset:0; background:url('/local/templates/centino-heat/assets_new/images/about_bg.png') center/cover no-repeat; background-position: center -635px; }
.aboutBanner__overlay { position:absolute; inset:0; background: rgba(0,0,0,0.50); }
.aboutBanner__stats { position:absolute; left:0; right:0; bottom:81px; display:flex; justify-content:center; gap:140px; color:#fff; text-align:center; }
.stat { display:flex; flex-direction:row; align-items:center; gap:12px; text-align:left; }
.stat__num { color:#9DE3FF; font-size:48px; line-height:1; font-weight:700; }
.stat__txt { color:#FFFFFF; font-size:18px; line-height:22px; font-weight:400; opacity:1; max-width: 110px; }

.aboutLead { font-size:16px; line-height:22px; font-weight: 400; color:#000; max-width:817px; margin: 0 0 10px;}

.divGrid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:24px 24px; }
.divCard { position:relative; border:1px solid #E3E6FF; border-radius:10px; padding:28px 18px 28px 53px; min-height:291px; display:flex; flex-direction:column; justify-content:start; }
.divCard::before { content:""; position:absolute; left:0; top:0; bottom:0; width:7px; border-radius:10px 0 0 10px; background:#E3E6FF; }
.divCard--c1::before { background:#548AFF; }
.divCard--c2::before { background:#029477; }
.divCard--c3::before { background:#AEB405; }
.divCard--c4::before { background:#870075; }
.divCard > header { color:#000; font-size:24px; line-height:26px; font-weight:500; margin:0 0 24px; }
.divCard__desc { font-size:14px; line-height:20px; color:#000; margin:0 0 24px; max-width: 530px;}
.divCard__ext { position:absolute; right:16px; top:14px; color:#6A6A6A; text-decoration:none; font-size:14px; line-height:18px; padding-right:25px; border-bottom:1px dashed #D0D0D0; }
.divCard__ext::after { content:""; position:absolute; right:0; top:2px; width:14px; height:14px; background:#5B5B5B; -webkit-mask:url('/local/templates/centino-heat/assets_new/icons/main-page/link.svg') no-repeat center / contain; mask:url('/local/templates/centino-heat/assets_new/icons/main-page/link.svg') no-repeat center / contain; }
.divCard ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.divCard li { position:relative; padding-left:26px; font-size:16px; line-height:22px; }
.divCard li::before { content:""; position:absolute; left:0; top:5px; width:16px; height:16px; display:inline-block; pointer-events:none; z-index:1; background:#548AFF; -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; }

/* Перебиваем глобальные правила body.theme-new ul li {...}!important, чтобы иконка не улетала в угол */
body.theme-new .aboutPage .divCard ul { list-style:none !important; }
body.theme-new .aboutPage .divCard ul > li { position:relative !important; padding-left:28px !important; margin-bottom:8px !important; }

.awardBox { background:#DDF5F8; border-radius:10px; padding:24px 32px; display:flex; gap:62px; align-items:center; justify-content:center; }
.awardBox__icon { width:239px; height:239px; border-radius:50%; background:#ECFAFB url('/local/templates/centino-heat/assets_new/icons/main-page/logo-compass-shadow.svg') center/120px no-repeat; flex-shrink:0; }
.awardBox__content { display:flex; flex-direction:column; gap:14px; max-width:874px; }
.awardBox__over { font-size:14px; line-height:20px; color:#5B5B5B; margin-bottom:6px; }
.awardBox__title { font-size:28px; line-height:31px; font-weight:400; color:#000; }
.awardBox__desc { font-size:16px; line-height:22px; color:#000; max-width:900px; }
.awardBox__link { display:inline-flex; align-items:center; gap:6px; color:#045F93; font-size:16px; line-height:20px; font-weight:500; text-decoration:none; margin-top: 15px }
.awardBox__link::after { content:""; width:16px; height:16px; background:#045F93; -webkit-mask:url('/local/templates/centino-heat/assets_new/icons/main-page/link.svg') no-repeat center/contain; mask:url('/local/templates/centino-heat/assets_new/icons/main-page/link.svg') no-repeat center/contain; }

.partnersGrid { display:grid; grid-template-columns: repeat(9, minmax(0,1fr)); gap:30px; }
.partnerLogo { display:flex; align-items:center; justify-content:center; width:120px; height:120px; border:1px solid #D0D0D0; border-radius:10px; background:#fff; padding:12px; margin:0 auto; transition: border-color 0.2s ease; }
.partnerLogo:hover { border-color: #242C6E59; }
.partnerLogo img { max-width:100%; max-height:100%; object-fit:contain; }
.secHead { display:flex; align-items:center; gap:24px; margin-bottom:18px; }
.secTitle { font-size:24px; line-height:28px; font-weight:400; color:#000; margin:0; }
.secTitle-two { margin-bottom: 18px; }

.secLink { display:inline-flex; align-items:center; gap:4px; font-size:16px; line-height:22px; font-weight:500; color:#242C6E; text-decoration:none; }
.secLink__text { border-bottom:1px dashed rgba(36,44,110,0.4); }
.secLink__icon {
  width:18px;
  height:18px;
  background:#242C6E;
  -webkit-mask:url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') no-repeat center/contain;
  mask:url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') no-repeat center/contain;
  display:inline-block;
  flex-shrink:0;
}

.partnerModal {
  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;
}
.partnerModal.is-open { opacity: 1; pointer-events: auto; }
.partnerModal__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);
}
.partnerModal__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;
}
.partnerModal__title { font-size: 21px; line-height: 26px; margin: 0 0 20px; font-weight: 600; }
.partnerForm__row { margin-bottom: 12px; }
.partnerForm__row label { display: block; margin-bottom: 6px; font-size: 14px; color: #111; }
.partnerForm__row input,
.partnerForm__row select,
.partnerForm__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;
  background: #fff;
}
.partnerForm__row textarea { min-height: 90px; resize: vertical; }
.partnerForm__row input[type="file"] {
  min-height: initial;
  padding: 8px 0;
  border: 0;
}
.partnerForm .file-name {
  font-size: 12px;
  color: #4b5563;
  margin-top: 6px;
}
.partnerForm__checkbox { display: flex; gap: 4px; align-items: flex-start; font-size: 13px; margin: 6px 0 14px; }
.partnerForm__checkbox input { margin-top: 3px; }
.partnerForm__actions { display: flex; gap: 12px; align-items: center; }
.partnerForm .info_error { color: #c00; font-size: 12px; }

.clientsGrid { display:grid; grid-template-columns: repeat(9, minmax(0,1fr)); gap:30px; }
.clientLogo { display:flex; align-items:center; justify-content:center; width:120px; height:120px; border:1px solid #D0D0D0; border-radius:10px; background:#fff; padding:12px; margin:0 auto; transition: border-color 0.2s ease; }
.clientLogo:hover { border-color: #242C6E59; }
.clientLogo img { max-width:100%; max-height:100%; object-fit:contain; }

.aboutHero {
    padding:0px 0 45px
}

.aboutIntro {
    padding: 0px 0 45px
}

.aboutDivisions {
    padding: 8px 0 60px
}

.aboutAward {
    padding: 8px 0 60px
}

.aboutClients {
    padding: 8px 0 100px
}

.aboutPartners {
    padding: 8px 0 60px
}

@media (max-width: 1170px) {
    .aboutBanner__stats {
        gap: 48px;
        padding: 0 24px;
        flex-wrap: wrap;
        justify-content: center;
        bottom: 36px;
    }
}

@media (max-width: 1100px){ .divGrid { grid-template-columns: 1fr; justify-content: center;} .partnersGrid, .clientsGrid { grid-template-columns: repeat(4,1fr); } }

@media (max-width: 935px){ .aboutBanner__bg { background-position: 0 } }

@media (max-width: 720px){
    .aboutPage {
        margin: 8px;
    }
    .aboutBanner {
        height: 455px;
    }
    .aboutBanner__stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 70px;
        bottom: 24px;
        left: 25px;
    }
    .aboutBanner__stats .stat {
        flex-direction: row;
        align-items: center;
        text-align: left;
        gap: 10px;
    }

    .partnersGrid, .clientsGrid {
        grid-template-columns: repeat(3,1fr);
    }
    .aboutHero {
        padding: 0px 0 25px;
    }
    .aboutLead {
        font-size: 18px;
        line-height: 30px;
        padding-top: 18px;
    }
    .divCard {
        padding: 18px 18px 14px 18px;
        min-height: 318px;
    }
    .divCard__desc {
        font-size: 12px;
    }
    .divCard > header {
        font-size: 21px;
    }

    /* порядок в карточке: заголовок -> ссылка -> описание -> список */
    .divCard > header { order: 0; margin: 0 0 6px;}
    .divCard .divCard__ext { order: 1; }
    .divCard .divCard__desc { order: 2; }
    .divCard ul { order: 3; }

    /* ссылка под заголовком в потоке */
    .divCard .divCard__ext {
        position: static;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 0;
        margin: 8px 0 12px 0;
        border: 0;
        align-self: flex-start;
    }
    .divCard .divCard__ext::after {
        position: static;
        width: 14px;
        height: 14px;
        margin-left: 4px;
    }

    .awardBox__icon {
        display: none;
    }

    .awardBox__title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    .awardBox__desc {
        font-size: 14px;
    }

    .awardBox {
        padding: 24px 22px;
    }

    .aboutDivisions {
        padding: 8px 0 30px
    }

    .secHead {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;           /* при необходимости подправь отступ */
    }
    .secLink {
        margin: 0;          /* чтобы не тянуло вправо */
    }

    .aboutAward {
        padding: 8px 0 30px
    }
}

@media (max-width: 560px){ .partnersGrid, .clientsGrid { grid-template-columns: repeat(2,1fr); } }

@media (min-width: 427px) AND (max-width: 560px) {
    .partnerLogo {
        width: 100%;
        height: 140px;
    }
    .clientLogo {
        width: 100%;
        height: 140px;
    }
}

@media (max-width: 426px) {
    .partnersGrid {
        gap: 15px;
    }
    .partnerLogo {
        width: 100%;
        height: 140px;
    }

    .clientsGrid {
        gap: 15px;
    }

    .clientLogo {
        width: 100%;
        height: 140px;
    }
}

@media (max-width: 376px) {
    .partnersGrid {
        gap: 15px;
    }
    .partnerLogo {
        width: 100%;
        height: 120px;
    }

    .clientsGrid {
        gap: 15px;
    }

    .clientLogo {
        width: 100%;
        height: 120px;
    }
}



@media (max-width: 374px) {
    .aboutPage {
        margin: 8px;
    }
    .about-title {
        margin: 0 0 26px;
        font-size: 26px;
    }
} 

@media (max-width: 321px) {
    .partnersGrid {
        gap: 15px;
    }

    .clientsGrid {
        gap: 15px;
    }

    .clientLogo {
        width: 144px;
        height: 120px;
    }
    
    .partnerLogo {
        width: 144px;
        height: 120px;
    }

    .aboutClients {
        padding: 8px 0 50px
    }

    .aboutPartners {
        padding: 8px 0 30px
    }


    /* Хлебные крошки: стрелка слева, затем пункт */
    .aboutPage .breadcrumbs {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .aboutPage .breadcrumbs .sep { display: none !important; }
    .aboutPage .breadcrumbs .sep:first-of-type {
        display: inline-flex !important;
        order: -1;              /* переносим стрелку перед ссылкой */
    }
    .aboutPage .breadcrumbs .sep-icon { transform: scaleX(-1); }
    .aboutPage .breadcrumbs a { display: none; }
    .aboutPage .breadcrumbs a:last-of-type {
        display: inline-flex;
        order: 0;
    }
    .aboutPage .breadcrumbs .current { display: none; }
}

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

    .aboutPage .breadcrumbs a { display: none; }
    .aboutPage .breadcrumbs a:last-of-type {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .aboutPage .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);
    }

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