/* =========================================================
	INGRID LOHMAN
	RESPONSIVE 2026
========================================================= */


/* =========================================================
	MIN WIDTH 1600PX
========================================================= */

@media (min-width: 1600px) {

	/* GENERAL */

	.container {
		max-width: 1600px;
	}



	/* HERO */

	.hero--content {
		max-width: 820px;
	}

	.hero--subtitle {
		font-size: 2rem;
	}

	.hero--title {
		font-size: 5rem;
	}



}



/* =========================================================
	MAX WIDTH 1399.98PX
========================================================= */

@media (max-width: 1399.98px) {

	/* SHARED COMPONENTS */

	.advice--title {
		font-size: clamp(2.65rem, 5vw, 4.65rem);
	}

	.brands--title,
	.faq--title,
	.featured--title,
	.guide--title,
	.philosophy--title,
	.store--title,
	.treatments--title {
		font-size: 2.2rem;
	}



	/* HERO */

	.hero--subtitle {
		font-size: 1.65rem;
	}

	.hero--title {
		font-size: 4rem;
	}



	/* NAVIGATION */

	.nav--menu {
		gap: 1rem;
	}

	.nav--menu--link {
		font-size: .98rem;
	}



}



/* =========================================================
	DESKTOP HEADER 1500PX — 1599.98PX
========================================================= */

@media (min-width: 1500px) and (max-width: 1599.98px) {

	.header--logo img {
		height: 60px;
	}

	.button--header {
		font-size: 1.1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.header--inner {
		gap: 1.25rem;
		min-height: 90px;
	}

	.header--navigation {
		gap: 1rem;
		min-width: 0;
	}

	.header--navigation--link {
		font-size: 1.2rem;
		padding-left: .45rem;
		padding-right: .45rem;
	}

}




/* =========================================================
	DESKTOP HEADER 1400PX — 1499.98PX
========================================================= */

@media (min-width: 1400px) and (max-width: 1499.98px) {

	.button--header {
		font-size: 1rem;
		padding-left: .85rem;
		padding-right: .85rem;
	}

	.header--inner {
		gap: 1rem;
	}

	.header--navigation {
		gap: .55rem;
		min-width: 0;
	}

	.header--navigation--link {
		font-size: 1.1rem;
		padding-left: .4rem;
		padding-right: .4rem;
	}

}



/* =========================================================
	DESKTOP HEADER 1200PX — 1399.98PX
========================================================= */

@media (min-width: 1200px) and (max-width: 1399.98px) {

	.button--header {
		font-size: .94rem;
		padding-left: .7rem;
		padding-right: .7rem;
	}

	.header--inner {
		gap: .65rem;
	}

	.header--logo {
		flex: 0 0 168px;
		max-width: 168px;
	}

	.header--logo img {
		height: auto;
		max-width: 100%;
	}

	.header--navigation {
		gap: .25rem;
		min-width: 0;
	}

	.header--navigation--link {
		font-size: .96rem;
		padding-left: .3rem;
		padding-right: .3rem;
	}



}



/* =========================================================
	MAX WIDTH 1199.98PX
========================================================= */

@media (max-width: 1199.98px) {

	/* HEADER */

	.header--inner {
		align-items: center;
		display: flex;
		width: 100%;
	}

	.header--logo {
		flex: 0 0 auto;
	}

	.header--logo img {
		height: 58px;
	}

	.header--actions {
		align-items: center;
		display: flex;
		margin-left: auto;
	}

	.header--menu {
		align-items: center;
		display: inline-flex;
		justify-content: center;
		margin-left: auto;
	}



	/* REVIEWS */

	.reviews--slider {
		--reviews-visible: 2;
	}



	/* HERO */

	.hero--container {
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

	.hero--content {
		max-width: 720px;
	}

	.hero--subtitle {
		font-size: 1.45rem;
	}

	.hero--text {
		font-size: 1.05rem;
		max-width: 640px;
	}

	.hero--title {
		font-size: 3.45rem;
	}



	/* SHARED COMPONENTS */

	.advice--panel {
		padding: 3rem;
	}

	.brand--content {
		padding: 0 1.3rem 1.35rem 1.3rem;
	}

	.brand--content h3 {
		font-size: 1.3rem;
	}

	.brands--title,
	.faq--title,
	.featured--title,
	.guide--title,
	.intro--title,
	.philosophy--title,
	.store--title,
	.treatments--title {
		font-size: 2.05rem;
	}

	.mega--panel {
		padding: 1.65rem;
	}

	.section--intro,
	.section--guide,
	.section--brands,
	.section--treatments,
	.section--philosophy,
	.section--featured-products,
	.section--store,
	.section--faq,
	.section--footer {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.store--content {
		padding: .5rem 0;
	}

	.store--panel {
		padding: 1.5rem;
	}



	/* FOOTER */

	.footer--logo img {
		height: 68px;
	}



	/* PROGRAM + RESEARCH */

	.section--program-preview,
	.section--research-detail {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.program-preview--content {
		padding: 3.25rem;
	}

	.research-detail--aside {
		position: static;
		top: auto;
	}

	.research-detail--image {
		aspect-ratio: 16 / 8;
	}



	/* EDITORIAL PAGES */

	.editorial-feature--content {
		padding: 3.25rem;
	}

	.feature-panel--card,
	.feature-panel--content {
		padding: 2.25rem;
	}

	.page--ingrid-editorial .section--page-intro {
		padding-bottom: 5rem;
		padding-top: 7.5rem;
	}

	.section--credentials,
	.section--editorial-feature,
	.section--editorial-split,
	.section--feature-grid,
	.section--feature-panel,
	.section--process {
		padding-bottom: 5.5rem;
		padding-top: 5.5rem;
	}

	.section--principles {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}



	/* OMEGA-3 PAGE */

	.page--omega-3 .section--omega-balance,
	.page--omega-3 .section--omega-food,
	.page--omega-3 .section--omega-experiences,
	.page--omega-3 .section--omega-recognition {
		padding-bottom: 5.5rem;
		padding-top: 5.5rem;
	}

	.page--omega-3 .section--omega-experience {
		padding-bottom: 0;
		padding-top: 7rem;
	}

	.page--omega-3 .section--faq {
		padding-bottom: 5.5rem;
		padding-top: 5.5rem;
	}



	/* CONTACT PAGE */

	.page--contact .section--contact-intro,
	.page--contact .section--contact-form {
		padding-bottom: 5.5rem;
		padding-top: 5.5rem;
	}

	.page--contact .section--contact-closing {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.page--contact .form--details {
		position: static;
		top: auto;
	}



	/* FORMS */

	.form--details {
		padding: 2rem;
	}

	.form--inner {
		padding: 2rem;
	}



	/* SHOP PAGE */

	.page--shop .shop-filter {
		justify-content: flex-start;
	}

	.page--shop .shop-product--aside {
		border-left: 0;
		border-top: 1px solid var(--color-border);
		padding-left: 0;
		padding-top: 1.15rem;
	}

	.page--shop .shop-product--aside .button {
		max-width: 320px;
	}

	.page--shop .shop-product--partner-link {
		justify-content: flex-start;
		max-width: 320px;
	}

	.page--shop .shop-order--details {
		position: static;
		top: auto;
	}

	.page--shop .shop-product-group {
		margin-top: 4rem;
	}

	.page--shop .shop-product-group--practice {
		padding-top: 4rem;
	}

	.page--shop .shop-products--partner-cta {
		gap: 1.5rem;
		margin-top: 4rem;
	}



	/* APPOINTMENT PAGE */

	.page--appointment .form--details {
		position: static;
		top: auto;
	}



	/* LEGAL PAGES */

	.page--legal .legal--navigation {
		position: static;
	}



}



/* =========================================================
	MAX WIDTH 991.98PX
========================================================= */

@media (max-width: 991.98px) {

	/* HEADER */

	.header--actions {
		gap: .45rem;
	}

	.header--action {
		height: 44px;
		width: 44px;
	}

	.header--inner {
		min-height: 58px;
	}

	.header--logo img {
		height: 52px;
	}

	.header--wrapper {
		padding-left: 1rem;
		padding-right: 1rem;
	}



	/* REVIEWS */

	.reviews--controls {
		justify-content: flex-start;
	}



	/* FLOATING ACTIONS */

	.floating--actions {
		bottom: 1.25rem;
		right: 1.25rem;
	}



	/* HERO */

	.hero--actions {
		margin-top: 1.65rem;
	}

	.hero--actions .button {
		justify-content: center;
		min-height: 54px;
		width: 100%;
	}

	.hero--container {
		background-color: var(--color-grey-soft);
		padding-bottom: 2.5rem;
		padding-top: 0;
	}

	.hero--content {
		max-width: none;
		padding-left: .5rem;
		padding-right: .5rem;
		padding-top: 2rem;
	}

	.hero--label {
		backdrop-filter: none;
		background-color: var(--color-white);
		border: 1px solid var(--color-border);
		box-shadow: none;
		color: var(--color-primary);
		font-size: .9rem;
		padding: .7rem .9rem;
	}

	.hero--labels {
		gap: .6rem;
		margin-top: 1.5rem;
	}

	.hero--media {
		position: relative;
	}

	.hero--media img {
		height: auto;
		max-height: 540px;
		object-fit: cover;
		object-position: center center;
		transform: none;
		width: 100%;
	}

	.hero--media picture {
		display: block;
		height: auto;
		width: 100%;
	}

	.hero--overlay {
		display: none;
	}

	.hero--subtitle {
		color: var(--color-black);
		font-size: 1.3rem;
		line-height: 1.22;
		margin-bottom: 1rem;
		text-shadow: none;
	}

	.hero--text {
		color: var(--color-text);
		font-size: 1rem;
		line-height: 1.7;
		max-width: none;
		text-shadow: none;
	}

	.hero--title {
		color: var(--color-black);
		font-size: 2.85rem;
		line-height: 1;
		margin-bottom: .85rem;
		text-shadow: none;
	}

	.section--hero {
		align-items: stretch;
		display: block;
		min-height: auto;
		padding-bottom: 0;
		padding-top: 0;
	}



	/* SHARED COMPONENTS */

	.advice--actions {
		margin-top: 1rem;
	}

	.advice--panel {
		padding: 2.25rem;
	}

	.advice--text {
		font-size: 1.12rem;
	}

	.advice--title {
		font-size: 2.75rem;
		letter-spacing: -.035rem;
		line-height: 1.02;
	}

	.brands--title,
	.faq--title,
	.featured--title,
	.guide--title,
	.intro--title,
	.newsletter--title,
	.philosophy--title,
	.store--title,
	.treatments--title {
		font-size: 1.95rem;
	}

	.intro--content,
	.philosophy--content {
		padding-left: 0;
		padding-right: 0;
	}

	.intro--image img,
	.philosophy--image img {
		aspect-ratio: 4 / 3.4;
	}

	.newsletter--form {
		align-items: stretch;
		border-radius: var(--radius-md);
		flex-direction: column;
		gap: .6rem;
		padding: .75rem;
	}

	.newsletter--form .button {
		width: 100%;
	}

	.newsletter--panel {
		padding: 1.75rem;
	}

	.product--title {
		font-size: 1.25rem;
	}

	.route--card {
		padding: 1.4rem;
	}

	.section--nav {
		display: none;
	}

	.section--routes {
		margin-top: 0;
		padding-top: 1.25rem;
	}

	.servicebar--list {
		flex-wrap: wrap;
		gap: .4rem 1.15rem;
	}

	.servicebar--list li {
		font-size: .8rem;
	}

	.store--image img {
		aspect-ratio: 4 / 3;
	}

	.treatment--answer {
		padding-right: 2.25rem;
	}

	.treatment--heading h3 {
		font-size: 1.08rem;
	}
	/* PROGRAM */

	.program-preview--image {
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.program-preview--meta {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}



	/* EDITORIAL PAGES */

	.editorial-feature--content,
	.editorial-split--content,
	.page--ingrid-editorial .page-intro--content {
		max-width: none;
	}

	.editorial-feature--image {
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.page--ingrid-editorial .page-intro--image {
		margin-top: .5rem;
	}

	.page--ingrid-editorial .section--page-intro {
		padding-top: 7rem;
	}



	/* OMEGA-3 PAGE */

	.page--omega-3 .section--omega-food .philosophy--content {
		padding-left: 0;
		padding-right: 0;
	}

	.page--omega-3 .omega-experiences--card {
		flex-basis: 72%;
	}



	/* SHOP PAGE */

	.page--shop .section--shop-intro,
	.page--shop .section--shop-order,
	.page--shop .section--shop-partners,
	.page--shop .section--shop-products {
		padding-bottom: 5.5rem;
		padding-top: 5.5rem;
	}

	.page--shop .shop-intro--panel {
		padding: 2rem;
	}

	.page--shop .shop-products--head-card {
		padding: 2.25rem;
	}

	.page--shop .shop-modal--body {
		padding: 1.5rem;
	}

	.page--shop .shop-modal--image {
		margin-left: auto;
		margin-right: auto;
		max-width: 520px;
	}

	.page--shop .shop-partner--logo {
		height: 118px;
	}

	.page--shop .shop-product {
		padding: 1rem;
	}

	.page--shop .shop-product--title {
		font-size: 1.8rem;
	}

	.page--shop .shop-products--partner-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.page--shop .shop-products--partner-cta .button {
		width: auto;
	}



}



/* =========================================================
	MAX WIDTH 767.98PX
========================================================= */

@media (max-width: 767.98px) {

	/* IMAGE CROPS */

	#resultaat .philosophy--image img {
		object-position: center 24%;
	}

	#darmhersteltraject .program-preview--image img {
		object-position: center top;
	}

	.page--werkwijze .section--editorial-feature--care .editorial-feature--image img {
		object-position: center top;
	}

	.page--contact .section--contact-closing .editorial-feature--image img {
		object-position: center 22%;
	}


	/* GENERAL BUTTONS */

	.button {
		font-size: .98rem;
		min-height: 50px;
		padding: .8rem 1.2rem;
	}



	/* HEADER */

	.header--logo img {
		height: 46px;
	}



	/* FLOATING ACTIONS */

	.floating--actions {
		bottom: 1rem;
		gap: .6rem;
		right: 1rem;
	}

	.floating--button--booking {
		font-size: .92rem;
		min-height: 48px;
		padding: .65rem 1rem;
	}

	.floating--button--whatsapp {
		font-size: 1.35rem;
		height: 48px;
		width: 48px;
	}



	/* REVIEWS */

	.reviews--slider {
		--reviews-gap: 1rem;
		--reviews-visible: 1;
	}



	/* HERO */

	.hero--label {
		justify-content: center;
		width: 100%;
	}

	.hero--labels {
		flex-direction: column;
	}

	.hero--title {
		font-size: 2.35rem;
	}



	/* SHARED COMPONENTS */

	.advice--panel {
		border-radius: var(--radius-lg);
		padding: 1.6rem;
	}

	.advice--title {
		font-size: 2.15rem;
	}

	.brand--image {
		padding: 1rem;
	}

	.brands--intro,
	.faq--intro,
	.featured--intro,
	.guide--intro,
	.treatments--intro {
		font-size: 1rem;
		line-height: 1.7;
	}

	.brands--title,
	.faq--title,
	.featured--title,
	.guide--title,
	.intro--title,
	.newsletter--title,
	.philosophy--title,
	.store--title,
	.treatments--title {
		font-size: 1.75rem;
		letter-spacing: -.02rem;
	}

	.faq--answer p {
		font-size: 1rem;
		padding-right: 0;
	}

	.faq--item {
		padding: 1.3rem 0;
	}

	.faq--question h3 {
		font-size: 1.1rem;
		line-height: 1.25;
	}

	.intro--actions {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.intro--actions .button {
		width: 100%;
	}

	.intro--text,
	.philosophy--text,
	.store--text {
		font-size: 1rem;
		line-height: 1.75;
	}

	.newsletter--panel {
		border-radius: var(--radius-lg);
		padding: 1.35rem;
	}

	.product--content {
		padding: 1.2rem 1.2rem 0 1.2rem;
	}

	.product--footer {
		padding: 1.1rem 1.2rem 1.2rem 1.2rem;
	}

	.product--imagebox {
		padding: 1.1rem;
	}

	.route--content h3 {
		font-size: 1.35rem;
	}

	.section--advice,
	.section--newsletter {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}

	.section--intro,
	.section--guide,
	.section--brands,
	.section--treatments,
	.section--philosophy,
	.section--featured-products,
	.section--store,
	.section--faq {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}

	.servicebar--list {
		align-items: center;
		flex-direction: column;
		gap: .25rem;
	}

	.servicebar--list li {
		white-space: normal;
	}

	.servicebar--list li:not(:last-child)::after {
		display: none;
	}

	.store--info {
		gap: .85rem;
	}

	.store--panel {
		border-radius: var(--radius-lg);
		padding: 1rem;
	}

	.treatment--answer {
		padding-right: 0;
	}

	.treatment--item {
		padding: 1.05rem 1.1rem;
	}

	.treatment--item+.treatment--item {
		margin-top: .85rem;
	}



	/* FOOTER */

	.footer--logo img {
		height: 60px;
	}

	.footer--main {
		padding-bottom: 2rem;
	}

	.footer--title {
		margin-bottom: .75rem;
	}

	.section--footer {
		padding-bottom: 2rem;
		padding-top: 4rem;
	}



	/* PROGRAM + RESEARCH */

	.program-preview {
		border-radius: 22px;
	}

	.program-preview--content {
		padding: 2.375rem 1.875rem;
	}

	.program-preview--meta {
		grid-template-columns: 1fr;
		margin: 1.875rem 0 1.625rem;
	}

	.program-preview--meta-item {
		padding: 1rem 1.125rem;
	}

	.research-detail--image {
		aspect-ratio: 4 / 3;
		border-radius: 18px;
		margin: 1.625rem 0 1.5rem;
	}

	.section--research-detail .treatment--question {
		gap: 1.125rem;
		min-height: 92px;
		padding: 1.3125rem 1.25rem;
	}

	.section--research-detail .treatment--icon {
		flex-basis: 2.375rem;
		height: 2.375rem;
		width: 2.375rem;
	}

	.section--research-detail .accordion-detail {
		padding: 1.625rem 1.25rem 1.5rem;
	}

	.section--research-detail .accordion-detail--intro {
		margin-bottom: 1.5rem;
	}

	.section--research-detail .accordion-detail--grid {
		grid-template-columns: 1fr;
	}

	.section--research-detail .accordion-detail--block,
	.section--research-detail .accordion-detail--block:nth-child(2) {
		padding: 1.3125rem 1.25rem;
	}

	.section--research-detail .accordion-detail--meta {
		gap: 1.125rem;
		grid-template-columns: 1fr;
		padding: 1.3125rem 1.25rem;
	}



	/* EDITORIAL PAGES */

	.credentials--card,
	.feature-grid--card,
	.process--card {
		padding: 1.5rem;
	}

	.editorial--notice {
		gap: .9rem;
		padding: 1.25rem;
	}

	.editorial-feature--content {
		padding: 2.375rem 1.875rem;
	}

	.editorial-feature--intro,
	.editorial-split--lead,
	.feature-panel--quote,
	.page--ingrid-editorial .page-intro--lead {
		font-size: 1.12rem;
	}

	.editorial-feature--quote {
		padding: 1.2rem 1.25rem;
	}

	.editorial-feature--title {
		font-size: 2.25rem;
	}

	.feature-panel--card,
	.feature-panel--content {
		padding: 1.5rem;
	}

	.feature-panel--inner {
		padding: .65rem;
	}

	.page--ingrid-editorial .page-intro--title {
		font-size: 2.65rem;
		letter-spacing: -.035rem;
	}

	.page--ingrid-editorial .section--page-intro {
		padding-bottom: 4.25rem;
		padding-top: 6.5rem;
	}

	.principles--item {
		padding: 1.35rem;
	}

	.section--credentials,
	.section--editorial-feature,
	.section--editorial-split,
	.section--feature-grid,
	.section--feature-panel,
	.section--principles,
	.section--process {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}



	/* OMEGA-3 PAGE */

	.page--omega-3 .section--omega-balance,
	.page--omega-3 .section--omega-food,
	.page--omega-3 .section--omega-experiences,
	.page--omega-3 .section--omega-recognition {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.page--omega-3 .section--omega-experience {
		padding-bottom: 0;
		padding-top: 5rem;
	}

	.page--omega-3 .section--faq {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.page--omega-3 .omega-experiences--card {
		flex-basis: 86%;
		padding: 1.5rem;
	}

	.page--omega-3 .omega-recognition--card {
		padding: 1.5rem;
	}

	.page--omega-3 .omega-recognition--closing {
		padding: 1.5rem;
	}



	/* CONTACT PAGE */

	.page--contact .section--contact-intro,
	.page--contact .section--contact-form {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.page--contact .section--contact-closing {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.page--contact .contact-intro--title {
		font-size: 2.75rem;
	}

	.page--contact .contact-intro--text {
		font-size: 1.1rem;
	}



	/* FORMS */

	.form--details {
		border-radius: var(--radius-lg);
		padding: 1.5rem;
	}

	.form--outer {
		border-radius: var(--radius-lg);
		padding: .65rem;
	}

	.form--inner {
		border-radius: calc(var(--radius-lg) - .2rem);
		padding: 1.5rem;
	}

	.form--fieldset {
		padding: 1.35rem;
	}

	.form--header h2 {
		font-size: 2rem;
	}



	/* SHOP PAGE */

	.page--shop .section--shop-intro,
	.page--shop .section--shop-order,
	.page--shop .section--shop-partners,
	.page--shop .section--shop-products {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.page--shop .shop-basket-item {
		grid-template-columns: 56px minmax(0, 1fr) auto;
	}

	.page--shop .shop-basket-item--image {
		height: 56px;
		width: 56px;
	}

	.page--shop .shop-basket-item--quantity {
		grid-column: 2 / 3;
		justify-self: start;
	}

	.page--shop .shop-basket-item--remove {
		grid-column: 3 / 4;
		grid-row: 1 / 3;
	}

	.page--shop .shop-filter {
		gap: .45rem;
	}

	.page--shop .shop-filter--button {
		font-size: .82rem;
		padding: .72rem .85rem;
	}

	.page--shop .shop-modal--actions {
		flex-direction: column;
	}

	.page--shop .shop-modal--actions .button {
		width: 100%;
	}

	.page--shop .shop-modal--body {
		padding: 1.25rem;
	}

	.page--shop .shop-modal--fact {
		flex-direction: column;
		gap: .15rem;
	}

	.page--shop .shop-modal--fact strong {
		text-align: left;
	}

	.page--shop .shop-modal--header {
		padding: 1.15rem 1.25rem;
	}

	.page--shop .shop-partner {
		padding: 1rem;
	}

	.page--shop .shop-partner--logo {
		height: 105px;
		padding: .5rem;
	}

	.page--shop .shop-product--aside .button,
	.page--shop .shop-product--partner-link {
		max-width: none;
		width: 100%;
	}

	.page--shop .shop-product--content {
		padding-bottom: 0;
		padding-top: 0;
	}

	.page--shop .shop-product--image {
		margin-left: auto;
		margin-right: auto;
		max-width: 340px;
	}

	.page--shop .shop-products--head {
		margin-bottom: 2rem;
	}

	.page--shop .shop-products--head-card {
		border-radius: var(--radius-lg);
		padding: 1.5rem 1.25rem;
	}

	.page--shop .shop-product-group {
		margin-top: 3.5rem;
	}

	.page--shop .shop-product-group--practice {
		padding-top: 3.5rem;
	}

	.page--shop .shop-products--contact-actions {
		flex-direction: column;
	}

	.page--shop .shop-products--contact-actions .button {
		width: 100%;
	}

	.page--shop .shop-products--explanation {
		padding: 1.15rem 1.2rem;
	}

	.page--shop .shop-products--info-grid {
		grid-template-columns: 1fr;
	}

	.page--shop .shop-products--info-item {
		padding: 1.2rem;
	}

	.page--shop .shop-products--partner-cta {
		border-radius: var(--radius-lg);
		gap: 1rem;
		margin-top: 2.5rem;
		padding: 1.25rem;
	}

	.page--shop .shop-products--partner-cta .button {
		justify-content: center;
		min-width: 0;
		width: 100%;
	}

	.page--shop .shop-order--steps {
		gap: .9rem;
	}



	/* MOBILE SHOP CART */

	.page--shop .shop-mobile-cart {
		align-items: center;
		background-color: var(--color-secondary);
		border-radius: 1rem;
		bottom: 4.5rem;
		color: var(--color-white);
		display: inline-flex !important;
		height: 48px;
		justify-content: center;
		position: fixed;
		right: 1rem;
		width: 48px;
		z-index: 1050;
	}

	.page--shop .shop-mobile-cart i {
		font-size: 1.25rem;
		line-height: 1;
	}

	.page--shop .shop-mobile-cart--count {
		display: none;
	}



	/* APPOINTMENT PAGE */

	.page--appointment .section--contact-form {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}



	/* LEGAL PAGES */

	.page--legal .section--legal-content {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.page--legal .legal--navigation {
		padding: 1.35rem;
	}

	.page--legal .legal--section+.legal--section {
		margin-top: 2.25rem;
		padding-top: 2.25rem;
	}



}





/* =========================================================
	MOBILE CHECK 11-09-2026
========================================================= */

@media (max-width: 767.98px) {

	/* GENERAL */

	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}


	/* PAGE INTRO */

	.page--ingrid-editorial .section--page-intro {
		padding-top: 2.5rem;
	}


	/* RECOGNITION */

	.section--recognition {
		padding-bottom: 3rem;
		padding-top: 3rem;
	}


	/* MOBILE TITLES */

	.product-highlight--title,
	.research--title,
	.reviews--title {
		font-size: 2rem;
	}


	/* MOBILE IMAGE RATIOS */

	.editorial-feature--image,
	.program-preview--image {
		aspect-ratio: 1 / 1;
	}

	.philosophy--gallery {
		grid-template-columns: 1fr;
	}

	.philosophy--image img {
		aspect-ratio: 1 / 1;
	}


	/* PRODUCT HIGHLIGHT */

	.section--product-highlight {
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

}


/* =========================================================
	MAX WIDTH 575.98PX
========================================================= */

@media (max-width: 575.98px) {

	/* GENERAL */

	.section--label {
		font-size: .76rem;
	}


	/* HEADER */

	.header--action {
		font-size: .98rem;
		height: 40px;
		width: 40px;
	}

	.header--logo img {
		height: 42px;
	}

	.header--wrapper {
		padding-left: .85rem;
		padding-right: .85rem;
	}


	/* REVIEWS */

	[data-reviews-slider] .review--card {
		min-height: 0;
		padding: 1.35rem;
	}

	[data-reviews-slider] .review--text {
		font-size: .95rem;
		line-height: 1.6;
		overflow-wrap: break-word;
		word-break: normal;
	}

	[data-reviews-slider] .review--footer,
	[data-reviews-slider] .review--meta {
		align-items: flex-start;
		flex-wrap: wrap;
	}


	/* HERO */

	.hero--content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 1.75rem;
	}

	.hero--subtitle {
		font-size: 1.12rem;
	}

	.hero--text {
		font-size: .96rem;
	}

	.hero--title {
		font-size: 2.05rem;
	}


	/* SHARED COMPONENTS */

	.advice--actions {
		gap: .65rem;
	}

	.advice--panel {
		padding: 1.25rem;
	}

	.advice--text {
		font-size: 1rem;
		line-height: 1.65;
	}

	.advice--title {
		font-size: 1.9rem;
	}

	.brand--content h3,
	.guide--card h3,
	.product--title,
	.route--content h3 {
		font-size: 1.2rem;
	}

	.brands--title,
	.faq--title,
	.featured--title,
	.guide--title,
	.intro--title,
	.newsletter--title,
	.philosophy--title,
	.store--title,
	.treatments--title {
		font-size: 1.55rem;
	}

	.newsletter--text,
	.product--description {
		font-size: .95rem;
	}

	.product--button {
		height: 42px;
		width: 42px;
	}

	.route--card {
		border-radius: var(--radius-md);
		padding: 1.2rem;
	}

	.store--info p {
		font-size: .95rem;
		padding: 1rem;
	}

	.treatment--heading h3 {
		font-size: 1rem;
		padding-top: .1rem;
	}

	.treatment--icon {
		flex: 0 0 1.95rem;
		height: 1.95rem;
		width: 1.95rem;
	}

	.treatment--question {
		align-items: flex-start !important;
	}


	/* FOOTER */

	.footer--bottom p,
	.footer--contact p,
	.footer--list a {
		font-size: .92rem;
	}

	.footer--column+.footer--column {
		border-top: 1px solid rgba(255, 255, 255, .12);
		padding-top: 1.5rem;
	}

	.footer--grid {
		grid-template-columns: 1fr;
	}

	.footer--legal {
		align-items: flex-start;
		flex-direction: column;
		gap: .6rem;
	}

	.footer--registration {
		align-items: flex-start;
		flex-direction: column;
		gap: .4rem;
	}

	.footer--registration span {
		white-space: normal;
	}


	/* PROGRAM + RESEARCH */

	.program-preview--content {
		padding: 2rem 1.375rem;
	}

	.program-preview--intro {
		font-size: 1.05rem;
	}

	.program-preview--title {
		font-size: 2rem;
	}

	.section--research-detail .accordion-detail--actions .button {
		width: 100%;
	}

	.section--research-detail .research-accordion--meta {
		font-size: .68rem;
	}

	.section--research-detail .treatment--heading h3 {
		font-size: 1.18rem;
	}

	.section--research-detail .treatment--question {
		align-items: center !important;
	}


	/* EDITORIAL PAGES */

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

	.editorial-feature--content {
		padding: 2rem 1.375rem;
	}

	.editorial-feature--highlights li {
		gap: .7rem;
	}

	.editorial-feature--quote {
		gap: .75rem;
		padding: 1.1rem;
	}

	.editorial-feature--title {
		font-size: 2rem;
	}

	.feature-panel--card,
	.feature-panel--content {
		padding: 1.35rem;
	}

	.page--ingrid-editorial .page-intro--title {
		font-size: 2.35rem;
	}


	/* OMEGA-3 PAGE */

	.page--omega-3 .omega-basis--question,
	.page--omega-3 .omega-recognition--card,
	.page--omega-3 .omega-recognition--closing {
		border-radius: var(--radius-lg);
		padding: 1.25rem;
	}

	.page--omega-3 .omega-experiences--card {
		border-radius: var(--radius-lg);
		flex-basis: 100%;
		padding: 1.25rem;
	}

	.page--omega-3 .section--omega-experience {
		padding-bottom: 0;
		padding-top: 4rem;
	}

	.page--omega-3 .section--omega-food .philosophy--gallery {
		gap: .75rem;
	}


	/* CONTACT PAGE */

	.page--contact .contact-intro--actions {
		flex-direction: column;
		width: 100%;
	}

	.page--contact .contact-intro--actions .button {
		width: 100%;
	}

	.page--contact .contact-intro--text {
		font-size: 1.02rem;
	}

	.page--contact .contact-intro--title {
		font-size: 2.35rem;
	}


	/* FORMS */

	.form--actionbox,
	.form--details {
		padding: 1.25rem;
	}

	.form--fieldset {
		padding: 1.15rem;
	}

	.form--fieldset legend {
		padding-left: .4rem;
		padding-right: .4rem;
	}

	.form--inner {
		padding: 1.25rem;
	}

	.form--medical-note,
	.form--privacy {
		gap: .65rem;
		padding: .9rem;
	}

	.form--outer {
		padding: .6rem;
	}

	.form--submit {
		width: 100%;
	}


	/* SHOP PAGE */

	.page--shop .section--shop-intro,
	.page--shop .section--shop-order,
	.page--shop .section--shop-partners,
	.page--shop .section--shop-products {
		padding-bottom: 3.75rem;
		padding-top: 3.75rem;
	}

	.page--shop .shop-basket--empty {
		align-items: flex-start;
	}

	.page--shop .shop-basket-item {
		gap: .65rem;
		grid-template-columns: 50px minmax(0, 1fr) auto;
		padding: .55rem;
	}

	.page--shop .shop-basket-item--content strong {
		font-size: .88rem;
	}

	.page--shop .shop-basket-item--image {
		height: 50px;
		width: 50px;
	}

	.page--shop .shop-basket-link {
		min-height: 86px;
		padding: .9rem 1rem;
	}

	.page--shop .shop-basket-link--icon {
		flex-basis: 42px;
		height: 42px;
		width: 42px;
	}

	.page--shop .shop-filter {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.page--shop .shop-filter--button {
		text-align: center;
		width: 100%;
	}

	.page--shop .shop-intro--panel {
		border-radius: var(--radius-lg);
		padding: 1.5rem;
	}

	.page--shop .shop-intro--title {
		font-size: 1.85rem;
	}

	.page--shop .shop-modal .modal-content {
		border-radius: var(--radius-lg);
	}

	.page--shop .shop-modal--body {
		padding: 1rem;
	}

	.page--shop .shop-modal--header {
		padding: 1rem;
	}

	.page--shop .shop-order--confirm {
		padding: .85rem;
	}

	.page--shop .shop-order--steps li {
		padding-left: 2.65rem;
	}

	.page--shop .shop-order--steps li::before {
		height: 1.95rem;
		width: 1.95rem;
	}

	.page--shop .shop-partner {
		border-radius: var(--radius-md);
		padding: .8rem;
	}

	.page--shop .shop-partner a {
		font-size: .72rem;
	}

	.page--shop .shop-partner h3 {
		font-size: .92rem;
	}

	.page--shop .shop-partner p {
		font-size: .76rem;
	}

	.page--shop .shop-partner--logo {
		height: 90px;
		margin-bottom: .75rem;
	}

	.page--shop .shop-partner--logo--wordmark strong {
		font-size: 1.2rem;
	}

	.page--shop .shop-product {
		border-radius: var(--radius-lg);
		padding: .85rem;
	}

	.page--shop .shop-product--description {
		font-size: .95rem;
	}

	.page--shop .shop-product--highlight {
		font-size: .84rem;
		padding: .7rem .8rem;
	}

	.page--shop .shop-product--properties {
		align-items: flex-start;
		flex-direction: column;
	}

	.page--shop .shop-product--properties li {
		border-radius: .65rem;
		width: 100%;
	}

	.page--shop .shop-product--title {
		font-size: 1.65rem;
	}

	.page--shop .shop-product-group--head h2 {
		font-size: 1.75rem;
	}

	.page--shop .shop-products--info-icon {
		flex-basis: 42px;
		font-size: .95rem;
		height: 42px;
		width: 42px;
	}

	.page--shop .shop-products--info-item {
		gap: .85rem;
		padding: 1rem;
	}

	.page--shop .shop-products--info-item p {
		font-size: .92rem;
	}

	.page--shop .shop-products--partner-cta {
		border-radius: var(--radius-lg);
	}

	.page--shop .shop-products--partner-cta p {
		font-size: .95rem;
	}



}



/* END CSS */