/* Desktopon elrejtjük az accordion gombokat */
#ivt-product-tabs .ivt-accordion-trigger {
	display: none !important;
}

@media screen and (max-width: 767px) {
	#ivt-product-tabs {
		width: 100% !important;
		margin: 24px 0 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
		border: 1px solid #dce3ec !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		box-shadow: none !important;
		display: block !important;
	}

	/* Eltüntetjük a felső gyári Breakdance fülsort */
	#ivt-product-tabs .bde-tabs__tabslist-container,
	#ivt-product-tabs [role="tablist"],
	#ivt-product-tabs .bde-tabs > div:first-child {
		display: none !important;
	}

	/* A tartalomgyűjtő blokkot sima függőleges konténerré alakítjuk */
	#ivt-product-tabs .bde-tabs-content-container {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Mobil accordion trigger gombok stílusa */
	#ivt-product-tabs .ivt-accordion-trigger {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 16px !important;
		width: 100% !important;
		min-height: 54px !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		color: #071b38 !important;
		background: #ffffff !important;
		border: 0 !important;
		border-bottom: 1px solid #dce3ec !important;
		border-radius: 0 !important;
		font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		text-align: left !important;
		cursor: pointer !important;
		box-shadow: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
	}

	#ivt-product-tabs .ivt-accordion-trigger.is-open {
		color: #245fd5 !important;
		background: #f8fafc !important;
	}

	#ivt-product-tabs .ivt-accordion-trigger:focus-visible {
		outline: 2px solid rgba(47, 111, 242, 0.35) !important;
		outline-offset: -2px !important;
	}

	/* Plusz / Mínusz ikon animáció */
	#ivt-product-tabs .ivt-accordion-icon {
		position: relative !important;
		display: block !important;
		flex: 0 0 20px !important;
		width: 20px !important;
		height: 20px !important;
		color: currentColor !important;
		pointer-events: none !important;
	}

	#ivt-product-tabs .ivt-accordion-icon::before,
	#ivt-product-tabs .ivt-accordion-icon::after {
		content: "" !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 12px !important;
		height: 2px !important;
		background: currentColor !important;
		border-radius: 999px !important;
		transform: translate(-50%, -50%) !important;
		transition: opacity 0.2s ease, transform 0.2s ease !important;
	}

	#ivt-product-tabs .ivt-accordion-icon::after {
		transform: translate(-50%, -50%) rotate(90deg) !important;
	}

	#ivt-product-tabs .ivt-accordion-trigger.is-open .ivt-accordion-icon::after {
		opacity: 0 !important;
		transform: translate(-50%, -50%) rotate(90deg) scaleX(0) !important;
	}

	/* A panelek reszetelése és elrejtése */
	#ivt-product-tabs .bde-tabs-content-container > div,
	#ivt-product-tabs [role="tabpanel"] {
		display: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 16px !important;
		color: #667085 !important;
		background: #ffffff !important;
		border: 0 !important;
		border-bottom: 1px solid #dce3ec !important;
		font-size: 14px !important;
		line-height: 1.65 !important;
	}

	/* Nyitott állapot: a gomb után elhelyezkedő div megjelenítése */
	#ivt-product-tabs .ivt-accordion-trigger.is-open + div {
		display: block !important;
	}

	/* Ismétlődő h2 címek elrejtése a fülből */
	#ivt-product-tabs .bde-tabs-content-container > div h2:first-child {
		display: none !important;
	}

	#ivt-product-tabs .bde-tabs-content-container > :last-child {
		border-bottom: 0 !important;
	}
}
