.wm-vtabs {
	display: flex;
	align-items: flex-start;
}

.wm-vtabs-nav {
	flex-shrink: 0;
}

.wm-vtabs-content-wrapper {
	flex: 1;
	min-width: 0;
	position: relative;
	overflow: hidden;
}

/* Tab items */
.wm-vtabs-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.wm-vtabs-item-number {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	flex-shrink: 0;
	font-weight: 600;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.wm-vtabs-item-text {
	flex: 1;
	min-width: 0;
}

.wm-vtabs-item-title {
	font-weight: 700;
	margin: 0 0 4px;
}

.wm-vtabs-item-desc {
	margin: 0;
}

/* Content panels */
.wm-vtabs-panel {
	display: none;
}

.wm-vtabs-panel--active {
	display: block;
}

/* Slide animation */
.wm-vtabs-panel--slide-out {
	display: block;
	animation: wmVtabsSlideOut var(--wm-vtabs-speed, 400ms) ease forwards;
}

.wm-vtabs-panel--slide-in {
	display: block;
	animation: wmVtabsSlideIn var(--wm-vtabs-speed, 400ms) ease forwards;
}

@keyframes wmVtabsSlideOut {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@keyframes wmVtabsSlideIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Content styles */
.wm-vtabs-content-title {
	margin: 0 0 16px;
}

.wm-vtabs-content-text {
	margin: 0 0 20px;
}

.wm-vtabs-content-text:last-child {
	margin-bottom: 0;
}

.wm-vtabs-content-image {
	margin-top: 20px;
}

.wm-vtabs-content-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* Responsive — accordion mode on mobile */
@media (max-width: 767px) {
	.wm-vtabs {
		flex-direction: column;
		gap: 0 !important;
	}

	.wm-vtabs-nav {
		width: 100% !important;
		display: flex;
		flex-direction: column;
	}

	.wm-vtabs-item-text {
		display: block;
	}

	/* Panels injected into nav right after their tab item */
	.wm-vtabs-nav .wm-vtabs-panel {
		display: none;
	}

	.wm-vtabs-nav .wm-vtabs-panel.wm-vtabs-panel--active,
	.wm-vtabs-nav .wm-vtabs-panel.wm-vtabs-panel--slide-in,
	.wm-vtabs-nav .wm-vtabs-panel.wm-vtabs-panel--slide-out {
		display: block;
	}

	.wm-vtabs-content-wrapper:empty {
		display: none;
	}
}