/* =========================================================
   PUREB12VAPE COLLECTION V2
   COMMERCE + MOBILE + SEO
========================================================= */

.pb12-collection,
.pb12-collection *{
	box-sizing:border-box;
}

.pb12-collection{
	overflow:hidden;
	background:#fff;
	color:#26364e;
}

.pb12-collection-container{
	width:min(1180px,calc(100% - 40px));
	margin-inline:auto;
}

.pb12-collection a{
	text-decoration:none;
}


/* =========================================================
   HERO
========================================================= */

.pb12-collection-hero{
	position:relative;
	padding:72px 0 76px;
	overflow:hidden;

	background:
		linear-gradient(
			135deg,
			#fbfcff 0%,
			#f3f7ff 52%,
			#eaf1ff 100%
		);
}

.pb12-collection-hero::before{
	content:"";
	position:absolute;
	inset:0;

	background-image:
		linear-gradient(
			rgba(49,86,217,.025) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(49,86,217,.025) 1px,
			transparent 1px
		);

	background-size:46px 46px;
	pointer-events:none;
}

.pb12-collection-hero__glow{
	position:absolute;

	width:680px;
	height:680px;

	right:-210px;
	top:-250px;

	border-radius:50%;

	background:
		radial-gradient(
			circle,
			rgba(80,145,235,.20),
			rgba(49,86,217,.07) 46%,
			transparent 72%
		);
}

.pb12-collection-hero__grid{
	position:relative;
	z-index:2;

	display:grid;

	grid-template-columns:
		minmax(0,.92fr)
		minmax(430px,1.08fr);

	align-items:center;
	gap:65px;
}

.pb12-collection-hero__copy{
	max-width:620px;
}

.pb12-collection-hero__label{
	display:inline-flex;
	align-items:center;
	gap:9px;

	margin-bottom:21px;

	padding:8px 13px;

	border:1px solid #d6e0fa;
	border-radius:999px;

	background:rgba(255,255,255,.78);

	color:#3156d9;

	font-size:9px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-collection-hero__label span{
	width:7px;
	height:7px;

	border-radius:50%;

	background:#4aa8c7;

	box-shadow:
		0 0 0 5px
		rgba(74,168,199,.12);
}

.pb12-collection-hero h1{
	margin:0;

	color:#16233a;

	font-size:
		clamp(50px,5.4vw,76px);

	font-weight:860;
	line-height:.95;
	letter-spacing:-.062em;
}

.pb12-collection-hero h1 span{
	display:block;

	margin-top:8px;

	color:#3156d9;

	font-size:.58em;
	line-height:1.04;
	letter-spacing:-.045em;
}

.pb12-collection-hero__lead{
	max-width:600px;

	margin:25px 0 0;

	color:#586579;

	font-size:17px;
	line-height:1.72;
}

.pb12-collection-hero__actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;

	gap:22px;

	margin-top:30px;
}

.pb12-collection-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	gap:9px;

	min-height:52px;

	padding:0 20px;

	border-radius:13px;

	font-size:11px;
	font-weight:820;
}

.pb12-collection-btn--primary{
	background:
		linear-gradient(
			135deg,
			#3156d9,
			#2444b4
		);

	color:#fff !important;

	box-shadow:
		0 13px 30px
		rgba(49,86,217,.19);
}

.pb12-collection-btn svg{
	width:17px;
	height:17px;

	fill:none;
	stroke:currentColor;

	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.pb12-collection-hero__guide{
	padding-bottom:3px;

	border-bottom:
		1px solid #aab7c9;

	color:#263750 !important;

	font-size:12px;
	font-weight:760;
}

.pb12-collection-hero__facts{
	display:flex;
	align-items:center;

	margin-top:38px;
}

.pb12-collection-hero__facts div{
	min-width:120px;
	padding-right:20px;
}

.pb12-collection-hero__facts div + div{
	padding-left:20px;

	border-left:
		1px solid #d7dee9;
}

.pb12-collection-hero__facts strong{
	display:block;

	color:#16233a;

	font-size:21px;
	font-weight:850;
	line-height:1.1;
}

.pb12-collection-hero__facts span{
	display:block;

	margin-top:5px;

	color:#737f8f;

	font-size:7px;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}


/* =========================================================
   HERO FEATURED PRODUCT
========================================================= */

.pb12-collection-hero__visual{
	min-width:0;
}

.pb12-collection-featured{
	overflow:hidden;

	padding:13px;

	border:
		1px solid rgba(255,255,255,.9);

	border-radius:30px;

	background:
		rgba(255,255,255,.58);

	box-shadow:
		0 30px 75px
		rgba(34,58,112,.12);

	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}

.pb12-collection-featured__top{
	display:flex;
	align-items:center;
	justify-content:space-between;

	padding:4px 5px 12px;
}

.pb12-collection-featured__top span{
	color:#3156d9;

	font-size:7px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-collection-featured__top small{
	color:#909bad;

	font-size:7px;
	font-weight:800;
}

.pb12-collection-featured__image{
	display:block;

	aspect-ratio:1/1;

	overflow:hidden;

	border-radius:21px;

	background:#eef3ff;
}

.pb12-collection-featured__image img{
	display:block;

	width:100%;
	height:100%;

	object-fit:cover;
}

.pb12-collection-featured__bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;

	gap:15px;

	padding:15px 6px 4px;
}

.pb12-collection-featured__bottom strong{
	display:block;

	color:#24354e;

	font-size:14px;
}

.pb12-collection-featured__bottom span{
	display:block;

	margin-top:2px;

	color:#828d9c;

	font-size:8px;
}

.pb12-collection-featured__price{
	color:#16233a;

	font-size:15px;
	font-weight:850;
}


/* =========================================================
   PURE ZERO STRIP
========================================================= */

.pb12-collection-zero-strip{
	background:#16233a;
}

.pb12-zero-strip__inner{
	display:grid;

	grid-template-columns:
		.7fr 1.3fr;

	align-items:center;

	min-height:116px;
}

.pb12-zero-strip__label{
	padding-right:40px;
}

.pb12-zero-strip__label small{
	display:block;

	color:#7995f4;

	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-zero-strip__label strong{
	display:block;

	margin-top:6px;

	color:#fff;

	font-size:14px;
}

.pb12-zero-strip__items{
	display:grid;

	grid-template-columns:
		repeat(3,1fr);

	height:100%;

	border-left:
		1px solid rgba(255,255,255,.1);
}

.pb12-zero-strip__items > div{
	display:flex;
	flex-direction:column;
	justify-content:center;

	padding:23px 27px;
}

.pb12-zero-strip__items > div + div{
	border-left:
		1px solid rgba(255,255,255,.1);
}

.pb12-zero-strip__items strong{
	color:#fff;

	font-size:30px;
	line-height:1;
}

.pb12-zero-strip__items sup{
	color:#7995f4;

	font-size:9px;
}

.pb12-zero-strip__items span{
	margin-top:7px;

	color:#8797af;

	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}


/* =========================================================
   PRODUCT SECTION
========================================================= */

.pb12-collection-products{
	padding:92px 0 98px;

	background:#fff;

	scroll-margin-top:90px;
}

.pb12-collection-heading{
	display:grid;

	grid-template-columns:
		1fr .72fr;

	align-items:end;

	gap:70px;

	margin-bottom:38px;
}

.pb12-collection-heading > div > span,
.pb12-section-head > span{
	display:block;

	margin-bottom:11px;

	color:#3156d9;

	font-size:8px;
	font-weight:850;
	letter-spacing:.15em;
}

.pb12-collection-heading h2,
.pb12-section-head h2{
	margin:0;

	color:#16233a;

	font-size:
		clamp(36px,4vw,54px);

	line-height:1.02;
	letter-spacing:-.05em;
}

.pb12-collection-heading h2 strong,
.pb12-section-head h2 strong{
	display:block;

	color:#3156d9;
}

.pb12-collection-heading__right{
	max-width:430px;
	justify-self:end;
}

.pb12-collection-heading__right p{
	margin:0;

	color:#788497;

	font-size:12px;
	line-height:1.7;
}

.pb12-collection-heading__right a{
	display:inline-block;

	margin-top:11px;

	color:#3156d9 !important;

	font-size:9px;
	font-weight:820;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.pb12-product-grid{
	display:grid;

	grid-template-columns:
		repeat(4,1fr);

	gap:17px;
}

.pb12-flavor-card{
	overflow:hidden;

	border:
		1px solid #e2e7ef;

	border-radius:22px;

	background:#fff;

	box-shadow:
		0 12px 34px
		rgba(24,43,83,.045);

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

.pb12-flavor-card:hover{
	transform:translateY(-3px);

	border-color:#ccd7f5;

	box-shadow:
		0 18px 45px
		rgba(24,43,83,.09);
}

.pb12-flavor-card__image{
	position:relative;

	display:block;

	aspect-ratio:1/1;

	overflow:hidden;

	background:
		linear-gradient(
			145deg,
			#fafbff,
			#f0f4ff
		);
}

.pb12-flavor-card__image img{
	display:block;

	width:100%;
	height:100%;

	object-fit:cover;

	transition:
		transform .35s ease;
}

.pb12-flavor-card:hover
.pb12-flavor-card__image img{
	transform:scale(1.025);
}

.pb12-flavor-card__badge{
	position:absolute;

	top:12px;
	left:12px;

	padding:6px 9px;

	border-radius:999px;

	background:
		rgba(255,255,255,.94);

	color:#3156d9;

	font-size:6.5px;
	font-weight:850;
	letter-spacing:.09em;

	box-shadow:
		0 5px 18px
		rgba(35,55,95,.08);
}

.pb12-flavor-card__body{
	padding:17px 16px 18px;
}

.pb12-flavor-card__meta{
	display:flex;
	align-items:center;
	justify-content:space-between;

	gap:10px;
}

.pb12-flavor-card__meta span{
	color:#8a95a7;

	font-size:6.5px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-flavor-card__meta small{
	color:#3156d9;

	font-size:6.5px;
	font-weight:820;
	letter-spacing:.08em;
}

.pb12-flavor-card h3{
	margin:10px 0 0;

	font-size:17px;
	font-weight:780;
	line-height:1.2;
}

.pb12-flavor-card h3 a{
	color:#25354d !important;
}

.pb12-flavor-card__format{
	margin:7px 0 0;

	color:#7d8999;

	font-size:8px;
	line-height:1.55;
}

.pb12-flavor-card__format span{
	margin:0 3px;

	color:#b2bac5;
}

.pb12-flavor-card__bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;

	gap:10px;

	margin-top:15px;
	padding-top:14px;

	border-top:
		1px solid #e7eaf0;
}

.pb12-flavor-card__price{
	color:#16233a;

	font-size:15px;
	font-weight:820;
}

.pb12-flavor-card__price del{
	display:none;
}

.pb12-flavor-card__view{
	display:flex;
	align-items:center;

	gap:5px;

	color:#3156d9 !important;

	font-size:8px;
	font-weight:820;
}

.pb12-flavor-card__view svg{
	width:13px;
	height:13px;

	fill:none;
	stroke:currentColor;

	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.pb12-collection-mobile-hint{
	display:none;
}


/* =========================================================
   FLAVOR FINDER
========================================================= */

.pb12-flavor-finder{
	padding:90px 0 96px;

	background:#f7f9fd;

	scroll-margin-top:90px;
}

.pb12-section-head{
	max-width:660px;

	margin-bottom:35px;
}

.pb12-section-head > p{
	max-width:560px;

	margin:17px 0 0;

	color:#788497;

	font-size:12px;
	line-height:1.7;
}

.pb12-profile-grid{
	display:grid;

	grid-template-columns:
		repeat(4,1fr);

	gap:14px;
}

.pb12-profile-grid > div{
	min-height:205px;

	padding:23px 20px;

	border:
		1px solid #e0e5ef;

	border-radius:20px;

	background:#fff;
}

.pb12-profile-grid > div > span{
	display:block;

	color:#94a5d7;

	font-size:8px;
	font-weight:850;
}

.pb12-profile-grid > div > small{
	display:inline-flex;
	align-items:center;

	min-height:27px;

	margin-top:25px;

	padding:0 10px;

	border-radius:999px;

	background:#edf2ff;

	color:#3156d9;

	font-size:6px;
	font-weight:850;
	letter-spacing:.1em;
}

.pb12-profile-grid h3{
	margin:13px 0 8px;

	color:#28384f;

	font-size:16px;
}

.pb12-profile-grid p{
	margin:0;

	color:#7b8798;

	font-size:11px;
	line-height:1.6;
}


/* =========================================================
   VITALIZE FORMAT
========================================================= */

.pb12-collection-format{
	padding:86px 0;

	background:#16233a;
}

.pb12-collection-format__grid{
	display:grid;

	grid-template-columns:
		1fr .9fr;

	align-items:center;

	gap:90px;
}

.pb12-format-label{
	display:block;

	margin-bottom:13px;

	color:#7897ff;

	font-size:8px;
	font-weight:850;
	letter-spacing:.15em;
}

.pb12-collection-format h2{
	margin:0;

	color:#fff;

	font-size:
		clamp(38px,4vw,54px);

	line-height:1.02;
	letter-spacing:-.05em;
}

.pb12-collection-format h2 strong{
	display:block;

	color:#7897ff;
}

.pb12-collection-format__copy p{
	max-width:570px;

	margin:19px 0 0;

	color:#a6b2c3;

	font-size:12px;
	line-height:1.75;
}

.pb12-collection-format__copy > a{
	display:inline-block;

	margin-top:23px;
	padding-bottom:3px;

	border-bottom:
		1px solid #73839b;

	color:#fff !important;

	font-size:10px;
	font-weight:780;
}

.pb12-format-facts{
	display:grid;

	grid-template-columns:
		repeat(2,1fr);

	overflow:hidden;

	border:
		1px solid rgba(255,255,255,.1);

	border-radius:22px;

	background:
		rgba(255,255,255,.035);
}

.pb12-format-facts > div{
	padding:27px 25px;
}

.pb12-format-facts > div:nth-child(even){
	border-left:
		1px solid rgba(255,255,255,.1);
}

.pb12-format-facts > div:nth-child(n+3){
	border-top:
		1px solid rgba(255,255,255,.1);
}

.pb12-format-facts strong{
	display:block;

	color:#fff;

	font-size:33px;
	line-height:1;
}

.pb12-format-facts span{
	display:block;

	margin-top:8px;

	color:#8696ad;

	font-size:7px;
	font-weight:850;
	letter-spacing:.1em;
}


/* =========================================================
   LEARNING GRID
========================================================= */

.pb12-collection-compare{
	padding:92px 0 98px;

	background:#fff;
}

.pb12-compare-grid{
	display:grid;

	grid-template-columns:
		repeat(3,1fr);

	gap:14px;
}

.pb12-compare-grid > a{
	min-height:190px;

	padding:22px 20px;

	border:
		1px solid #e1e6ef;

	border-radius:20px;

	background:#fff;

	color:#26364e !important;

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}

.pb12-compare-grid > a:hover{
	transform:translateY(-2px);

	border-color:#ccd7f5;

	box-shadow:
		0 16px 36px
		rgba(24,43,83,.055);
}

.pb12-compare-grid small{
	color:#3156d9;

	font-size:7px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-compare-grid h3{
	margin:28px 0 0;

	color:#26364e;

	font-size:17px;
	line-height:1.25;
}

.pb12-compare-grid p{
	min-height:42px;

	margin:9px 0 0;

	color:#798597;

	font-size:10px;
	line-height:1.6;
}

.pb12-compare-grid span{
	display:block;

	margin-top:18px;

	color:#3156d9;

	font-size:8px;
	font-weight:820;
}


/* =========================================================
   FORMAT COMPARISONS
========================================================= */

.pb12-collection-comparisons{
	padding:86px 0 92px;

	background:#f7f9fd;
}

.pb12-comparison-track{
	display:grid;

	grid-template-columns:
		repeat(3,1fr);

	border:
		1px solid #e0e5ee;

	border-radius:20px;

	overflow:hidden;

	background:#fff;
}

.pb12-comparison-track > a{
	display:grid;

	grid-template-columns:
		auto 1fr auto;

	align-items:center;

	gap:14px;

	min-height:112px;

	padding:22px;

	color:#26364e !important;
}

.pb12-comparison-track > a + a{
	border-left:
		1px solid #e4e8ef;
}

.pb12-comparison-track > a > span{
	color:#8294d0;

	font-size:8px;
	font-weight:850;
}

.pb12-comparison-track small{
	display:block;

	color:#8c97a7;

	font-size:6px;
	font-weight:850;
	letter-spacing:.1em;
}

.pb12-comparison-track h3{
	margin:4px 0 0;

	color:#293951;

	font-size:13px;
	line-height:1.35;
}

.pb12-comparison-track b{
	color:#3156d9;

	font-size:17px;
	font-weight:400;
}


/* =========================================================
   FAQ
========================================================= */

.pb12-collection-faq{
	padding:94px 0;

	background:#fff;
}

.pb12-collection-faq__grid{
	display:grid;

	grid-template-columns:
		.7fr 1.3fr;

	gap:100px;
}

.pb12-collection-faq__intro
.pb12-section-head{
	margin-bottom:0;
}

.pb12-collection-faq__intro > p{
	max-width:410px;

	margin:18px 0 0;

	color:#798597;

	font-size:12px;
	line-height:1.7;
}

.pb12-collection-faq__intro > a{
	display:inline-block;

	margin-top:21px;
	padding-bottom:3px;

	border-bottom:
		1px solid #b5c0d3;

	color:#3156d9 !important;

	font-size:9px;
	font-weight:820;
}

.pb12-faq-list details{
	border-bottom:
		1px solid #dfe4ed;
}

.pb12-faq-list summary{
	position:relative;

	padding:
		20px 40px 20px 0;

	cursor:pointer;

	list-style:none;

	color:#26364e;

	font-size:13px;
	font-weight:760;
}

.pb12-faq-list summary::-webkit-details-marker{
	display:none;
}

.pb12-faq-list summary::after{
	content:"+";

	position:absolute;

	right:4px;
	top:16px;

	color:#3156d9;

	font-size:22px;
	font-weight:400;
}

.pb12-faq-list
details[open]
summary::after{
	content:"−";
}

.pb12-faq-list details p{
	max-width:710px;

	margin:0 0 21px;

	color:#778396;

	font-size:11px;
	line-height:1.7;
}


/* =========================================================
   SEO SUMMARY
========================================================= */

.pb12-collection-seo{
	padding:66px 0;

	border-top:
		1px solid #e5e9f0;

	background:#f8fafe;
}

.pb12-collection-seo__inner{
	max-width:900px;
}

.pb12-collection-seo__inner > span{
	display:block;

	margin-bottom:10px;

	color:#3156d9;

	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-collection-seo h2{
	margin:0;

	color:#26364e;

	font-size:
		clamp(25px,3vw,35px);

	line-height:1.15;
	letter-spacing:-.035em;
}

.pb12-collection-seo p{
	max-width:820px;

	margin:16px 0 0;

	color:#778396;

	font-size:11px;
	line-height:1.75;
}

.pb12-collection-seo__links{
	display:flex;
	flex-wrap:wrap;

	gap:8px;

	margin-top:20px;
}

.pb12-collection-seo__links a{
	padding:8px 11px;

	border:
		1px solid #dce3f0;

	border-radius:999px;

	background:#fff;

	color:#3156d9 !important;

	font-size:8px;
	font-weight:800;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.pb12-collection-disclaimer{
	padding:19px 0;

	border-top:
		1px solid #e4e8ef;

	background:#fff;
}

.pb12-collection-disclaimer p{
	max-width:900px;

	margin:0;

	color:#8b95a4;

	font-size:8px;
	line-height:1.65;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

	.pb12-collection-hero__grid{
		grid-template-columns:
			minmax(0,.95fr)
			minmax(380px,1.05fr);

		gap:38px;
	}

	.pb12-product-grid{
		grid-template-columns:
			repeat(2,1fr);
	}

	.pb12-profile-grid{
		grid-template-columns:
			repeat(2,1fr);
	}

	.pb12-compare-grid{
		grid-template-columns:
			repeat(2,1fr);
	}

	.pb12-collection-format__grid{
		gap:55px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

	.pb12-collection-container{
		width:min(
			100% - 30px,
			1180px
		);
	}


	/* HERO */

	.pb12-collection-hero{
		padding:39px 0 43px;
	}

	.pb12-collection-hero::before{
		background-size:
			34px 34px;
	}

	.pb12-collection-hero__grid{
		display:flex;
		flex-direction:column;

		gap:29px;
	}

	.pb12-collection-hero__copy{
		width:100%;
	}

	.pb12-collection-hero__label{
		margin-bottom:17px;

		padding:7px 10px;

		font-size:8px;
	}

	.pb12-collection-hero h1{
		font-size:
			clamp(
				43px,
				12vw,
				56px
			);
	}

	.pb12-collection-hero h1 span{
		margin-top:7px;

		font-size:.53em;
		line-height:1.08;
	}

	.pb12-collection-hero__lead{
		margin-top:18px;

		font-size:14px;
		line-height:1.65;
	}

	.pb12-collection-hero__actions{
		display:block;

		margin-top:23px;
	}

	.pb12-collection-btn{
		width:100%;
	}

	.pb12-collection-hero__guide{
		display:inline-block;

		margin-top:16px;

		font-size:10px;
	}

	.pb12-collection-hero__facts{
		margin-top:27px;
	}

	.pb12-collection-hero__facts div{
		width:33.333%;
		min-width:0;

		padding-right:8px;
	}

	.pb12-collection-hero__facts div + div{
		padding-left:11px;
	}

	.pb12-collection-hero__facts strong{
		font-size:18px;
	}

	.pb12-collection-hero__facts span{
		font-size:5.8px;
	}


	/* HERO PRODUCT */

	.pb12-collection-hero__visual{
		width:100%;
	}

	.pb12-collection-featured{
		padding:8px;

		border-radius:22px;
	}

	.pb12-collection-featured__image{
		border-radius:16px;
	}

	.pb12-collection-featured__bottom{
		padding:12px 5px 4px;
	}


	/* ZERO */

	.pb12-zero-strip__inner{
		display:block;

		padding-top:20px;
		padding-bottom:20px;
	}

	.pb12-zero-strip__label{
		padding-right:0;
	}

	.pb12-zero-strip__label strong{
		font-size:12px;
	}

	.pb12-zero-strip__items{
		margin-top:16px;

		border:
			1px solid rgba(255,255,255,.09);

		border-radius:15px;
	}

	.pb12-zero-strip__items > div{
		padding:15px 8px;
	}

	.pb12-zero-strip__items strong{
		font-size:23px;
	}

	.pb12-zero-strip__items span{
		font-size:5.6px;
	}


	/* PRODUCT SECTION */

	.pb12-collection-products{
		padding:60px 0 65px;
	}

	.pb12-collection-heading{
		display:block;

		margin-bottom:27px;
	}

	.pb12-collection-heading h2,
	.pb12-section-head h2{
		font-size:
			clamp(
				35px,
				10.5vw,
				46px
			);
	}

	.pb12-collection-heading__right{
		max-width:none;

		margin-top:15px;
	}

	.pb12-product-grid{
		display:flex;

		overflow-x:auto;

		gap:10px;

		margin-right:-15px;

		padding-right:15px;
		padding-bottom:4px;

		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-product-grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-flavor-card{
		flex:0 0 76%;

		scroll-snap-align:start;

		border-radius:18px;
	}

	.pb12-flavor-card__body{
		padding:15px;
	}

	.pb12-flavor-card h3{
		font-size:15px;
	}

	.pb12-flavor-card__format{
		font-size:7.5px;
	}

	.pb12-collection-mobile-hint{
		display:block;

		margin-top:13px;

		color:#8a95a5;

		font-size:8px;
	}


	/* FLAVOR FINDER */

	.pb12-flavor-finder{
		padding:61px 0 66px;
	}

	.pb12-section-head{
		margin-bottom:28px;
	}

	.pb12-profile-grid{
		display:flex;

		overflow-x:auto;

		gap:10px;

		margin-right:-15px;
		padding-right:15px;

		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-profile-grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-profile-grid > div{
		flex:0 0 78%;

		min-height:205px;

		scroll-snap-align:start;
	}


	/* FORMAT */

	.pb12-collection-format{
		padding:61px 0;
	}

	.pb12-collection-format__grid{
		display:block;
	}

	.pb12-collection-format h2{
		font-size:
			clamp(
				35px,
				10.5vw,
				46px
			);
	}

	.pb12-collection-format__copy p{
		font-size:11px;
	}

	.pb12-format-facts{
		margin-top:34px;
	}

	.pb12-format-facts > div{
		padding:20px 15px;
	}

	.pb12-format-facts strong{
		font-size:27px;
	}


	/* LEARN */

	.pb12-collection-compare{
		padding:62px 0 68px;
	}

	.pb12-compare-grid{
		display:flex;

		overflow-x:auto;

		gap:10px;

		margin-right:-15px;
		padding-right:15px;

		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-compare-grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-compare-grid > a{
		flex:0 0 79%;

		min-height:190px;

		scroll-snap-align:start;
	}


	/* COMPARISONS */

	.pb12-collection-comparisons{
		padding:61px 0 66px;
	}

	.pb12-comparison-track{
		display:flex;

		overflow-x:auto;

		margin-right:-15px;

		border-radius:17px;

		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-comparison-track::-webkit-scrollbar{
		display:none;
	}

	.pb12-comparison-track > a{
		flex:0 0 82%;

		min-height:95px;

		scroll-snap-align:start;
	}

	.pb12-comparison-track > a + a{
		border-left:
			1px solid #e4e8ef;
	}


	/* FAQ */

	.pb12-collection-faq{
		padding:63px 0;
	}

	.pb12-collection-faq__grid{
		display:block;
	}

	.pb12-collection-faq__intro > p{
		font-size:11px;
	}

	.pb12-faq-list{
		margin-top:31px;
	}

	.pb12-faq-list summary{
		font-size:12px;
		line-height:1.45;
	}


	/* SEO */

	.pb12-collection-seo{
		padding:48px 0;
	}

	.pb12-collection-seo p{
		font-size:10px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

	.pb12-collection *,
	.pb12-collection *::before,
	.pb12-collection *::after{
		transition:none !important;
		scroll-behavior:auto !important;
	}

}