/* Приховані елементи */


.js-show-more-item.hidden,


.js-show-more-text-open.hidden,


.js-show-more-text-close.hidden {


    display: none;


}





/* Кнопка Show more/less */


.js-show-more-btn {


    cursor: pointer;


    display: flex;


    align-items: center;


    gap: 8px;


    margin-top: 32px;


}





/* Тексти кнопки */


.js-show-more-text-open,


.js-show-more-text-close {


    display: block;


}





.dark-section p.js-show-more-text-open,


p.js-show-more-text-open,


p.js-show-more-text-close,


.dark-section p.js-show-more-text-close {


    color: #ed731dcc;


    font-weight: 600;


    font-size: 16px;


    line-height: 24px;


    margin-bottom: 0;


}





/* svg стрілки */


.js-show-more-btn svg {


    display: block;


    width: 16px;


    height: 16px;


    flex-shrink: 0;


    transition: transform 0.3s; /* або 0.4s як тобі подобається */


}





.js-show-more-btn svg path {


    stroke: #ed731dcc;


}





.js-show-more-btn svg.rotated {


    transform: rotate(180deg);


}





/* Для плавного розгортання самого блоку */


.show-text-module {


    transition: all 0.3s ease;


}