/* Containment rules for narrow product-page columns and mobile devices. */
.woocommerce div.product form.cart .mpa-assistant,
.mpa-assistant,
.mpa-assistant .mpa-accordion,
.mpa-assistant .mpa-accordion__panel,
.mpa-assistant .mpa-accordion__content {
	min-width: 0;
	max-width: 100%;
}

.mpa-assistant .mpa-accordion__content,
.mpa-assistant .mpa-photos,
.mpa-assistant .mpa-photos__grid,
.mpa-assistant .mpa-photo-card {
	width: 100%;
}

.mpa-assistant .mpa-photos__grid {
	overflow: hidden;
}

.mpa-assistant .mpa-support-copy p {
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {
	.woocommerce div.product form.cart .mpa-assistant {
		width: 100% !important;
		margin-right: 0 !important;
		overflow: hidden;
	}

	.mpa-assistant .mpa-accordion__trigger {
		min-width: 0;
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpa-assistant .mpa-accordion__content,
	.mpa-assistant .mpa-accordion.is-open .mpa-accordion__content {
		width: 100% !important;
		padding-right: 16px;
		padding-left: 16px;
	}

	.mpa-assistant .mpa-photo-card {
		min-width: 0;
		padding: 12px 14px;
	}

	.mpa-assistant .mpa-whatsapp-btn {
		gap: 8px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: clamp(11px, 3.55vw, 14px) !important;
	}

	.mpa-assistant .mpa-whatsapp-btn img {
		width: 22px;
		height: 22px;
	}

	.mpa-assistant .mpa-trust-bar {
		gap: 4px;
		padding-top: 12px;
	}

	.mpa-assistant .mpa-trust-bar__item {
		gap: 4px;
		font-size: clamp(8px, 2.3vw, 10px) !important;
	}

	.mpa-assistant .mpa-trust-bar__item img {
		width: 13px;
		height: 13px;
		flex-basis: 13px;
	}
}

/* The accordion label is intentionally a single line; make room for the chevron. */
@media (max-width: 768px) {
	.mpa-assistant .mpa-accordion__trigger {
		gap: 8px;
		min-height: 58px;
		padding: 16px 12px;
		font-size: clamp(11px, 3.2vw, 14px) !important;
		letter-spacing: 0;
	}

	.mpa-assistant .mpa-accordion__title {
		min-width: 0;
		overflow: visible;
		text-overflow: clip;
		white-space: nowrap;
	}

	.mpa-assistant .mpa-accordion__chevron {
		width: 18px;
		height: 18px;
		flex: 0 0 18px;
	}
}