/* ----- карточка-контейнер ----- */
.accordion-wrapper{
		width:100%;
		padding:75px 10%;
		margin:0 auto;
		background:#F7F7F7;
		}
		
.accordion-wrapper h2{
		font-size:25px;
		font-weight:600;
		color:#0b2a3b;
		display:flex;
		align-items:center;
		margin:0 0 30px 0;
		}
.accordion-wrapper p{
		display:block;
		width:60%;
		margin:0 0 25px 0;
		font-size:16px;
		font-weight:400;
		color:#0b2a3b;
		}
		
/* ----- сам аккордеон (список) ----- */
.accordion{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		}
		
/* ----- каждый элемент ----- */
.accordion-item{
		background:#FFF;
		overflow:hidden;
		margin:0 0 15px 0;
		border-radius:25px;
		padding:15px 25px;
		}
		
/* ----- заголовок (кликабельный) ----- */
.accordion-header{
		display:flex;
		align-items:center;
		justify-content:space-between;
		cursor:pointer;
		user-select:none;
		background:#FFF;
		}	
.accordion-header h3{
		font-size:18px;
		font-weight:600;
		color:#38333A;
		display:flex;
		align-items:center;
		}
		
/* ----- СТРЕЛКА (вместо плюса/минуса) ----- */
.accordion-arrow{
		display:flex;
		align-items:center;
		justify-content:center;
		width:2rem;
		height:2rem;
		color:#CBA984;
		font-size:1.3rem;
		font-weight:400;
		line-height:1;
		flex-shrink:0;
		}
		
/* стрелка вниз по умолчанию (▼) */
.accordion-arrow::before{
		content:'\25BC';
		display:inline-block;
		transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
		}
		
/* когда блок открыт — стрелка вверх (▲) */
.accordion-item.active .accordion-arrow::before{
		content:'\25B2';
		}
		
/* ----- панель с контентом ----- */
.accordion-panel{
		max-height:0;
		opacity:0;
		overflow:hidden;
		transition:max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.35s ease, padding 0.3s ease;
		background:#FFF;
		}
		
.accordion-item.active .accordion-panel{
		max-height:400px;
		opacity:1;
		}
		
.accordion-panel div{
		width:100%;
		height:250px;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		border-radius:25px;
		margin:15px 0 0 0;
		}
		
.accordion-panel p{
		color:#38333A;
		line-height:1.6;
		font-size:0.98rem;
		margin-bottom:0.5rem;
		width:100%;
		}
		
.accordion-panel p:last-child{
		margin-bottom:0;
		}
		
.accordion-panel code{
		background:#eef5fa;
		padding:0.2rem 0.6rem;
		border-radius:30px;
		font-size:0.85rem;
		color:#0a3b4f;
		border:1px solid #CBA984;
		}
		
/* декоративная линия */
.accordion-divider{
		height:1px;
		background:linear-gradient(90deg, transparent, #c3d9e7, transparent);
		margin:0.15rem 0;
		opacity:0.3;
		}
		
/* адаптив */
@media (max-width:768px){
.accordion-wrapper{
		width:100%;
		margin:30px auto 0 auto;
		padding:25px 10% 15px 10%;
		border-radius:0;
		}
.accordion-wrapper p{
		width:100%;
		}
.accordion-title{
		font-size:18px;
		margin-bottom:15px;
		}
.accordion-header{
		padding:0;
		}
.accordion-header h3{
		font-size:18px;
		}
.accordion-panel{
		padding:0;
		}
.accordion-panel p{
		width:100%;
		}
.accordion-panel div {
		background-size:cover !important;
		height:150px;
		}
.accordion-item.active .accordion-panel{
		padding:0;
		}
.accordion-arrow{
		width:1.75rem;
		height:1.75rem;
		font-size:1.1rem;
		}
.accordion-wrapper .left img{
		margin:0 0 30px 0;
		}
}
		
@media (max-width:360px){
.accordion-header h3{
		font-size:0.9rem;
		gap:0.4rem;
		}
}