.mytokpa-page-header {
	width: 100%;
	position: relative;
	margin: 1.5rem 0 1.5rem;
	overflow: hidden;
	border: 1px solid rgba(11, 122, 42, 0.12);
	border-radius: var(--mt-radius-lg);
	background: linear-gradient(135deg, #f1faec, #fff8ed);
}

.mytokpa-page-header__inner {
	display: flex;
	align-items: center;
	min-height: 285px;
	padding: 1.25rem clamp(1.5rem, 3vw, 2.4rem) 2.5rem;
}

.mytokpa-page-header__content {
	width: 100%;
	max-width: min(560px, 55%);
	position: relative;
	z-index: 1;
}

.mytokpa-page-header__breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 0 0 2.2rem;
	color: var(--mytokpa-hero-breadcrumb-color, #60708a);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.2;
}

.mytokpa-page-header__breadcrumb a {
	color: var(--mytokpa-hero-breadcrumb-color, #60708a);
	text-decoration: none;
}

.mytokpa-page-header__breadcrumb span:last-child {
	color: var(--mytokpa-hero-breadcrumb-color, #60708a);
}

.mytokpa-page-header__title {
	max-width: 560px;
	margin: 0 0 0.65rem;
	color: var(--mytokpa-hero-title-color, #10213d);
	font-family: var(--mt-font-main);
	font-size: clamp(2.4rem, 4vw, 3.4rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.mytokpa-page-header__description {
	max-width: 560px;
	margin: 0;
	color: var(--mytokpa-hero-text-color, #60708a);
	font-size: 1.2rem;
	line-height: 1.55;
}

.mytokpa-page-header__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 1.15rem;
	padding: 0.75rem 1.15rem;
	border-radius: 10px;
	background: var(--mytokpa-hero-button-color, var(--mt-orange));
	color: var(--mytokpa-hero-button-text-color, #fff);
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 14px 28px rgba(245, 130, 31, 0.2);
}

.mytokpa-page-header--shop {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-boutique.png');
}

.mytokpa-page-header--market {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-marche-du-jour.png');
}

.mytokpa-page-header--promotions {
	background: linear-gradient(110deg, #fff4e5 0%, #fff8dc 56%, #f7faed 100%);
}

.mytokpa-page-header--recipes {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-recettes.png');
}

.mytokpa-page-header--health,
.mytokpa-page-header--advice {
	background: linear-gradient(110deg, #ebf8ee 0%, #f5faef 56%, #ffffff 100%);
}

.mytokpa-page-header--contact {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-contact.png');
}

.mytokpa-page-header--about {
	background: linear-gradient(110deg, #faf4e8 0%, #f4f8ec 56%, #ffffff 100%);
}

.mytokpa-page-header--faq {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-faq.png');
}

.mytokpa-page-header--wishlist {
	background: linear-gradient(110deg, #fff5f7 0%, #f7faef 56%, #ffffff 100%);
}

.mytokpa-page-header--delivery {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-livraison.png');
}

.mytokpa-page-header--refunds {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-retours-remboursements.png');
}

.mytokpa-page-header--terms,
.mytokpa-page-header--legal {
	--mytokpa-page-hero-default: url('../../images/heroes/hero-conditions-generales.png');
}

.mytokpa-page-header--shop,
.mytokpa-page-header--market,
.mytokpa-page-header--recipes,
.mytokpa-page-header--contact,
.mytokpa-page-header--faq,
.mytokpa-page-header--delivery,
.mytokpa-page-header--refunds,
.mytokpa-page-header--terms,
.mytokpa-page-header--legal {
	background-color: #f3f8ed;
	background-image:
		linear-gradient(90deg, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.99) 0%, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.96) 34%, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.72) 54%, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.06) 78%),
		var(--mytokpa-page-hero-image, var(--mytokpa-page-hero-default));
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mytokpa-page-header--tracking,
.mytokpa-page-header--categories,
.mytokpa-page-header--packs {
	background: linear-gradient(110deg, #f5faf0 0%, #f8f7ed 56%, #ffffff 100%);
}

@media (max-width: 1024px) {
	.mytokpa-page-header__inner {
		min-height: 285px;
		padding: 1.25rem 2rem 2.5rem;
	}

	.mytokpa-page-header__content {
		max-width: 65%;
	}
}

@media (max-width: 767px) {
	.mytokpa-page-header__content {
		max-width: 100%;
	}

	.mytokpa-page-header--shop,
	.mytokpa-page-header--market,
	.mytokpa-page-header--recipes,
	.mytokpa-page-header--contact,
	.mytokpa-page-header--faq,
	.mytokpa-page-header--delivery,
	.mytokpa-page-header--refunds,
	.mytokpa-page-header--terms,
	.mytokpa-page-header--legal {
		background-image:
			linear-gradient(90deg, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.98) 0%, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.94) 58%, rgba(var(--mytokpa-hero-overlay-rgb, 246, 250, 240), 0.58) 100%),
			var(--mytokpa-page-hero-image, var(--mytokpa-page-hero-default));
		background-position: 62% center;
	}

	.mytokpa-page-header {
		margin: 1rem 0 1.1rem;
		border-radius: 22px;
	}

	.mytokpa-page-header__inner {
		min-height: 300px;
		padding: 1.25rem 1.25rem 1.5rem;
	}

	.mytokpa-page-header__breadcrumb {
		margin-bottom: 1.4rem;
		font-size: 0.84rem;
	}

	.mytokpa-page-header__title {
		font-size: 2.25rem;
		line-height: 1.05;
	}

	.mytokpa-page-header__description {
		font-size: 0.95rem;
		line-height: 1.55;
	}

	.mytokpa-page-header__button {
		width: 100%;
	}
}