.acct {
border-left: none;
border-right: none;
margin-bottom: 0;
transition: background 0.4s ease-in-out;
}

.acct__f-a-q {
padding: 0 0 2.25rem;
position: relative;
}

.acct__question h3 {
font-size: 0.75rem;
line-height: 1.2;
width: fit-content;
font-weight: 500;
margin: 0;
}

.js-acct {
cursor: pointer;
}


.opened .acct__f-a-q {
margin-bottom: 0.875rem;
}
.acc-section__content {
margin-bottom: 1.25rem;
}
.acct__content p {
margin: 1.125rem 0 ;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.4;
}
.section-stages__images {
position: relative;
overflow: hidden;
padding-bottom: 75.6%;
background: #f8f9fa;           /* опционально — цвет фона на время fade */
}

.section-stages__image {
position: absolute;
inset: 0;

opacity: 0;
transform: scale(1.015);       /* едва заметный масштаб */
transition:
opacity 800ms ease-in-out,
transform 1000ms ease-out;
will-change: opacity, transform;   /* улучшает плавность на слабых устройствах */
}

.section-stages__image.show {
opacity: 1;
transform: scale(1);
}
.acct__question-icon {
font-weight: 700;
position: absolute;
width: 1.5625rem !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
text-align: center;
top: 50%;
right: -1.875rem;
transform: translateY(-50%);
}

.acct__question-icon svg {
width: 1rem;
height: 1rem;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.opened .acct__question-icon svg {
transform: rotateX(180deg);
}

.acct__question p {
position: relative;
display: inline-block;
margin-bottom: 0;
}

.acct__question p:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0.0625rem;
background-color: #000;
transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== Медиа-запросы ===== */

.acc-section__img {
width: 100%;
display: block;
height: auto;
}

.acct__unstyled-btn {
background: none;
border: none;
padding: 0;
color: #000000!important;
}
.acct__unstyled-btn * {
color: #000000!important;
}
 .acct-header {
text-decoration: underline;
}
@media only screen and (min-width: 1200px) {
.acct__key {
font-size: 1rem;
left: 2.5rem;

}
.acct__f-a-q {
padding: 0 0 2.25rem 0;
}
.acct__question h3 {
font-size: 1.125rem;
}
.acc-section__content {
margin-bottom:  auto;
}
.acct__content p {
font-size: 0.875rem;
}
.section-stages__images {

padding-bottom: 37.9%;
}
}
.banner-accent__content .accordion__f-a-q:last-child {
    border:none;
}
.principles-list__item:not(:last-child) {
    margin-bottom: 10px;
}
