/* ── Dropdown Slider block ── */

.dropslider-block {
	padding: 80px 0;
}

.dropslider-block__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--space-m);
	max-width: 680px;
	margin-inline: auto;
	margin-bottom: 72px;
}

/* ── Body: image + items ── */

.dropslider__body {
	display: grid;
	grid-template-columns: clamp(280px, 48%, 622px) 1fr;
	gap: 44px;
	align-items: start;
}
.dropslider__image{
	border-radius: 22px;
	border: 1px solid var(--gray-100, #E0DEDB);
	padding: 16px;
	background-image: radial-gradient(
		circle,
		rgba(25, 25, 25, 0.10) 0.75px,
		transparent 0.75px
	);
	background-size: 6px 5px;
	max-height:  644px;;
}
.dropslider__image img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	object-fit: cover;
	display: block;
	transition: opacity 0.4s ease;
}

/* ── Item list ── */
.dropslider__item-content .btn{
	max-width: max-content;
}
.dropslider__items {
	display: flex;
	flex-direction: column;
}

.dropslider__item {
	border-bottom: 1px solid rgba(25, 25, 25, 0.04);
	cursor: pointer;
}

.dropslider__item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-m);
	padding: 15px 0;
}

.dropslider__item-title {
color: var(--Dark, #192023);
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 41.6px */
letter-spacing: -0.16px;
	margin: 0;
}
.dropslider__item-desc p{
	color: var(--black, #191919);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 22.4px */
opacity: 0.6;
}
/* ── Toggle icon ── */
.dropslider__icon-plus svg{
	opacity: 0.5;
}
.dropslider__item-icon {
	flex-shrink: 0;
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropslider__icon-plus,
.dropslider__icon-ring {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.dropslider__icon-plus {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

.dropslider__icon-ring {
	opacity: 0;
	transform: scale(0.4);
}

.dropslider__item.is-active .dropslider__icon-plus {
	opacity: 0;
	transform: scale(0.3) rotate(45deg);
}

.dropslider__item.is-active .dropslider__icon-ring {
	opacity: 1;
	transform: scale(1);
}

/* ── Item content (collapsed/expanded) ── */

.dropslider__item-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding-bottom: 0;
	transition:
		max-height     0.45s cubic-bezier(0.4, 0, 0.2, 1),
		opacity        0.4s  cubic-bezier(0.4, 0, 0.2, 1),
		padding-bottom 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.dropslider__item.is-active .dropslider__item-content {
	opacity: 1;
	padding-bottom: 20px;
}

.dropslider__item-desc {
	font-family: var(--font-base);
	font-size: var(--fs-body-m);
	font-weight: var(--fw-regular);
	line-height: var(--lh-body-m);
	color: var(--color-gray-500);
	max-width: 540px;
}
.dropslider__cta{
	position: relative;
}
.dropslider__cta-text,
.dropslider__cta .btn--primary-arrow{
	position: relative;
	z-index: 2;
}
.dropslider__cta .line_pattern{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	z-index: 1;
}

@keyframes line-pattern-breathe {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.04);
		opacity: 0.75;
	}
}
.line_pattern img{
	height: 100%;
	width: auto;
}
.dropslider__item-desc p {
	margin: 0;
}
.dropslider__item:last-child{
	border-bottom: 0px solid #fff;
}
.dropslider__item-desc p + p {
	margin-top: var(--space-s);
}

/* ── CTA banner ── */

.dropslider__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-l);
	margin-top: clamp(24px, 4vw, 48px);
	padding: clamp(24px, 3vw, 40px) clamp(28px, 4vw, 39px);
	border: 8px solid #EDAA24;
	border-radius: 14px;
}

.dropslider__cta-text {
color: #1A1919;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 35.2px */
letter-spacing: -0.48px;
	margin: 0;
	max-width: 390px;
}
.dropslider__cta{
	overflow: hidden;
}
/* ── Responsive ── */

@media (max-width: 900px) {
	.dropslider__body {
		grid-template-columns: 1fr;
	}

	.dropslider__image {
		/* display: none; */
	}

	.dropslider__cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media(max-width:768px){
	.dropslider__body{
		gap:20px;
	}
	.dropslider__item-title{
		font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
letter-spacing: -0.12px;
	}
	.dropslider__cta{
		gap:60px;
	}
	.dropslider-block{
		padding: 60px 0;
	}
	.dropslider-block__header{
		margin-bottom: 40px;
	}
	.dropslider__image{
		padding: 8px;
		border-radius: 14px;
	}
	.dropslider__cta{

	}
	.dropslider__cta-text{
		font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
letter-spacing: -0.12px;
	}
	.dropslider__cta .line_pattern img {
		content: url('/wp-content/themes/goodface-pure/dist/img/Line-pattern-mob.svg');
		        height: auto;
        width: 100%;
        object-fit: cover;

        position: absolute;
        bottom: 0;
        right: 0;
	}
	.dropslider__cta .line_pattern{
		    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
	}

}