/* Fonts — kept in custom.css to avoid extra stylesheet requests */
:root {
	--font-inter-family: 'Inter', sans-serif;
	--font-playfair-display-family: 'Playfair Display', serif;
}

/*
  Variable fonts — declare full 100–900 so font-weight changes actually select
  along the wght axis (single-weight faces made 400 vs 500 look identical).
  Use woff2-variations / tech(variations) so browsers treat these as VF.
*/
@font-face {
	font-family: 'Inter';
	src:
		url('inter-variable.woff2') format('woff2-variations'),
		url('inter-variable.woff2') format('woff2') tech('variations'),
		url('inter-variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src:
		url('playfair-display-regular.woff2') format('woff2-variations'),
		url('playfair-display-regular.woff2') format('woff2') tech('variations'),
		url('playfair-display-regular.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Playfair Display';
	src:
		url('playfair-display-italic.woff2') format('woff2-variations'),
		url('playfair-display-italic.woff2') format('woff2') tech('variations'),
		url('playfair-display-italic.woff2') format('woff2');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

#qab_bar {
	font-family: 'Amicale' !important;
	background-color: #1B365D !important;
	padding: 10px 0 !important;
}

.pagemain-landing-page sticky-header.header-wrapper,
.pagesplendor-paid-ad-landing sticky-header.header-wrapper {
	display: none;
}

html body {
	&.template-index.index {
		#qab_background, #qab_bar {
			position: relative !important;
			top: auto !important;
		}

		.header-wrapper {
			background: #00000000;
			border: none;
			position: absolute;
			transition: background 0.3s ease;

			.header__heading-logo-wrapper img {
				width: 185px;
				margin-top: 1rem;
				margin-bottom: -30px;
				transition: width 0.3s ease, margin 0.3s ease;

				@media screen and (max-width: 1200px) {
					width: calc(185px * 0.8);
					margin-top: calc(30px * 0.8);
					margin-bottom: calc(-30px * 0.8);
				}

				@media screen and (max-width: 1023px) {
					width: calc(185px * 0.7);
					margin-top: calc(30px * 0.7);
					margin-bottom: calc(-30px * 0.7);
				}

				@media screen and (max-width: 550px) {
					width: calc(185px * 0.6);
					margin-top: calc(30px * 0.6);
					margin-bottom: calc(-30px * 0.6);
				}
			}
		}

		.header__menu-item {
			padding: 7.2rem 1.8rem !important;
			@media screen and (max-width: 1110px) {
				padding: 6rem 1.2rem !important;
			}
		}

		.header__heading-link {
			padding-block: 0 !important;
		}

		.scrolled-past-header {
			.header__heading-link {
				padding-block: 1.2rem !important;
			}

			.header__heading img {
				margin-block: 0;
			}

			&.shopify-section.section-header {
				top: 0 !important;
			}

			.header-wrapper {
				background: #1B365D;
			}

			.header__inline-menu {
				padding-block: 0;
			}

			.header__menu-item {
				padding: 4.2rem 1.8rem !important;
				@media screen and (max-width: 1110px) {
					padding: 4.2rem 1.2rem !important;
				}
			}
		}

		div#qab_container {
			display: block !important;
		}
	}

	.header-wrapper .header__inline-menu .header__submenu {
		transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;

		.header__menu-item {
			padding: 0.8rem 1.8rem !important;
		}
	}
}

/* Compact header: hamburger sits with icons through tablet */
.header__icons {
	header-drawer {
		display: flex;
		align-items: center;

		@media screen and (min-width: 1024px) {
			display: none;
		}

		/* Anchor the panel to the header so it can slide in from the right */
		.menu-drawer-container {
			position: static;
		}
	}

	.header__icon--menu {
		width: auto;
		height: auto;
		padding: 0;
	}

	.header__icon--menu span {
		position: relative;
		width: 2.4rem;
		height: 2.4rem;
	}

	.header__icon--menu .icon {
		width: 2.4rem;
		height: 2.4rem;
	}

	.desktop-localization-wrapper {
		@media screen and (max-width: 1023px) {
			display: none;
		}
	}
}

.header-wrapper {
	.menu-drawer {
		left: auto;
		right: 0;
		transform: translateX(100%);
	}
}

/*
  Menu drawer: pin panel below the header and clip overflow so off-screen
  transforms can't create page scrollbars. Keep scroll lock on body only —
  overflow:hidden on html collapses/hides the sticky header.
*/
@media screen and (max-width: 1023px) {
	.header-wrapper .menu-drawer,
	.js .menu-drawer {
		position: fixed;
		top: var(--header-bottom-position, var(--overlay-top, 0px));
		left: auto;
		right: 0;
		width: 100%;
		max-width: 100%;
		height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, var(--overlay-top, 0px)));
		overflow: hidden;
	}

	.header__icon--menu[aria-expanded='true']::before {
		position: fixed;
		top: var(--header-bottom-position, var(--overlay-top, 0px));
		left: 0;
		width: 100%;
		max-width: 100%;
		height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, var(--overlay-top, 0px)));
	}

	/* Keep logo + close control above the drawer panel */
	.section-header.menu-open sticky-header,
	.section-header.menu-open .header-wrapper {
		z-index: 4;
		background: #1b365d;
	}

	.section-header.menu-open .header__heading-logo-wrapper img {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
	.header-wrapper .menu-drawer,
	.js .menu-drawer {
		width: 40rem;
		max-width: 100%;
	}
}

body:has(stockist-store-locator) {
	.main-page-title {
		color: #003c70;
	}

	.stamped-launcher-button {
		display: none !important;
	}
}

div#qab_container {
	display: none !important;
}

.banner.homepage-new-banner{
	position: relative;
	height: 95vh;
	min-height: 985px;
	&::before{
		content: '';
		position: absolute;
		top: -6.5rem;
		left: 0;
		width: 100%;
		height: 26.6rem;
		padding-bottom: 0 !important;
		display: block !important;
		background: linear-gradient(180deg, #3971C3 19.1%, rgba(57, 113, 195, 0) 100%);
		z-index: 1;
		pointer-events: none;
	}
	.media > img{
		@media screen and (max-width: 1180px) {
			object-position: 33%;
		}
	}
	@media screen and (max-width: 1180px) {
		height: 75vh;
		min-height: 700px;
	}
	@media screen and (max-width: 820px) {
		height: 55vh;
		min-height: 550px;
	}
	&::after{
		content: '';
		position: absolute;
		left: 0;
		top: auto !important;
		bottom: 0 !important;
		width: 100%;
		height: 175px;
		background: linear-gradient(180deg, rgba(57, 113, 195, 0) 5.73%, #3971C3 78.57%);
		backdrop-filter: blur(1px);
		z-index: 1;
		opacity: 1 !important;
	}
	.banner__content{
		@media screen and (max-width: 750px) {
			justify-content: end;
		}
		.banner__box{
			@media screen and (max-width: 750px) {
				max-width: 50%;
				text-align: left;
			}
			@media screen and (max-width: 550px) {
				max-width: 32rem;
			}
			@media screen and (max-width: 450px) {
				max-width: 28rem;
			}
			@media screen and (max-width: 375px) {
				max-width: 26rem;
			}
			.banner__heading{
				font-size: clamp(4.6rem, 7.2vw, 12rem);
				line-height: 1;
				margin-bottom: 2rem;
				color: #ffffff;
				font-family: Amicale, sans-serif;
				font-weight: 100;
				em{
					font-size: clamp(4.8rem, 7.4vw, 11rem);
					line-height: 1.75;
					transform: none;
					font-family: var(--font-playfair-display-family);
					font-style: italic;
					font-weight: 400;
					color: #ffffff;
					display: block;
				}
				/* @media screen and (max-width: 1180px) {
					em{
						font-size: 6.8rem;
					}
				} */
				@media screen and (max-width: 820px) {
					em{
						margin-top: 0.2rem;
					}
				}
			}
			.banner__buttons{
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				flex-wrap: nowrap;
				.button{
					border-radius: 3rem;
					min-width: unset;
					&.button--outline{
						color: #ffffff;
						border: 1px solid #FFFFFF80;
						background: #FFFFFF1A;
						&:hover{
							background: #ffffff;
							color: #1B365D;
						}
					}
				}
				@media screen and (max-width: 750px) {
					margin-inline: auto;
					flex-direction: column;
					gap: 1rem;
					align-items: start;
					.button{
						width: 25rem;
					}
				}
				@media screen and (max-width: 375px) {
					.button{
						width: 20rem;
						padding-inline: 2rem !important;
					}
				}
			}
		}
	}
}

.multicolumn-section.in-media-section {
	.multicolumn__title {
		margin-bottom: 3.2rem;
		justify-content: center;

		h2 {
			text-align: center;
			font-family: Inter;
			font-weight: 500;
			font-size: clamp(1.4rem, 1.2rem + 0.25vw, 1.6rem) !important;
			line-height: 1.5;
			letter-spacing: 0%;
			@media screen and (max-width: 1180px) {
				font-size: 2rem !important;
			}
			@media screen and (max-width: 800px) {
				font-size: 1.8rem !important;
			}
		}
	}

	.multicolumn-list {
		justify-content: space-between;
		@media screen and (max-width: 1180px) {
			justify-content: center;
			gap: 2.4rem 4rem;
		}
		@media screen and (max-width: 750px) {
			gap: 2rem 3rem;
		}
	}

	.multicolumn-list__item {
		width: max-content;
		max-width: unset;
		flex-grow: 0;

		div {
			width: max-content;
			max-width: unset;
		}

		.multicolumn-card__image-wrapper {
			margin: 0 auto;
		}

		&:nth-child(2),
		&:last-child {
			.media {
				img {
					height: 3.4rem;
					@media screen and (max-width: 1180px) {
						height: 3rem;
					}
				}
			}
		}

		.media {
			img {
				height: 3.8rem;
				width: auto;
				object-fit: contain;
				@media screen and (max-width: 1180px) {
					height: 3.2rem;
				}
			}
		}
	}
}

.homepage-new-video.video-section {
	.video-section__media {
		border-radius: 1rem;
		overflow: hidden !important;
	}
	.deferred-media__poster-button{
		background: rgba(0, 0, 0, 0.5);
		svg path{
			fill: #ffffff;
		}
	}
}

.awards-section {
	overflow-x: clip;
	&.our-water-page-awards-section{
		@media screen and (max-width: 990px) {
			padding-top: 44px !important;
		}
	}

	.page-width {
		@media screen and (max-width: 990px) {
			padding: 0;
			overflow-x: clip;

			.slider-buttons:not(.slider-buttons--dots) {
				display: none;
			}
		}

		slider-component {
			display: block;
			width: 100%;
			max-width: 100%;
		}

		.multicolumn-list.slider {
			@media screen and (max-width: 989px) {
				width: 100%;
				max-width: 100%;
				overflow-x: auto;
			}
		}

		img {
			max-height: 120px;
			object-fit: contain;
		}

		li {
			/* Dawn peek uses content-box — border-box keeps % widths inside the track */
			@media screen and (max-width: 820px) {
				width: 30% !important;
				max-width: 30% !important;
				box-sizing: border-box !important;
			}

			@media screen and (max-width: 550px) {
				width: 36% !important;
				max-width: 36% !important;
				margin-right: 20px !important;
			}
		}
	}
}

.multicolumn-section,
.your-stories-section {
	.slider-buttons--dots {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin-top: 2rem;
		border: none;

		.slider-button {
			display: none;
		}

		.slider-counter {
			min-width: 0;
		}

		.slideshow__control-wrapper {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0;
		}

		.slider-counter__link--dots {
			padding: 0;
			margin: 0 5px;
			line-height: 0;

			.dot {
				width: 10px;
				height: 10px;
				border: none;
				border-radius: 50%;
				background: #C0CAD9;
				opacity: 1;
				transform: none;
				transition: background-color 0.3s ease;
			}

			&:hover .dot {
				border: none;
				background: #C0CAD9;
				transform: none;
			}

			&.slider-counter__link--active .dot {
				background: #CBA052;
				transform: none;
			}
		}

		@media screen and (min-width: 990px) {
			display: none;
		}
	}
}

.pageterms{
	main#MainContent{
		padding: 0;
	}
}

.why-choose-us-section.multicolumn-section {
	position: relative !important;
	padding-inline: 0;
	.slider-buttons:not(.slider-buttons--dots){
		display: none;
	}
	@media screen and (max-width: 990px) {
		.page-width{
			padding-inline: 0;
		}
	}
	&:before,&:after{
		content: '';
		position: absolute;
		top: -50%;
		left: 0;
		transform: translatey(-40%);
		width: 58rem;
		height: 58rem;
		z-index: 2;
		background-image: url('/cdn/shop/files/Ellipse_2.svg?v=1785223079');
		background-size: contain;
		background-position: left;
		background-repeat: no-repeat;
		pointer-events: none;
		@media screen and (max-width: 1024px) {
			width: 45rem;
			height: 45rem;
			transform: translatey(-25%);
		}
		@media screen and (max-width: 750px) {
			width: 30rem;
			height: 30rem;
			transform: translatey(5%);
		}
		@media screen and (max-width: 500px) {
			display: none;
		}
	}
	&:after{
		left: auto;
		right: 0;
		bottom: -50%;
		transform: translatey(45%);
		background-image: url('/cdn/shop/files/Ellipse_1.svg?v=1785223079');
		background-position: right;
		height: 645px;
		width: 645px;
		@media screen and (max-width: 750px) {
			display: none;
		}
	}
	&.why-choose-us-white{
		&:before,&:after{
			content: none;
		}
	}
	.multicolumn-list__item{
		.multicolumn-card__info{
			padding: 2rem 5rem !important;
		}
		@media screen and (max-width: 1400px) {
			.multicolumn-card__info{
				padding: 2rem 3rem !important;
			}
		}
		@media screen and (max-width: 1200px) {
			.multicolumn-card__info{
				padding: 2rem !important;
				p{
					font-size: 1.75rem !important;
					line-height: 1.65 !important;
				}
			}
		}
		@media screen and (max-width: 1000px) {
			width: 28% !important;
			.multicolumn-card__info{
				p{
					font-size: 1.58rem !important;
				}
			}
		}
		@media screen and (max-width: 768px) {
			width: 36% !important;
			.multicolumn-card__info{
				padding: 3rem 1.2rem !important;
			}
		}
		@media screen and (max-width: 500px) {
			width: 50% !important;
			.multicolumn-card__info{
				padding: 1rem !important;
				br{display: none;}
				p{
					font-size: 1.3rem !important;
				}
			}
		}
	}
}

.new-testimonial-carousel-section.testimonial-carousel-section {
	.testimonial-carousel {
		overflow: hidden;
		/* Bleed for card shadows — must not exceed .page-width side padding */
		padding: 0 2rem;
		margin: 0 -2rem;

		@media screen and (max-width: 749px) {
			padding: 0 1.5rem;
			margin: 0 -1.5rem;
		}

		.swiper-wrapper {
			align-items: stretch;
			.swiper-pagination{
				margin-top: 2rem !important;
			}
		}

		.swiper-slide {
			height: auto;
			display: flex;
			box-sizing: border-box;
		}

		.testimonial-card {
			background-color: #BDBDBD33;
			border-radius: 0.8rem;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			box-shadow: 0px 0px 10px 0px #1B365D33;
			padding: 0;
			
			.testimonial-content {
				flex: 1 1 auto;
				display: flex;
				flex-direction: column;
				padding: 50px 28px 0;
			}
			
			.testimonial-review-heading {
				font-family: var(--font-playfair-display-family);
				font-weight: 400;
				font-size: clamp(1.8rem, 1.4rem + 0.8vw, 2.4rem);
				line-height: 1.2;
				letter-spacing: 0;
				margin-bottom: 32px;
				@media screen and (max-width: 1180px) {
					margin-bottom: 2rem;
				}
			}
			
			.testimonial-review {
				flex: 1 1 auto;
			}
			
			.testimonial-user-info {
				flex-shrink: 0;
				margin-top: 30px;
				padding: 30px 28px 30px;
				background-image: url('/cdn/shop/files/testimonial-bg.svg?v=1785430838');
				background-size: cover;
				background-position: top;
				background-repeat: no-repeat;
			}
			
			.testimonial-image {
				width: 64px;
				margin-top: 42px;
				@media screen and (max-width: 1200px) {
					margin-top: 32px;
				}
				@media screen and (max-width: 600px) {
					margin-top: 24px;
				}
			}

			.author-name {
				text-align: center;
				margin-bottom: 12px;
				font-weight: 600;
				font-size: clamp(1.5rem, 1.3rem + 0.4vw, 1.8rem);
				line-height: 1.55;
				@media screen and (max-width: 1180px) {
					margin-block: 8px;
				}
			}
		}
	}
}

.new-featured-collections-home.featured-collections.collection {
	position: relative;
	background: linear-gradient(360deg, #1B365D 36.84%, #3971C3 91.53%);

	&::before{
		content: '';
		position: absolute;
		top: 25%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background-image: url('/cdn/shop/files/Group_31.svg?v=1785186866');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		pointer-events: none;
		opacity: 0.85;
	}

	simple-slider-component{
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;

		.product {
			.simple-card-wrapper {
				.media {
					position: relative;
					overflow: visible;

					&::before {
						content: '';
						position: absolute;
						top: 65%;
						left: 50%;
						z-index: 0;
						width: 40rem;
						height: 40rem;
						transform: translate(-50%, -50%) scale(0.85);
						border-radius: 50%;
						background: radial-gradient(
							circle,
							rgba(255, 255, 255, 0.95) 0%,
							rgba(160, 210, 255, 0.95) 18%,
							rgba(95, 160, 255, 0.75) 40%,
							rgba(57, 113, 195, 0.25) 62%,
							transparent 78%
						);
						filter: blur(36px);
						opacity: 0;
						pointer-events: none;
						transition: opacity 0.45s ease, transform 0.45s ease;
					}

					img {
						position: relative;
						z-index: 1;
					}
				}

				.button {
					border-radius: 1rem;
					transition: background 0.5s ease, color 0.5s ease;
					padding: 1.5rem 3.5rem !important;
					font-size: clamp(1.4rem, 1.2rem + 0.3vw, 1.6rem);
					width: max-content;
					max-width: 100%;
					min-width: 0;
					min-height: 0;

					&:after, &:before {
						content: none;
					}
					@media screen and (max-width: 840px) {
						padding-inline: 2.4rem !important;
					}
				}
				.heading{
					br:first-child{
						display: none;
					}
				}
			}
			
			&:hover {
				.simple-card-wrapper {
					.media::before {
						opacity: 0.7;
						transform: translate(-50%, -50%) scale(1);
					}
					
					.button {
						background: #CBA054;
						color: #ffffff;
					}
				}
			}
		}
	}
	.slider.simple .slider__slide.collection_slide .product{
		@media screen and (max-width: 1200px) {
			width: 22% !important;
		}
		@media screen and (max-width: 768px) {
			width: 100% !important;
		}
	}
	.slider-buttons{
		left: 0;
		right: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 0 4rem;
		@media screen and (max-width: 990px) {
			display: none;
		}
		.slider-button{
			width: 4.8rem;
			height: 4.8rem;
			padding: 0;
			background: #3D70BA;
			box-shadow: 0px 0px 10px 0px #23223929;
			border-radius: 50%;
			&.slider-button--prev .icon{
				transform: rotate(0deg);
			}
			&.slider-button--next .icon{
				transform: rotate(180deg);
			}
		}
	}
}

.beauty-with-purpose-section.banner {
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 70%;
		height: 100%;
		background: linear-gradient(90deg, rgba(4, 27, 77, 0.7) 37.52%, rgba(0, 0, 0, 0) 65.87%);
		z-index: 1;
	}

	.banner__content {
		position: relative;
		z-index: 2;
		padding: 4rem;
		justify-content: flex-start;
		align-items: center;
	}

	.media>img{
		@media screen and (max-width: 1024px) {
			object-position: 80%;
		}
	}

	.banner__box {
		padding: 0;
		background: none;
		min-width: 0;
		text-align: left;

		.banner__subtitle {
			color: #CBA054;
			font-family: var(--font-amicale-family, 'Amicale', sans-serif);
			font-size: clamp(1.2rem, 1.1rem + 0.2vw, 1.4rem);
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: 0.12em;
			text-transform: uppercase;
			margin: 0 0 1.6rem;
		}

		.banner__heading {
			font-family: var(--font-playfair-display-family);
			color: #fff;
			font-size: clamp(2.8rem, 2rem + 2vw, 4rem);
			font-weight: 400;
			line-height: 1;
			max-width: 10ch;
			margin: 0;

			&::after {
				content: '';
				display: block;
				width: 70px;
				height: 3px;
				margin-block: 2rem 2.6rem;
				background-color: #CBA054;
			}

			em {
				display: inline;
				font-style: italic;
				color: #CBA054;
				font-family: var(--font-playfair-display-family);
				transform: none;
				font-size: 1em;
			}
		}

		.banner__text {
			color: #fff;
			font-family: var(--font-amicale-family, 'Amicale', sans-serif);
			margin-top: 1.6rem;
			max-width: 50.5%;
			@media screen and (max-width: 600px) {
				max-width: 100%;
			}

			p {
				font-size: clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
				line-height: 1.35;
				letter-spacing: 0;
				margin: 0;
			}
		}

		.banner__icons {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 4.8rem;
			margin-top: 2.5rem;
			margin-left: -0.75rem;

			@media screen and (max-width: 749px) {
				margin-right: 0;
			}

			.banner__icon {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: flex-start;
				gap: 1.8rem;
				line-height: 0;
				max-width: 7rem;
			}

			.banner__icon-image {
				width: auto;
				height: 5rem;
				object-fit: contain;
			}

			.banner__icon-title {
				color: #fff;
				font-family: var(--font-amicale-family, 'Amicale', sans-serif);
				font-size: 1.2rem;
				font-weight: 500;
				line-height: 1.25;
				text-align: center;
			}
		}
	}

	&.responsiblity-banner {
		&::before {
			width: 75%;
			background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 37.52%, rgba(0, 0, 0, 0) 65.87%);
			@media screen and (max-width: 1200px) {
				width: 80%;
			}
			@media screen and (max-width: 750px) {
				width: 100%;
				background: #000000;
				opacity: 0.5;
			}
		}
		.banner__box {
			.banner__heading {
				max-width: 45%;
				@media screen and (max-width: 1200px) {
					max-width: 55%;
				}
				@media screen and (max-width: 750px) {
					max-width: 100%;
				}
			}
			.banner__text{
				max-width: 42%;
				margin-bottom: 4.2rem;
				@media screen and (max-width: 750px) {
					max-width: 100%;
				}
			}
			.banner__buttons{
				margin-top: 0;
			}
		}
	}

	/* Tablet */
	@media screen and (max-width: 1023px) {
		&::before {
			width: 80%;
			background: linear-gradient(90deg, rgba(4, 27, 77, 0.78) 30%, rgba(0, 0, 0, 0) 85%);
		}

		.banner__box {
			padding: 0;

			.banner__heading {
				max-width: none;
			}

			.banner__icons {
				gap: 2.4rem 3.2rem;
			}

			.banner__icon-image {
				height: 4.2rem;
			}
		}
	}

	/* Mobile — keep overlay (readable white text), tighten spacing */
	@media screen and (max-width: 749px) {
		min-height: 48rem;

		&::before {
			display: block !important;
			width: 100%;
			background: linear-gradient(
				180deg,
				rgba(4, 27, 77, 0.15) 0%,
				rgba(4, 27, 77, 0.55) 42%,
				rgba(4, 27, 77, 0.88) 100%
			);
		}

		.banner__media {
			position: absolute !important;
			inset: 0;
			height: 100% !important;
		}

		&.banner--medium .banner__content,
		.banner__content {
			position: relative;
			min-height: 48rem !important;
			align-items: flex-end;
			padding: 6rem 2rem;
		}

		.banner__box {
			padding: 0;
			text-align: left;

			.banner__heading {
				font-size: clamp(2.6rem, 8vw, 3.4rem);
				max-width: none;

				&::after {
					width: 5.6rem;
					margin-block: 1.4rem 1.8rem;
				}
			}

			.banner__text p {
				font-size: 1.4rem;
				line-height: 1.4;
			}

			.banner__icons {
				gap: 2rem 2.4rem;
				margin-top: 2rem;
			}

			.banner__icon-image {
				height: 3.6rem;
			}
		}
	}
}

.image-with-text-section.sacred-origins-section {
	.image-with-text__content {
		padding: 0;
	}

	.image-with-text__grid {
		align-items: center;
	}

	.image-with-text__media {
		border-radius: 1rem;
		overflow: hidden;
		border: none;

		img {
			border-radius: 1rem;
		}
	}

	.image-with-text__media-item {
		padding-right: 4rem !important;
		@media screen and (max-width: 1180px) {
			padding-right: 3rem !important;
		}
		@media screen and (max-width: 1110px) {
			padding-right: 2rem !important;
		}
		@media screen and (max-width: 749px) {
			padding-right: 0 !important;
			padding-bottom: 4rem !important;
		}
	}

	.image-with-text__text-item {
		padding-left: 4rem !important;
		@media screen and (max-width: 1180px) {
			padding-left: 3rem !important;
		}
		@media screen and (max-width: 1110px) {
			padding-left: 2rem !important;
		}
		@media screen and (max-width: 749px) {
			padding-left: 0 !important;
		}
	}

	.image-with-text__heading {
		font-family: var(--font-playfair-display-family);
		font-size: clamp(3.2rem, 2.4rem + 2.5vw, 5.2rem);
		color: #1B365D;
		margin-bottom: 3rem;

		@media screen and (max-width: 1180px) {
			font-size: 3.6rem;
		}
		
		em {
			line-height: 1.35;
			font-style: italic;
			color: #CBA054;
			font-family: var(--font-playfair-display-family);
			transform: none;
			font-size: 1em;
			display: block;
		}
	}

	.image-with-text__text {
		margin-top: 0;
		font-size: clamp(1.5rem, 1.3rem + 0.4vw, 1.8rem);
		line-height: 1.55;
		font-weight: 300;
		letter-spacing: 0;
		color: #1B365D;

		@media screen and (max-width: 1180px) {
			font-size: 1.6rem;
		}

		p {
			font-size: inherit;
			font-weight: inherit;
			margin-bottom: 0;
			&+p{
				margin-top: 2rem;
			}
		}

		&+.button,
		> .button {
			margin-top: 5rem;
		}
	}
}

.pagemain-landing-page h2.testimonial-carousel-title.is-grid,
.pagesplendor-paid-ad-landing h2.testimonial-carousel-title.is-grid {
	font-size: clamp(2.8rem, 2.2rem + 1.5vw, 4rem);
	font-weight: bold;
	margin-bottom: 50px;
	line-height: 1.2;
}

.pagesplendor-paid-ad-landing .inbetweenwhite {
	background-size: 28rem auto;
}

body.template-page.pagesplendor-paid-ad-landing,
body.template-page.pagemain-landing-page {
	overflow: auto !important;
}

@media screen and (max-width: 1024px) {
	.pagemain-landing-page h2.testimonial-carousel-title.is-grid,
	.pagesplendor-paid-ad-landing h2.testimonial-carousel-title.is-grid {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.pagemain-landing-page h2.testimonial-carousel-title.is-grid,
	.pagesplendor-paid-ad-landing h2.testimonial-carousel-title.is-grid {
		margin-bottom: 30px;
	}

	.pagesplendor-paid-ad-landing .inbetweenwhite {
		background: none;
	}

	.pagesplendor-paid-ad-landing .inbetweenwhite {
		padding-bottom: 2rem;
	}

	.pagemain-landing-page .image-carousel-header.is-grid-image-carousel {
		display: none;
	}
}

/* Brand button variants — shared base, then gold / outline / legacy overrides */
.button.button--gold,
.button--gold,
button.button--gold,
.button.button--outline,
.button--outline,
button.button--outline,
.button.gold {
	width: auto;
	min-width: unset;
	min-height: unset;
	border-radius: 32px;
	padding: 12px 50px 14px;
	font-family: var(--font-amicale-family, 'Amicale', sans-serif);
	font-weight: 600;
	font-size: clamp(1.5rem, 1.3rem + 0.4vw, 1.8rem);
	line-height: 100%;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	transition: background 0.5s ease, color 0.5s ease;

	&::before,
	&::after {
		display: none;
	}
}

.button.button--gold,
.button--gold,
button.button--gold,
.button.gold {
	background: #CBA054;
	color: #ffffff;
	border: 1px solid #FFFFFF80;
}

.button.button--gold,
.button--gold,
button.button--gold {
	&:hover {
		background: #b89048;
		color: #ffffff;
	}
}

.button.button--outline,
.button--outline,
button.button--outline {
	background: transparent;
	color: #1B365D;
	border: 1px solid #1b365d66;

	&:hover {
		background: #1b365d;
		color: #ffffff;
	}
}

.button.gold {
	padding: 1.2rem 5rem;
}

.beauty-with-purpose-section.page-imgbanner-section {
	&::before {
		content: none;
		background: none;
		height: auto;
		width: auto;
		position: static;
	}
	.banner__content {
		padding-block: 6rem;
		.banner__box {
			.banner__heading {
				font-family: var(--font-playfair-display-family);
				font-style: italic;
				font-size: clamp(5rem, 6vw, 7rem);
				font-weight: 500;
				line-height: 1.15;
				max-width: 50rem;
				color: #1B365D;
				em{
					font-weight: 600;
				}
				&::after{
					margin-top: 3rem;
				}
				@media screen and (max-width: 750px) {
					color: #fff;
				}
				&::after{
					width: 6rem;
				}
			}
			.banner__text {
				color: #fff;
				font-size: clamp( 1.6rem, 1.8vw, 2rem);
				max-width: 75rem;
				margin-top: 2.8rem;
				p{
					font-size: inherit;
				}
			}
			.banner__icons {
				margin-top: 0; gap:7.5rem;
				.banner__icon-image {
					height: 3rem;
				}
				.banner__icon-title {
					font-size: 1.3rem;
				}
			}
		}
	}
	&.page-light-version-banner {
		.banner__box {
			.banner__heading {
				color: #fff;
				font-style: normal;
				max-width: 65rem;
			}
		}
	}
	&.find-us-near-you-banner {
		&::after{
			@media screen and (max-width: 600px) {
				background: linear-gradient(45deg, #000 0, transparent 75%);
				opacity: 0.8 !important;
			}
		}
		.banner__box {
			max-width: 46rem;
			@media screen and (max-width: 768px) {
				max-width: 40rem;
			}
			.banner__heading {
				em{
					font-weight: 500;
				}
			}
		}
	}
	&.water-hero-banner {
		&::after{
			@media screen and (max-width: 750px) {
				background: linear-gradient(45deg, #000 0, transparent 80%);
				opacity: 0.8 !important;
			}
		}
		.banner__box {
			.banner__text {
				max-width: 52rem;
			}
			.banner__heading{
				max-width: 52.8rem;
				letter-spacing: 0px;
				font-size: clamp(3.6rem, 6vw, 7rem);
				@media screen and (max-width: 750px){
					max-width: 27rem;
				}
			}
			.banner__buttons{
				margin-top: 7.5rem !important;
				@media screen and (max-width: 1200px) {
					margin-top: 6rem !important;
				}
				@media screen and (max-width: 1024px) {
					margin-top: 5rem !important;
				}
				@media screen and (max-width: 768px) {
					margin-top: 4rem !important;
				}
				@media screen and (max-width: 600px) {
					margin-top: 3rem !important;
				}
			}
		}
	}
	&.impact-banner {
		@media screen and (max-width: 750px) {
			.banner__content {
				padding-top: 6rem;
				padding-bottom: 3.2rem;
			}
		}
		.banner__box {
			max-width: 65%;
			@media screen and (max-width: 1200px) {
				max-width: 70%;
			}
			@media screen and (max-width: 750px) {
				max-width: 100%;
				.banner__buttons{
					margin-top: 0;
				}
			}
			.banner__heading {
				max-width: 100%;
				font-style: normal;
				&::after{
					@media screen and (max-width: 750px) {
						content: none;
					}
				}
				@media screen and (max-width: 1200px) {
					font-size: clamp(3rem, 4.5vw, 7rem);
				}
				@media screen and (max-width: 750px) {
					font-size: clamp(3.2rem, 5vw, 5rem);
				}
			}
			.banner__text{
				max-width: 80%;
				margin-bottom: 4.2rem;
				@media screen and (max-width: 1200px) {
					max-width: 70%;
				}
				@media screen and (max-width: 750px) {
					max-width: 100%;
					margin-bottom: 2.2rem;
					font-size: 1.5rem;
				}
			}
		}
	}
	&.subscribe-page-banner {
		&::after{
			@media screen and (max-width: 1200px) {
				background: #000;
				opacity: 0.45 !important;
			}
		}
		.banner__content {
			.banner__box {
				max-width: 62%;
				@media screen and (max-width: 1200px) {
					max-width: 58%;
				}
				@media screen and (max-width: 750px) {
					max-width: 100%;
				}
				.banner__heading{
					@media screen and (max-width: 800px) {
						font-size: clamp(4.2rem, 5.2vw, 5.2rem);
					}
					@media screen and (max-width: 750px) {
						&::after{
							content: none;
						}
					}
				}
				.banner__icons{
					gap: clamp(2.4rem, 5.2vw, 7.5rem);
				}
				.banner__buttons {
					margin-block: 3.6rem 5rem;
				}
			}
		}
	}
	&.terms-page-banner {
		min-height: 30rem !important;
		.banner__content {
			min-height: 30rem !important;
			.banner__box {
				max-width: 36rem;
			}
		}
	}
	&.faq-page-banner {
		&::after{
			background: linear-gradient(45deg, #000 0, transparent 80%);
			opacity: 0.8 !important;
		}
		.banner__box {
			max-width: 78rem;
			.banner__heading {
				max-width: 78rem;
				color: #fff;
				font-size: clamp(3.6rem, 5vw, 6.4rem);
			}
			.banner__buttons {
				justify-content: center;
				margin-top: 4rem;
			}
		}
	}
}

.beauty-with-purpose-section.about-imgbanner-section {
	&::after{
		content: '';
		background: url('/cdn/shop/files/about-us-banner-gradient.png?v=1785781780') no-repeat center center / contain;
		position: absolute;
		opacity: 1 !important;
		width: 100%;
		height:130%;
		top: -7.5%;
		left: 0;
		z-index: 1;
		pointer-events: none;
		@media screen and (max-width: 750px) {
			background: linear-gradient(45deg, #000 0, transparent 75%);
			height: 100%;
			top: 0;
		}
	}
	.media img{
		@media screen and (max-width: 750px) {
			object-position: 100%;
		}
	}
	.banner__content {
		justify-content: center;
		.banner__box {
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			max-width: clamp(30rem, 45vw, 60rem);
			.banner__heading {
				font-size: clamp(4rem, 5vw, 7rem);
				max-width: 100%;
				font-style: normal;
				font-weight: 500;
				em{
					font-style: italic;
					font-weight: 600;
				}
				&::after{
					margin-inline: auto;
				}
				@media screen and (max-width: 750px) {
					color: #fff;
					font-size: clamp(3.6rem, 5vw, 5rem);
				}
			}
			.banner__text{
				color: #1B365D;
				font-size: clamp(1.6rem, 1.8vw, 2rem);
				line-height: 1.55;
				max-width: 50rem;
				margin-top: 0;
				margin-inline: auto;
				p{font-size: inherit;}
				@media screen and (max-width: 800px) {
					color: #fff;
				}
			}
		}
	}
}

section:has(.icon-boxes-with-images){
	@media screen and (max-width: 750px) {
		padding-top: 4.6rem !important;
	}
}

.about-beliefs-section.multicolumn-section,
.about-values-section.multicolumn-section {
	background: #fff;

	.page-width {
		@media screen and (max-width: 990px) {
			padding-inline: 0;
		}
	}

	.multicolumn__title {
		justify-content: center;
		margin-bottom: clamp(2.4rem, 4.8vw, 4.8rem);
	}

	.multicolumn-list {
		column-gap: 0;
		row-gap: 3.2rem;
		--grid-desktop-horizontal-spacing: 0;
		--grid-mobile-horizontal-spacing: 0;

		@media screen and (min-width: 990px) {
			flex-wrap: nowrap;
		}

		@media screen and (max-width: 989px) {
			justify-content: center;
		}
	}

	.multicolumn-list__item {
		position: relative;
		
		@media screen and (min-width: 850px) {
			flex: 1 1 0 !important;
			width: auto !important;
			max-width: none !important;
			min-width: 0;

			&:not(:first-child)::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 2px;
				background: #CBA052;
				opacity: 0.7;
				pointer-events: none;
			}
		}

		@media screen and (max-width: 849px) {
			flex: 0 0 33.333% !important;
			width: 33.33% !important;
			max-width: 33.33% !important;
			min-width: 0;
			&::before, &::after{
				content: none;
			}
		}

		@media screen and (max-width: 750px) {
			flex: 0 0 50% !important;
			width: 50% !important;
			max-width: 50% !important;
			min-width: 0;
			&::before, &::after{
				content: none;
			}
		}

		.multicolumn-card {
			background: transparent !important;
			box-shadow: none;
			padding-inline: clamp(2rem, 3.6vw, 4.8rem);
			padding-block: 0.5rem;

			.multicolumn-card__image-wrapper {
				width: clamp(4.5rem, 6.5vw, 6.5rem);
				height: clamp(4rem, 5.4vw, 5.4rem);
				margin: 0 auto 1.6rem;

				.media{
					width: 100%;
					height: 100%;
					img {
						max-height: 100%;
						width: 100%;
						object-fit: contain !important;
					}
				}
			}

			.multicolumn-card__info {
				padding: 0;
				h3 {
					font-family: var(--font-playfair-display-family);
					font-weight: 500;
					font-size: clamp(1.8rem, 2.2vw, 2rem);
					line-height: 1.35;
					letter-spacing: 0;
					color: #1B365D;
					margin-block: 0 clamp(1.2rem, 1.6vw, 2rem);
				}

				p {
					color: #000;
					font-size: 1.3rem !important;
					line-height: 1.5;
					font-weight: 400;
					letter-spacing: 0.01em;
					max-width: 22rem;
					margin-inline: auto;
					margin-bottom: 0;
				}
			}
		}
	}
}

.about-beliefs-section.multicolumn-section {
	.multicolumn__title {
		margin-bottom: clamp(2.4rem, 4.5vw, 4.5rem);
		.title {
			position: relative;
			font-family: var(--font-amicale-family, 'Amicale', sans-serif);
			font-weight: 900;
			font-size: 1.3rem;
			line-height: 2.8rem;
			letter-spacing: 0;
			text-align: center;
			text-transform: uppercase;
			color: #CBA052;
			margin-bottom: 0;
		}
	}

	.multicolumn-list{
		padding-inline: clamp(2.8rem, 3.6vw, 4.8rem);
		@media screen and (max-width: 990px) {
			padding-inline: 0;
		}
	}

	.multicolumn-list__item {
		.multicolumn-card__image-wrapper{
			width: 100% !important;
			height: 5.5rem !important;
		}
		.multicolumn-card__info {
			h3 {
				margin-inline: auto;
			}
		}
	}

	@media screen and (max-width: 989px) {
		.multicolumn-list {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		}
	}

	@media screen and (max-width: 600px) {
		.multicolumn-list {
			grid-template-columns: 1fr !important;
		}
	}
}

.about-values-section.multicolumn-section {
	.multicolumn__title {
		.title {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 0.8rem;
			font-family: var(--font-playfair-display-family);
			font-weight: 500;
			font-size: clamp(2.6rem, 3.6vw, 3.6rem);
			line-height: 1.25;
			letter-spacing: 0;
			text-align: center;
			color: #1B365D;
			margin-bottom: 0;

			&::before {
				content: 'Rooted in Intention';
				display: block;
				font-family: var(--font-amicale-family, 'Amicale', sans-serif);
				font-weight: 900;
				font-size: 1.3rem;
				line-height: 2;
				letter-spacing: 0;
				text-transform: uppercase;
				color: #CBA052;
			}
		}
	}

	@media screen and (max-width: 989px) {
		.multicolumn-list {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		}

		.multicolumn-list__item {
			&:nth-child(5) {
				grid-column: 1 / -1;
			}
		}
	}

	@media screen and (max-width: 600px) {
		.multicolumn-list {
			grid-template-columns: 1fr !important;
		}

		.multicolumn-list__item:nth-child(5) {
			grid-column: auto;
		}
	}
}

.how-it-works-section.multicolumn-section {
	background: #fff;

	.page-width {
		@media screen and (max-width: 990px) {
			padding-inline: 0;
		}
	}

	.multicolumn__title {
		justify-content: center;
		margin-bottom: 4rem;

		.title {
			position: relative;
			font-family: var(--font-playfair-display-family);
			font-weight: 500;
			font-size: clamp(2.8rem, 4vw, 3.6rem);
			line-height: 1.2;
			letter-spacing: 0;
			text-align: center;
			color: #1B365D;
			margin-bottom: 0;
			padding-bottom: 1.8rem;

			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 6rem;
				height: 3px;
				background: #CBA052;
			}
		}
	}

	.multicolumn-list {
		gap: 12rem;
		--grid-desktop-horizontal-spacing: 12rem;

		@media screen and (max-width: 1200px) {
			gap: 4rem;
			--grid-desktop-horizontal-spacing: 4rem;
		}

		@media screen and (max-width: 989px) {
			gap: 3.5rem;
			--grid-desktop-horizontal-spacing: 3.5rem;
		}

		@media screen and (max-width: 800px) {
			gap: 2rem;
			--grid-desktop-horizontal-spacing: 2rem;
		}
	}

	.multicolumn-list__item {
		position: relative;
		container-type: inline-size;

		@media screen and (min-width: 990px) {
			&:not(:last-child) .multicolumn-card__image-wrapper::after {
				content: '';
				position: absolute;
				top: 50%;
				left: calc(100% + (100cqw - 100%) / 2 + var(--grid-desktop-horizontal-spacing) / 2);
				width: 12.1rem;
				height: 1.5rem;
				background: url('how-it-works-arrow.svg') center / contain no-repeat;
				transform: translate(-50%, -50%);
				pointer-events: none;
				z-index: 1;
			}
		}

		@media screen and (max-width: 750px) {
			max-width: 62%;
			flex: 0 0 62%;
		}

		.multicolumn-card {
			background: transparent !important;
			box-shadow: none;

			.multicolumn-card__image-wrapper {
				position: relative;
				overflow: visible;
				max-width: clamp(12rem, 15vw, 17.4rem);
				margin-inline: auto;
				border-radius: 50%;

				img {
					object-fit: contain;
					border-radius: 50%;
				}
			}

			.multicolumn-card__info {
				padding: 1.6rem 1rem 0;

				h3 {
					font-family: var(--font-playfair-display-family);
					font-weight: 500;
					font-size: clamp(2rem, 2.4vw, 2.4rem);
					line-height: 1.3;
					letter-spacing: 0;
					color: #1B365D;
					margin-block: 0.8rem 1.2rem;
				}

				p {
					color: #6E6E6E;
					font-size: 1.5rem !important;
					line-height: 1.55;
					font-weight: 400;
					letter-spacing: 0.02em;
					max-width: 28rem;
					margin-inline: auto;
				}
			}
		}
	}
}

.how-can-we-help-section.multicolumn-section{
	background: #F2F0EB;
	.page-width{
		@media screen and (max-width: 990px) {
			padding-inline: 0;
		}
	}
	@media screen and (max-width: 990px) {
		margin-bottom: 3.6rem;
	}
	.multicolumn__title{
		justify-content: center;
		.title{
			font-family: Amicale;
			font-weight: 900;
			font-size: 1.3rem;
			line-height: 2.8rem;
			letter-spacing: 0%;
			text-align: center;
			color: #CBA052;
			text-transform: uppercase;
			margin-bottom: 3rem;
			&::after{
				content: '';
				position: absolute;
				bottom: -8px;
				left: 50%;
				transform: translateX(-50%);
				width: 70px;
				height: 3px;
				background: #CBA052;
			}
		}
	}
	.multicolumn-list {
		gap: 8.6rem;
		--grid-desktop-horizontal-spacing: 8.6rem;
		@media screen and (max-width: 1200px) {
			gap: 5rem;
			--grid-desktop-horizontal-spacing: 5rem;
		}
		@media screen and (max-width: 1024px) {
			gap: 3rem;
			--grid-desktop-horizontal-spacing: 3rem;
		}
		@media screen and (max-width: 600px) {
			gap: 2rem;
			--grid-desktop-horizontal-spacing: 2rem;
		}
	}
	.multicolumn-list__item{
		background: #FFFFFF;
		padding: 4rem 5.5rem;
		@media screen and (max-width: 1300px) {
			padding: 4rem 3rem;
		}
		@media screen and (max-width: 600px) {
			padding: 3rem 2rem;
			width: 55% !important;
			max-width: 55% !important;
		}
		img{
			@media screen and (max-width: 600px) {
				height: 60px !important;
			}
		}
		.multicolumn-card{
			background: #fff !important;
			.multicolumn-card__info{
				padding: 0;
				h3{
					font-family: Playfair Display;
					font-weight: 500;
					font-size: 2.4rem;
					line-height: 1.55;
					font-weight: 500;
					letter-spacing: 0;
					margin-block: 1rem 4rem;
					@media screen and (max-width: 1024px) {
						margin-block: 1rem 3rem;
					}
					@media screen and (max-width: 600px) {
						font-size: 2.2rem !important;
						margin-block: 1rem 2rem;
					}
				}
				p{
					color: #6E6E6E;
					font-size: 1.5rem !important;
					line-height: 1.45;
					font-weight: 500;
					letter-spacing: 5%;
				}
				.link{
					font-family: Amicale;
					font-weight: 700;
					font-size: 1.8rem;
					line-height: 1.55;
					letter-spacing: 0%;
					color: #CBA052;
					margin-top: 0.5rem;
					@media screen and (max-width: 600px) {
						font-size: 1.6rem !important;
						margin-top: 0;
					}
				}
			}
		}
	}
}

.product-template__container{
	padding-top: 10rem;
}

/* Water page — preserving image-with-text */
.image-with-text-section.water-preserving-section {
	.image-with-text__heading {
		font-size: clamp(2.4rem, 3.2vw, 3rem);
		max-width: 40rem;
		em {
			display: inline;
			font-size: 1em;
		}

		&::after {
			content: '';
			display: block;
			width: 7rem;
			height: 0.3rem;
			margin-top: 2.2rem;
			background: #CBA054;
		}
	}

	.image-with-text__subtitle{
		font-size: clamp(1.2rem, 1rem + 0.2vw, 1.3rem);
		margin-bottom: 1rem;
	}

	.image-with-text__text-content{
		color: #6E6E6E
	}
	.image-with-text__text-item{
		padding-left: 3rem !important;
		@media screen and (max-width: 750px) {
			padding-left: 0 !important;
		}
	}
	.image-with-text__media-item{
		padding-right: 3rem !important;
		@media screen and (max-width: 750px) {
			padding-right: 0 !important;
		}
	}
	.image-with-text__text {
		font-size: clamp(1.4rem, 2.4vw, 1.5rem);
		font-weight: 600;
		strong {
			font-weight: 900;
		}
	}
	&.about-korimana-section{
		.image-with-text__text-item{
			padding-left: 2.25rem !important;
			@media screen and (max-width: 800px) {
				padding-left: 1.6rem !important;
			}
			@media screen and (max-width: 750px) {
				padding-left: 0 !important;
			}
		}
		.image-with-text__media-item{
			padding-right: 2.25rem !important;
			@media screen and (max-width: 800px) {
				padding-right: 1.6rem !important;
			}
			@media screen and (max-width: 750px) {
				padding-right: 0 !important;
			}
		}
		.image-with-text__heading{
			line-height: 1.33;
			max-width: 36rem;
			@media screen and (max-width: 750px) {
				max-width: 30rem !important;
			}
			em{
				font-style: normal;
				line-height: inherit;
				color: #1B365D;
				display: block;
				margin-top: 0rem;
			}
		}
		.image-with-text__text-content{
			b{
				font-weight: 700;
				color: #CBA052;
				display: block;
				&:before{
					content: '';
					display: block;
					width: 60px;
					height: 3px;
					background: #CBA052;
					margin-block: 1.4rem;
				}
			}
		}
	}
	&.about-korimana-section,
	&.about-curiosity-section{
		.image-with-text__subtitle{
			font-weight: 900;
			margin-bottom: 1.4rem;
		}
		.image-with-text__heading{
			font-weight: 500;
			&::after{
				width: 6rem;
			}
		}
		.image-with-text__text-content{
			p+p{
				margin-top: 2rem;
			}
		}
		.button{
			padding: 2rem 0 0;
			margin:0;
			background: none;
			border: none;
			border-radius: 0;
			font-weight: 900;
			font-size: 1.5rem;
			color: #1B365D;
		}
	}
	&.about-curiosity-section{
		.image-with-text__image-caption{
			font-style: italic;
			font-size: 1.5rem;
			text-align: right;
			@media screen and (max-width: 750px) {
				font-size: 1.3rem !important;
			}
		}
		.image-with-text__text-item{
			padding-left: 1.2rem !important;
			padding-right: 3.5rem !important;
			@media screen and (max-width: 800px) {
				padding-left: 0 !important;
				padding-right: 1.6rem !important;
			}
			@media screen and (max-width: 750px) {
				padding-right: 0 !important;
			}
		}
		.image-with-text__media-item{
			padding-right: 0 !important;
			padding-left: 3.5rem !important;
			@media screen and (max-width: 800px) {
				padding-left: 1.6rem !important;
				padding-right: 0 !important;
			}
			@media screen and (max-width: 750px) {
				padding-left: 0 !important;
			}
		}
	}
}

.continuos-image-w-text{
	&.continuous-image-w-text-right{
		.image-with-text__media-item{
			border-radius: 1rem 0 0 1rem;
		}
	}
	.image-with-text__media-item{
		width: 60%;
		border-radius: 0 1rem 1rem 0;
		overflow: hidden;
		@media screen and (max-width: 750px) {
			width: 100%;
			border-radius: 1rem;
		}
	}
	.image-with-text__text-item{
		width: 40%;
		@media screen and (max-width: 750px) {
			width: 100%;
		}
	}
	.image-with-text__content{
		padding: clamp(3.6rem, 4vw, 4.6rem) clamp(2.6rem, 3vw, 3.6rem) clamp(4rem, 5vw, 5rem);
		@media screen and (max-width: 750px) {
			padding-top: 2.4rem;
			padding-inline: 2rem;
		}
		.image-with-text__heading{
			font-size: clamp(2.4rem, 3.2vw, 3rem);
			font-family: var(--font-playfair-display-family);
			color: #1B365D;
			font-weight: 400;
			font-style: italic;
			margin-bottom: clamp(2rem, 2.8vw, 3rem);
		}
		.image-with-text__text {
			margin: 0;
			p{
				font-size: clamp(1.4rem, 2.4vw, 1.5rem);
				font-weight: 500;
				line-height: 1.85;
				letter-spacing: 5%;
				color: #6E6E6E;
				margin-bottom: 0;
			}
		} 
		.button{
			padding: 0;
			background: none;
			border: none;
			border-bottom: 1px solid #1B365D;
			border-radius: 0;
			text-transform: uppercase;
			font-size: 1.4rem;
			margin-left: auto;
			margin-top: 2rem !important;
			transition: all 0.5s ease;
			padding-bottom: 0.15rem;
			@media screen and (max-width: 1100px) {
				margin-left: 0;
				margin-top: 4.6rem !important;
			}
			&:hover{
				border-bottom: 1px solid #CBA052;
				color: #CBA052;
			}
		}
	}
	.image-with-text__media{
		border:none;
	}
}

/* Image with text + icons — default icon grid */
.image-with-text-icon-section {
	.image-with-text__icon-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(2rem, 4vw, 4rem);
		list-style: none;
		margin: clamp(2.6rem, 3.2vw, 3.6rem) 0 0;
		padding: 0;
		width: 100%;
	}

	.image-with-text__icon-item {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		min-width: 0;
		padding: 0;

		&:not(:last-child)::after {
			content: '';
			position: absolute;
			top: 0;
			right: calc(-1 * (clamp(2rem, 4vw, 4rem) / 2));
			width: 1px;
			height: 100%;
			background: #cba054;
			opacity: 1;
		}
	}
	.image-with-text__icon-media {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1.3rem;
	}

	.image-with-text__icon-image {
		display: block;
		width: 7.2rem;
		max-height: 5.5rem;
		object-fit: contain;
		@media screen and (max-width: 750px) {
			width: 6rem;
			max-height: 4.2rem;
		}
	}

	.image-with-text__icon-title {
		margin: 0 0 0.8rem;
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-weight: 900;
		font-size: clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
		line-height: 1;
		letter-spacing: 0;
		color: #6E6E6E;
	}

	.image-with-text__icon-desc {
		margin: 0;
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-weight: 600;
		font-size: clamp(1.2rem, 1.1rem + 0.2vw, 1.3rem);
		line-height: clamp(1.8rem, 1.6rem + 0.4vw, 2.2rem);
		letter-spacing: 0.05em;
		color: #6e6e6e;
	}

	@media screen and (max-width: 749px) {
		.image-with-text__icon-item {
			padding: 0;
		}
	}
}

/* Social impact — source protect section */
.image-with-text-section.impact-source-section {
	.image-with-text__content {
		padding: 0;
	}

	.image-with-text__grid {
		align-items: center;
	}

	.image-with-text__media {
		border-radius: 1rem;
		overflow: hidden;
		border: none;

		img {
			border-radius: 1rem;
		}
	}

	.image-with-text__media-item {
		padding-right: clamp(2rem, 2.4vw, 3rem) !important;

		@media screen and (max-width: 1200px) {
			padding-right: 1.6rem !important;
		}

		@media screen and (max-width: 749px) {
			padding-right: 0 !important;
			padding-bottom: 4rem !important;
		}
	}

	.image-with-text__text-item {
		padding-left: clamp(2rem, 2.4vw, 3rem) !important;
		
		@media screen and (max-width: 1200px) {
			padding-left: 1.6rem !important;
		}

		@media screen and (max-width: 749px) {
			padding-left: 0 !important;
		}
	}

	.image-with-text__subtitle {
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-weight: 900;
		font-size: clamp(1.1rem, 1.1rem + 0.2vw, 1.3rem);
		line-height: 2.8rem;
		letter-spacing: 0;
		text-transform: uppercase;
		color: #cba054;
		margin: 0 0 clamp(0.4rem, 1vw, 0.8rem);
	}

	.image-with-text__heading {
		font-family: var(--font-playfair-display-family);
		font-weight: 500;
		font-size: clamp(2.4rem, 1.6rem + 1.2vw, 3rem);
		line-height: 1.33;
		color: #1b365d;
		margin: 0 0 clamp(1.6rem, 2vw, 2.2rem);
		max-width: 36rem;

		em {
			display: block;
			font-style: italic;
			font-weight: 500;
			color: #cba054;
			font-family: var(--font-playfair-display-family);
			font-size: 1em;
			line-height: inherit;
			transform: none;
			margin-top: 0;
		}

		&::after {
			content: '';
			display: block;
			width: clamp(4.8rem, 6vw, 7rem);
			height: 0.3rem;
			margin-top: clamp(1.2rem, 1.6vw, 2.2rem);
			background: #cba054;
		}
	}
	
	.image-with-text__text {
		margin: 0;
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
		line-height: 1.48;
		font-weight: 600;
		letter-spacing: 0.05em;
		color: #6e6e6e;

		p {
			font-size: inherit;
			font-weight: inherit;
			line-height: inherit;
			margin-bottom: 0;
		}
	}
}

.section:has(.subscribe-benefits-section),
.section:has(.subscribe-featured-collections) {
	background: #1B365D;
}

.section:has(.subscribe-benefits-section) + .section {
	margin-top: 0;
}

.subscribe-benefits-section.multicolumn-section {
	background: #1B365D;
	color: #fff;

	.page-width {
		max-width: 120rem;
	}

	.multicolumn__title {
		justify-content: center;
		margin-bottom: 4.6rem;

		.title {
			position: relative;
			font-family: var(--font-playfair-display-family);
			font-weight: 500;
			font-size: clamp(3.2rem, 4vw, 4.8rem);
			line-height: 1.2;
			letter-spacing: 0;
			text-align: center;
			color: #fff;
			padding-bottom: 1.8rem;

			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 6rem;
				height: 3px;
				background: #fff;
			}
		}
	}

	.slider-buttons {
		display: none;
	}

	.multicolumn-list {
		align-items: stretch;
		justify-content: center;
		gap: 0;
		--grid-desktop-horizontal-spacing: 0px;
		flex-wrap: nowrap;
		@media screen and (max-width: 990px) {
			padding-inline: 0 !important;
		}
		@media screen and (max-width: 750px) {
			flex-wrap: wrap;
		}
	}

	.multicolumn-list__item {
		position: relative;
		max-width: 100%;
		width: auto;
		flex: 0 1 auto;

		&:not(:last-child)::after {
			content: '';
			position: absolute;
			top: 50%;
			right: 0;
			width: 3px;
			height: 5.4rem;
			background: #CBA054;
			transform: translateY(-50%);
			pointer-events: none;
		}
		@media screen and (max-width: 750px) {
			width: 50%;
		}

		.multicolumn-card {
			background: transparent !important;
			box-shadow: none;
			padding: 0 clamp(2rem, 3vw, 3.2rem);
			display: flex;
			gap: clamp(1rem, 1.8vw, 2rem);
			align-items: center;

			@media screen and (max-width: 990px) {
				padding-inline: 2.4rem !important;
				flex-direction: column;
			}
			@media screen and (max-width: 750px) {
				padding: 2rem 3rem !important;
			}

			&:after{
				content: none;
			}

			.multicolumn-card__image-wrapper {
				max-width: 4.8rem;
				margin: 0;

				.media {
					padding-top: 0 !important;
					height: 3.2rem;
					background: none;

					img {
						position: static;
						width: auto;
						height: 3.2rem;
						max-width: 4.8rem;
						object-fit: contain;
						margin: 0 auto;
						transform: none;
					}
				}
			}

			.multicolumn-card__info {
				padding: 0;

				h3 {
					color: #fff;
					font-family: var(--font-inter-family, 'Inter', sans-serif);
					font-size: 1.4rem;
					font-weight: 500;
					line-height: 1.3;
					letter-spacing: 0;
					text-transform: none;
					margin: 0;
				}
			}
		}

		@media screen and (max-width: 749px) {
			max-width: none;

			&:not(:last-child)::after {
				content: none;
			}

			.multicolumn-card {
				padding: 1.2rem;
			}
		}
	}
}

.subscribe-featured-collections.featured-collections.collection {
	position: relative;
	background: #1B365D;
	color: #fff;
	margin-bottom: 16px;

	.collection-tabs{
		background: #1D4885;
	}
	.collection-tabs-nav {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 3.2rem;
	}

	.simple-slider-wrapper {
		position: relative;
		z-index: 2;
	}

	.subscribe-picker-layout {
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.subscribe-bottles-wrap {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		max-width: none;
		overflow: hidden;
		
		.slider {
			width: 100%;
			max-width: 100vw;
			margin: 0;
			padding: 0;
			overflow: hidden;
			scrollbar-width: none;
			
			&::-webkit-scrollbar {
				display: none;
			}
			
			&::after {
				content: none;
			}
		}
		
		.slider.slider--desktop .slider__slide,
		.grid--1-col .grid__item.slider__slide {
			width: 100%;
			max-width: 100%;
			margin-left: 0;
			padding-left: clamp(2rem, 10vw, 10rem);
			padding-right: clamp(2rem, 10vw, 10rem);
			scroll-margin-left: 0;
			overflow: hidden;
			@media screen and (max-width: 1300px) {
				padding-inline: clamp(2rem, 3.2vw, 4.6rem);
			}
			@media screen and (max-width: 990px) {
				padding-inline: 0;
			}
		}

		.slider.simple .slider__slide.collection_slide {
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: flex-end;
			gap: 0;
			overflow: hidden;
			@media screen and (max-width: 1300px) {
				gap: 2rem;
			}
		}

		.slider.simple .slider__slide.collection_slide .product {
			box-sizing: border-box;
			flex: 1 1 0;
			width: 22%;
			min-width: 0;
			max-width: none;
			padding: 3rem clamp(2rem, 2.5vw, 3.6rem) 2rem;
			overflow: visible;
			@media screen and (max-width: 1300px) {
				padding: 2rem 0 1.6rem;
			}
		}

		.simple-card-wrapper > .simple-card > .media > img {
			width: auto;
			height: auto;
			max-width: 100%;
			object-fit: contain;
		}
	}

	--bottle-h: clamp(22rem, 27vw, 28rem);

	@media screen and (max-width: 990px) {
		--bottle-h: clamp(18rem, 24vw, 25rem);
	}

	[data-collection="312501371050"]{
		.product {
			&:first-child{
				.media img{
					max-height: calc(var(--bottle-h) * 24 / 28) !important;
				}
			}
			&:nth-child(2){
				.media img{
					max-height: calc(var(--bottle-h) * 27 / 28) !important;
				}
			}
			&:nth-child(3){
				.media img{
					max-height: calc(var(--bottle-h) * 31 / 28) !important;
				}
			}
		}
	}

	.product {
		position: relative;
		z-index: 1;

		&:nth-last-child(-n+2){
			.media img{
				max-height: calc(var(--bottle-h) * 34.2 / 28) !important;
			}
		}

		.simple-card {
			cursor: pointer;
		}

		.simple-card-wrapper {
			.media {
				position: relative;
				overflow: visible;

				&::before {
					content: '';
					position: absolute;
					top: 65%;
					left: 50%;
					z-index: 0;
					width: 26rem;
					height: 26rem;
					transform: translate(-50%, -50%) scale(0.85);
					border-radius: 50%;
					background: radial-gradient(
						circle,
						rgba(255, 255, 255, 0.95) 0%,
						rgba(160, 210, 255, 0.95) 18%,
						rgba(95, 160, 255, 0.75) 40%,
						rgba(57, 113, 195, 0.25) 62%,
						transparent 78%
					);
					filter: blur(36px);
					opacity: 0;
					pointer-events: none;
					transition: opacity 0.45s ease, transform 0.45s ease;
				}

				img {
					position: relative;
					z-index: 1;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: var(--bottle-h);
					object-fit: contain;
				}
			}

			.heading {
				color: #fff;
				font-size: clamp(1.4rem, 1.2vw, 1.6rem);
				font-weight: 500;
				line-height: 1.3;
				margin: 0.8rem 0 1.2rem;
			}

			.button {
				position: relative;
				border-radius: 1rem;
				transition: background 0.5s ease, color 0.5s ease, border-color 0.5s ease;
				padding: 1.3rem 2.4rem !important;
				font-size: clamp(1.3rem, 1.2rem + 0.2vw, 1.5rem);
				max-width: 13rem;
				color: #fff;
				border: 1px solid rgba(255, 255, 255, 0.6);
				background: transparent;

				&::before,
				&::after {
					content: none !important;
					display: none !important;
					position: static;
				}
			}
		}

		&:hover .simple-card-wrapper .media::before,
		&.is-selected .simple-card-wrapper .media::before {
			opacity: 0.7;
			transform: translate(-50%, -50%) scale(1);
		}

		&.is-selected {
			z-index: 2;
		}

		&.is-selected .simple-card-wrapper .button,
		.simple-card-wrapper .button.active {
			background: #CBA054;
			border-color: #CBA054;
			color: #fff;
		}
	}

	#selector.picker-wrapper {
		width: 45rem;
		flex: 0 0 45rem;
		max-width: 45rem;
		padding: 0;
		align-self: stretch;
		position: relative;
		z-index: 2;
		padding-right: clamp(2rem, 3vw, 3.2rem);
		@media screen and (max-width: 1300px) {
			padding-right: 3rem;
		}
		@media screen and (max-width: 990px) {
			padding-inline: 3rem;
			flex: 0 0 100%;
			max-width: 100% !important;
			width: 100%;
			position: static;
			margin-top: 4rem;
			scroll-margin-top: 12rem;
		}
	}

	@media screen and (max-width: 1199px) {
		#selector.picker-wrapper {
			width: 36rem;
			flex-basis: 36rem;
			max-width: 36rem;
		}
	}

	@media screen and (max-width: 989px) {
		.subscribe-picker-layout {
			flex-direction: column;
			overflow: hidden;
			align-items: center;
		}
		
		#selector.picker-wrapper {
			width: 100%;
			flex: 1 1 auto;
		}

		.product .simple-card-wrapper .button {
			width: auto;
			min-width: 12rem;
		}
	}

	@media screen and (max-width: 749px) {
		.collection-tabs-nav {
			margin-bottom: 2.4rem;
		}

		.subscribe-bottles-wrap .slider.simple .slider__slide.collection_slide {
			display: grid;
			grid-template-columns: 1fr 1fr;
			flex-wrap: wrap;
			padding: 0;
		}

		.subscribe-bottles-wrap .slider.simple .slider__slide.collection_slide .product {
			width: 100%;
		}
	}
}

#picker-wrapper.picker-wrapper {
	.product-display {
		padding-top: 2rem;
		img{
			padding: 0.5rem;
		}
	}
}

#selector.picker-wrapper {
	padding: 0;

	.selector-picker-form {
		display: flex;
		flex-direction: column;
		background: #294978;
		border: 1px solid #FFFFFF38;
		color: #fff;
		border-radius: 1.2rem;
		padding: clamp(1.6rem, 1.8vw, 2rem) clamp(2rem, 2.4vw, 4rem);
	}

	.selector-heading {
		margin: 0;
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-size: clamp(1.4rem, 1.6vw, 1.6rem);
		font-weight: 400;
		letter-spacing: 0;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 2rem;
	}

	.product-display {
		display: flex;
		align-items: center;
		gap: 1.6rem;
		padding: 0;
		background: transparent;
		margin-bottom: 3rem;

		.product-thumb {
			width: clamp(8rem, 8vw, 10rem);
			height: clamp(8rem, 8vw, 10rem);
			flex-shrink: 0;
			border-radius: 1rem;
			padding: 0.8rem;
			border: 1px solid #FFFFFF38;
			background: rgba(11, 30, 63, 0.55);
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			object-position: center;
			margin: 0;
		}

		.product-title {
			display: flex;
			flex-direction: column;
			gap: 0.2rem;
			margin: 0;
			font-family: var(--font-inter-family, 'Inter', sans-serif);
			line-height: 1.3;
			text-transform: none;
			color: #fff;
		}

		.product-title__name {
			font-size: clamp(1.5rem, 1.8vw, 1.8rem);
		}

		.product-title__size {
			font-size: 1.4rem;
			font-weight: 300;
		}
	}

	.selector-fields {
		display: flex;
		flex-direction: column;
		gap: 3.2rem;
		@media screen and (max-width: 990px) and (min-width: 750px) {
			flex-direction: row;
			align-items: center;
		}
	}

	.selectWrap {
		width: 100%;

		@media screen and (max-width: 990px) and (min-width: 750px) {
			margin-bottom: 2rem;
		}

		&.selector-freq{
			margin-bottom: 2rem;
		}

		label {
			font-family: var(--font-amicale-family, 'Amicale', sans-serif);
			font-size: clamp(1.4rem, 1.6vw, 1.6rem);
			line-height: 1.8;
			font-weight: 400;
			letter-spacing: 0;
			text-transform: uppercase;
			margin-bottom: 0.8rem;
		}

		select {
			border-radius: 1rem;
			border: 1px solid #fff;
			padding: 0.7rem 3.6rem 0.3rem 2rem;
			font-size: 1.6rem;
			line-height: 1.8;
			text-transform: none;
			letter-spacing: 0;
		}

		&:after {
			right: 1.4rem;
			bottom: 1.4rem;
			width: 1.4rem;
			height: 1.4rem;
		}
	}

	#selector-price {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0.6rem;
		width: 100%;
		font-size: clamp(1.4rem, 1.5vw, 1.7rem);
		line-height: 1.65;
		font-weight: 500;

		> div {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			gap: 1rem;
			width: 100%;
			font-size: inherit;
		}
	}

	.selector-price-row {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		width: 100%;
		gap: 1rem;
		color: #fff;
		font-family: var(--font-inter-family, 'Inter', sans-serif);
		font-size: 1.4rem;
		font-weight: 400;
		padding-left: 2rem;
		@media screen and (max-width: 1300px) {
			padding-left: 0;
		}
	}

	.selector-price-row--subtotal {
		.subtotal-label {
			font-weight: 400;
		}
	}

	.selector-price-values {
		display: flex;
		align-items: baseline;
		justify-content: flex-end;
		flex-shrink: 0;
		gap: 0.8rem;
		margin-left: auto;
	}

	.og-price {
		color: #7EBD56;
		text-decoration: line-through;
		font-size: 1.4rem;
		font-weight: 400;
	}

	.new-price {
		color: #fff;
		font-size: clamp(1.4rem, 1.6vw, 1.6rem);
		font-weight: 500;

		span {
			display: none;
		}
	}

	.per-bottle {
		margin-left: auto;
		font-weight: 400;
	}

	.selector-price-divider {
		width: 100%;
		height: 0;
		margin: 0.8rem 0 0.2rem;
		border: 0;
		border-top: 1px solid #FFFFFF38;
	}

	.selector-shipping {
		margin: 0;
		width: 100%;
		text-align: center;
		color: #7EBD56;
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-size: 1.3rem;
		padding-block: 0 1rem;
		font-weight: 500;
		letter-spacing: 0;
	}

	.button[type="submit"] {
		width: 100%;
		margin-top: 0.2rem;
		border-radius: 1rem;
		background: #CBA054;
		border: 1px solid rgba(255, 255, 255, 0.6);
		color: #fff;
		font-family: var(--font-inter-family, 'Inter', sans-serif);
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		padding: 1.4rem 2rem;
		margin-bottom: 1.5rem;

		&::before,
		&::after {
			content: none !important;
			display: none !important;
		}
	}

	.selector-footer {
		margin: 0;
		text-align: center;
		color: rgba(255, 255, 255, 0.9);
		font-family: var(--font-amicale-family, 'Amicale', sans-serif);
		font-size: 1.3rem;
		line-height: 1.4;
		letter-spacing: 0;
	}
}

.cart__ctas .gfgCartPageWrapperV2{margin:0;}

#faq {
	.faq-accordion-section {
		.collapsible-content-wrapper-narrow {
			max-width: 90rem;
			padding-inline: 2rem;
		}

		.accordion {
			margin: 0;
			border-top: 0;
			border-bottom: 0.1rem solid rgba(27, 54, 93, 0.16);
		}

		.accordion summary {
			align-items: center;
			gap: 1.6rem;
			padding: 2rem 0;
			cursor: pointer;
		}

		.accordion .summary__title {
			flex: 1;
		}

		.accordion__title {
			flex: 1;
			max-width: none;
			color: #1b365d;
			font-family: var(--font-heading-family);
			font-size: clamp(1.6rem, 1.4vw, 1.8rem);
			font-weight: 500;
			line-height: 1.4;
		}

		.accordion .icon-caret {
			flex-shrink: 0;
			width: 2rem;
			height: 1rem;
			color: #1D4885;
			top: 50%;
			translate: 0 -50%;
			transition: transform 0.3s ease-in;
		}

		.accordion__content {
			padding: 0 0 2.4rem;
			color: #1b365d;
			font-size: 1.6rem;
			line-height: 1.6;

			p {
				margin: 0 0 1.2rem;

				&:last-child {
					margin-bottom: 0;
				}
			}

			a {
				color: #1b365d;
				text-decoration: underline;
				text-underline-offset: 0.2rem;
			}
		}

		.collapsible-content summary:hover {
			background: transparent;

			.accordion__title {
				text-decoration: none;
			}
		}
	}
}