/* =========================================================
   PUREB12VAPE HOMEPAGE V3
   MOBILE FIRST COMMERCE + SEO
========================================================= */

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

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

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

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


/* =========================================================
   SHARED
========================================================= */

.pb12-section-label{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:17px;
	color:#687997;
	font-size:9px;
	font-weight:850;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.pb12-section-label span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#eaf0ff;
	color:#3156d9;
	font-size:7px;
	letter-spacing:0;
}

.pb12-section-label--dark{
	color:#97a8c2;
}

.pb12-section-label--dark span{
	background:rgba(113,147,255,.12);
	color:#9bb0ff;
}

.pb12-home h2{
	margin:0;
	color:#16233a;
	font-size:clamp(38px,4.2vw,56px);
	font-weight:840;
	line-height:1.02;
	letter-spacing:-.052em;
}

.pb12-home h2 > span{
	display:block;
	color:#3156d9;
}

.pb12-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:52px;
	padding:0 20px;
	border-radius:13px;
	font-size:12px;
	font-weight:820;
	transition:
		transform .2s ease,
		box-shadow .2s ease;
}

.pb12-btn:hover{
	transform:translateY(-1px);
}

.pb12-btn--primary{
	background:linear-gradient(135deg,#3156d9,#2444b4);
	color:#fff !important;
	box-shadow:0 13px 30px rgba(49,86,217,.19);
}

.pb12-btn--primary svg{
	width:17px;
	height:17px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.pb12-btn--light{
	background:#fff;
	color:#2444b4 !important;
	box-shadow:0 13px 30px rgba(4,16,45,.15);
}

.pb12-text-link{
	display:inline-block;
	margin-top:24px;
	padding-bottom:3px;
	border-bottom:1px solid #b8c4d6;
	color:#3156d9 !important;
	font-size:11px;
	font-weight:800;
}


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

.pb12-hero{
	position:relative;
	display:flex;
	align-items:center;
	min-height:675px;
	padding:72px 0 76px;
	overflow:hidden;
	background:
		linear-gradient(
			135deg,
			#fbfcff 0%,
			#f5f8ff 50%,
			#edf3ff 100%
		);
}

.pb12-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(
			rgba(49,86,217,.027) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(49,86,217,.027) 1px,
			transparent 1px
		);
	background-size:48px 48px;
	pointer-events:none;
}

.pb12-hero__glow{
	position:absolute;
	width:720px;
	height:720px;
	right:-230px;
	top:-260px;
	border-radius:50%;
	background:
		radial-gradient(
			circle,
			rgba(87,158,235,.19),
			rgba(49,86,217,.07) 45%,
			transparent 72%
		);
	pointer-events:none;
}

.pb12-hero__grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:
		minmax(0,.93fr)
		minmax(480px,1.07fr);
	align-items:center;
	gap:58px;
}

.pb12-hero__content{
	max-width:620px;
}

.pb12-hero__eyebrow{
	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:11px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.pb12-hero__eyebrow span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#4aa8c7;
	box-shadow:0 0 0 5px rgba(74,168,199,.12);
}

.pb12-hero h1{
	margin:0;
	color:#16233a;
	font-size:clamp(50px,5.3vw,76px);
	font-weight:860;
	line-height:.96;
	letter-spacing:-.064em;
}

.pb12-hero h1 em{
	display:block;
	margin-top:8px;
	color:#3156d9;
	font-style:normal;
}

.pb12-hero__lead{
	max-width:590px;
	margin:25px 0 0;
	color:#536071;
	font-size:18px;
	line-height:1.7;
}

.pb12-hero__actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:22px;
	margin-top:31px;
}

.pb12-hero__guide{
	padding-bottom:3px;
	border-bottom:1px solid #a9b5c7;
	color:#263750 !important;
	font-size:13px;
	font-weight:750;
}

.pb12-hero__facts{
	display:flex;
	align-items:center;
	margin-top:39px;
}

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

.pb12-hero__facts div + div{
	padding-left:20px;
	border-left:1px solid #d7dee9;
}

.pb12-hero__facts strong{
	display:block;
	color:#16233a;
	font-size:21px;
	font-weight:850;
	line-height:1.1;
}

.pb12-hero__facts span{
	display:block;
	margin-top:5px;
	color:#737f8f;
	font-size:9px;
	font-weight:750;
	letter-spacing:.07em;
	text-transform:uppercase;
}


/* HERO IMAGE */

.pb12-hero__visual{
	position:relative;
	min-width:0;
}

.pb12-hero-product{
	position:relative;
	width:100%;
	padding:13px;
	border:1px solid rgba(255,255,255,.86);
	border-radius:32px;
	background:rgba(255,255,255,.55);
	box-shadow:0 32px 80px rgba(34,58,112,.13);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}

.pb12-hero-product__halo{
	position:absolute;
	z-index:-1;
	width:72%;
	height:72%;
	left:15%;
	top:15%;
	border-radius:50%;
	background:
		radial-gradient(
			circle,
			rgba(86,153,239,.24),
			transparent 68%
		);
	filter:blur(25px);
}

.pb12-hero-product__picture{
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:23px;
	background:#eaf1ff;
}

.pb12-hero-product__picture img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
	object-fit:cover;
	object-position:center;
}

.pb12-hero-product__badge{
	position:absolute;
	left:-22px;
	bottom:34px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:11px 14px;
	border:1px solid rgba(255,255,255,.95);
	border-radius:16px;
	background:rgba(255,255,255,.94);
	box-shadow:0 15px 38px rgba(27,48,93,.15);
	backdrop-filter:blur(10px);
}

.pb12-hero-product__badge-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:37px;
	height:37px;
	flex:0 0 37px;
	border-radius:50%;
	background:#eaf0ff;
	color:#3156d9;
	font-size:11px;
	font-weight:850;
}

.pb12-hero-product__badge strong{
	display:block;
	color:#26364f;
	font-size:12px;
	font-weight:780;
}

.pb12-hero-product__badge small{
	display:block;
	margin-top:2px;
	color:#7b8594;
	font-size:10px;
}


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

.pb12-zero{
	position:relative;
	z-index:4;
	background:#16233a;
}

.pb12-zero__inner{
	display:grid;
	grid-template-columns:.72fr 1.28fr;
	align-items:center;
	min-height:116px;
}

.pb12-zero__label{
	padding-right:40px;
}

.pb12-zero__label small{
	display:block;
	color:#7995f4;
	font-size:7px;
	font-weight:850;
	letter-spacing:.15em;
}

.pb12-zero__label strong{
	display:block;
	margin-top:6px;
	color:#fff;
	font-size:14px;
}

.pb12-zero__items{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	height:100%;
	border-left:1px solid rgba(255,255,255,.1);
}

.pb12-zero__items > div{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:23px 27px;
}

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

.pb12-zero__items strong{
	color:#fff;
	font-size:30px;
	line-height:1;
}

.pb12-zero__items sup{
	color:#7995f4;
	font-size:9px;
}

.pb12-zero__items span{
	margin-top:7px;
	color:#8797af;
	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}


/* =========================================================
   SHOP
========================================================= */

.pb12-shop{
	padding:92px 0 98px;
	background:#fff;
}

.pb12-heading{
	display:grid;
	grid-template-columns:1fr .72fr;
	align-items:end;
	gap:75px;
	margin-bottom:38px;
}

.pb12-heading__right,
.pb12-heading > p{
	max-width:470px;
	justify-self:end;
}

.pb12-heading p,
.pb12-heading__right p{
	margin:0;
	color:#758195;
	font-size:13px;
	line-height:1.75;
}

.pb12-heading__right a{
	display:inline-block;
	margin-top:11px;
	color:#3156d9 !important;
	font-size:10px;
	font-weight:800;
}

.pb12-product-track{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:17px;
}

.pb12-product-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;
}

.pb12-product-card:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 45px rgba(24,43,83,.09);
}

.pb12-product-card__media{
	position:relative;
	display:block;
	aspect-ratio:1 / 1;
	overflow:hidden;
	background:#f4f7fd;
}

.pb12-product-card__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}

.pb12-product-card:hover
.pb12-product-card__media img{
	transform:scale(1.025);
}

.pb12-product-card__zero{
	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-product-card__body{
	padding:17px 16px 18px;
}

.pb12-product-card__body > small{
	color:#929dab;
	font-size:6.5px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-product-card h3{
	margin:8px 0 0;
	color:#26364e;
	font-size:16px;
	line-height:1.25;
}

.pb12-product-card h3 a{
	color:#26364e !important;
}

.pb12-product-card p{
	min-height:18px;
	margin:6px 0 0;
	color:#7b8798;
	font-size:10px;
	line-height:1.55;
}

.pb12-product-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-product-card__bottom strong{
	color:#16233a;
	font-size:14px;
}

.pb12-product-card__bottom a{
	color:#3156d9 !important;
	font-size:8px;
	font-weight:850;
}

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


/* =========================================================
   QUICK PATHS
========================================================= */

.pb12-quick{
	border-top:1px solid #e6eaf1;
	border-bottom:1px solid #e6eaf1;
	background:#fafbfe;
}

.pb12-quick__track{
	display:grid;
	grid-template-columns:repeat(3,1fr);
}

.pb12-quick a{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:15px;
	min-height:100px;
	padding:21px 30px;
	color:#26354b;
}

.pb12-quick a + a{
	border-left:1px solid #e5e9f0;
}

.pb12-quick a > span{
	color:#8294d0;
	font-size:9px;
	font-weight:850;
	letter-spacing:.1em;
}

.pb12-quick strong{
	display:block;
	font-size:13px;
	font-weight:780;
}

.pb12-quick small{
	display:block;
	margin-top:3px;
	color:#7b8492;
	font-size:10px;
}

.pb12-quick b{
	color:#3156d9;
	font-size:17px;
	font-weight:400;
}


/* =========================================================
   DEFINITION
========================================================= */

.pb12-definition{
	padding:98px 0;
	background:#fff;
}

.pb12-definition__grid{
	display:grid;
	grid-template-columns:.92fr 1.08fr;
	align-items:center;
	gap:92px;
}

.pb12-definition__lead{
	max-width:570px;
	margin:25px 0 0;
	color:#35445a;
	font-size:17px;
	font-weight:560;
	line-height:1.72;
}

.pb12-definition__text{
	max-width:590px;
	margin:14px 0 0;
	color:#748094;
	font-size:13px;
	line-height:1.78;
}

.pb12-definition__panel{
	overflow:hidden;
	border:1px solid #e1e6ef;
	border-radius:25px;
	background:#f8faff;
	box-shadow:0 18px 55px rgba(26,47,90,.06);
}

.pb12-definition__panel-top{
	display:flex;
	align-items:center;
	gap:14px;
	padding:22px 23px;
	border-bottom:1px solid #e1e6ef;
	background:#fff;
}

.pb12-definition__panel-top > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	flex:0 0 48px;
	border-radius:50%;
	background:#eaf0ff;
	color:#3156d9;
	font-size:12px;
	font-weight:850;
}

.pb12-definition__panel-top small{
	display:block;
	color:#8692a5;
	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-definition__panel-top strong{
	display:block;
	margin-top:3px;
	color:#26364e;
	font-size:17px;
}

.pb12-definition__facts{
	padding:5px 22px;
}

.pb12-definition__facts > div{
	display:grid;
	grid-template-columns:34px 1fr;
	gap:12px;
	padding:18px 0;
}

.pb12-definition__facts > div + div{
	border-top:1px solid #e3e7ee;
}

.pb12-definition__facts b{
	color:#8294d0;
	font-size:8px;
	font-weight:850;
}

.pb12-definition__facts strong{
	display:block;
	color:#2c3b52;
	font-size:13px;
}

.pb12-definition__facts p{
	margin:4px 0 0;
	color:#788497;
	font-size:10px;
	line-height:1.55;
}

.pb12-definition__note{
	margin:0;
	padding:15px 22px;
	border-top:1px solid #e1e6ef;
	background:#f1f4fa;
	color:#8c96a5;
	font-size:8px;
	line-height:1.6;
}


/* =========================================================
   FLAVOR PROFILES
========================================================= */

.pb12-profiles{
	padding:92px 0 100px;
	background:#f7f9fd;
}

.pb12-profile-track{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.pb12-profile-card{
	padding:23px 20px;
	border:1px solid #e0e5ee;
	border-radius:20px;
	background:#fff;
}

.pb12-profile-card__number{
	display:block;
	color:#96a4d0;
	font-size:8px;
	font-weight:850;
}

.pb12-profile-card__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	margin-top:27px;
	padding:0 10px;
	border-radius:999px;
	background:#edf2ff;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-profile-card h3{
	margin:13px 0 0;
	color:#26364e;
	font-size:16px;
}

.pb12-profile-card p{
	min-height:52px;
	margin:8px 0 0;
	color:#7a8698;
	font-size:11px;
	line-height:1.6;
}

.pb12-profile-card a{
	display:inline-block;
	margin-top:17px;
	color:#3156d9 !important;
	font-size:9px;
	font-weight:800;
}


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

.pb12-vitalize{
	padding:86px 0;
	background:#16233a;
}

.pb12-vitalize__grid{
	display:grid;
	grid-template-columns:1fr .9fr;
	align-items:center;
	gap:90px;
}

.pb12-vitalize h2{
	color:#fff;
}

.pb12-vitalize h2 span{
	color:#7897ff;
}

.pb12-vitalize__copy > p{
	max-width:590px;
	margin:19px 0 0;
	color:#a6b2c3;
	font-size:13px;
	line-height:1.75;
}

.pb12-vitalize__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-vitalize__facts > div{
	padding:27px 25px;
}

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

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

.pb12-vitalize__facts strong{
	display:block;
	color:#fff;
	font-size:33px;
	line-height:1;
}

.pb12-vitalize__facts span{
	display:block;
	margin-top:8px;
	color:#8696ad;
	font-size:7px;
	font-weight:850;
	letter-spacing:.1em;
	text-transform:uppercase;
}


/* =========================================================
   COMPARE
========================================================= */

.pb12-compare{
	padding:94px 0 100px;
	background:#fff;
}

.pb12-compare__grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:15px;
}

.pb12-compare__grid > a{
	display:block;
	padding:25px 23px;
	border:1px solid #e1e6ef;
	border-radius:20px;
	background:#fff;
	color:#26364e !important;
	transition:
		transform .2s ease,
		border-color .2s ease;
}

.pb12-compare__grid > a:hover{
	transform:translateY(-2px);
	border-color:#c8d4f4;
}

.pb12-compare__grid small{
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-compare__grid h3{
	margin:30px 0 0;
	color:#26364e;
	font-size:20px;
	line-height:1.2;
}

.pb12-compare__grid p{
	min-height:44px;
	margin:10px 0 0;
	color:#778396;
	font-size:11px;
	line-height:1.65;
}

.pb12-compare__grid span{
	display:block;
	margin-top:21px;
	color:#3156d9;
	font-size:9px;
	font-weight:800;
}


/* =========================================================
   LEARNING HUB
========================================================= */

.pb12-learn{
	padding:94px 0 100px;
	background:#f7f9fd;
}

.pb12-learn__grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.pb12-learn__grid > a{
	padding:21px 19px 23px;
	border:1px solid #e0e5ee;
	border-radius:19px;
	background:#fff;
	color:#26364e !important;
}

.pb12-learn__top{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.pb12-learn__top small{
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.11em;
}

.pb12-learn__top span{
	color:#3156d9;
}

.pb12-learn h3{
	margin:31px 0 0;
	color:#26364e;
	font-size:15px;
}

.pb12-learn__grid p{
	margin:8px 0 0;
	color:#7b8798;
	font-size:10px;
	line-height:1.6;
}


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

.pb12-home-faq{
	padding:96px 0;
	background:#fff;
}

.pb12-home-faq__grid{
	display:grid;
	grid-template-columns:.72fr 1.28fr;
	gap:105px;
}

.pb12-home-faq__intro > p{
	max-width:420px;
	margin:20px 0 0;
	color:#748094;
	font-size:13px;
	line-height:1.75;
}

.pb12-home-faq__list details{
	border-bottom:1px solid #dfe4ed;
}

.pb12-home-faq__list summary{
	position:relative;
	padding:20px 40px 20px 0;
	cursor:pointer;
	list-style:none;
	color:#293951;
	font-size:13px;
	font-weight:760;
}

.pb12-home-faq__list summary::-webkit-details-marker{
	display:none;
}

.pb12-home-faq__list summary::after{
	content:"+";
	position:absolute;
	right:4px;
	top:16px;
	color:#3156d9;
	font-size:22px;
	font-weight:400;
}

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

.pb12-home-faq__list p{
	max-width:670px;
	margin:0 0 20px;
	color:#778396;
	font-size:11px;
	line-height:1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.pb12-final{
	padding:74px 0;
	background:
		linear-gradient(
			135deg,
			#20365d,
			#16233a
		);
}

.pb12-final__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:60px;
}

.pb12-final h2{
	color:#fff;
	font-size:clamp(36px,4vw,52px);
}

.pb12-final h2 span{
	color:#7897ff;
}

.pb12-final p{
	max-width:560px;
	margin:17px 0 0;
	color:#a4b0c2;
	font-size:12px;
	line-height:1.7;
}

.pb12-final .pb12-btn{
	flex:0 0 auto;
}


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

.pb12-home-disclaimer{
	padding:20px 0;
	border-top:1px solid #e4e8ef;
	background:#fafbfe;
}

.pb12-home-disclaimer p{
	max-width:900px;
	margin:0;
	color:#8b95a4;
	font-size:8px;
	line-height:1.65;
}


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

@media(max-width:1050px){

	.pb12-hero__grid{
		grid-template-columns:
			minmax(0,.95fr)
			minmax(390px,1.05fr);
		gap:35px;
	}

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

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

	.pb12-definition__grid,
	.pb12-vitalize__grid{
		gap:55px;
	}

}


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

@media(max-width:767px){

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


	/* HERO */

	.pb12-hero{
		min-height:auto;
		padding:38px 0 43px;
		background:
			linear-gradient(
				180deg,
				#fbfcff 0%,
				#eef4ff 100%
			);
	}

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

	.pb12-hero__grid{
		display:flex;
		flex-direction:column;
		gap:29px;
	}

	.pb12-hero__content{
		width:100%;
	}

	.pb12-hero__eyebrow{
		margin-bottom:17px;
		padding:7px 10px;
		font-size:8px;
	}

	.pb12-hero h1{
		font-size:clamp(42px,12vw,56px);
		line-height:.97;
	}

	.pb12-hero h1 em{
		margin-top:5px;
	}

	.pb12-hero__lead{
		margin-top:18px;
		font-size:14px;
		line-height:1.65;
	}

	.pb12-hero__actions{
		display:block;
		margin-top:23px;
	}

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

	.pb12-hero__guide{
		display:inline-block;
		margin-top:17px;
		font-size:11px;
	}

	.pb12-hero__facts{
		margin-top:28px;
	}

	.pb12-hero__facts div{
		min-width:0;
		width:33.333%;
		padding-right:10px;
	}

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

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

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

	.pb12-hero__visual{
		width:100%;
	}

	.pb12-hero-product{
		padding:8px;
		border-radius:23px;
	}

	.pb12-hero-product__picture{
		border-radius:17px;
	}

	.pb12-hero-product__picture img{
		aspect-ratio:4 / 5;
		object-fit:cover;
		border-radius:17px;
	}

	.pb12-hero-product__badge{
		left:10px;
		bottom:12px;
		padding:9px 11px;
		border-radius:13px;
	}

	.pb12-hero-product__badge-icon{
		width:31px;
		height:31px;
		flex-basis:31px;
		font-size:9px;
	}

	.pb12-hero-product__badge strong{
		font-size:10px;
	}

	.pb12-hero-product__badge small{
		font-size:8px;
	}


	/* ZERO */

	.pb12-zero__inner{
		display:block;
		padding-top:20px;
		padding-bottom:20px;
	}

	.pb12-zero__label{
		padding-right:0;
	}

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

	.pb12-zero__items{
		margin-top:17px;
		border:1px solid rgba(255,255,255,.09);
		border-radius:15px;
	}

	.pb12-zero__items > div{
		padding:15px 9px;
	}

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

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


	/* SHARED HEADINGS */

	.pb12-home h2{
		font-size:clamp(36px,10.7vw,47px);
	}

	.pb12-heading{
		display:block;
		margin-bottom:28px;
	}

	.pb12-heading__right,
	.pb12-heading > p{
		max-width:none;
		margin-top:17px;
	}

	.pb12-section-label{
		font-size:7.5px;
	}


	/* SHOP */

	.pb12-shop{
		padding:60px 0 64px;
	}

	.pb12-product-track{
		display:flex;
		overflow-x:auto;
		gap:10px;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

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

	.pb12-product-card{
		flex:0 0 76%;
		scroll-snap-align:start;
		border-radius:18px;
	}

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

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

	.pb12-mobile-hint{
		display:block;
		margin-top:13px;
		color:#8a95a5;
		font-size:8px;
	}


	/* QUICK */

	.pb12-quick{
		overflow:hidden;
	}

	.pb12-quick__track{
		display:flex;
		overflow-x:auto;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-quick__track::-webkit-scrollbar{
		display:none;
	}

	.pb12-quick a{
		flex:0 0 78%;
		min-height:82px;
		padding:17px;
		scroll-snap-align:start;
	}

	.pb12-quick a + a{
		border-left:1px solid #e5e9f0;
	}


	/* DEFINITION */

	.pb12-definition{
		padding:64px 0;
	}

	.pb12-definition__grid{
		display:block;
	}

	.pb12-definition__lead{
		margin-top:20px;
		font-size:15px;
	}

	.pb12-definition__text{
		font-size:12px;
	}

	.pb12-definition__panel{
		margin-top:35px;
		border-radius:20px;
	}


	/* PROFILES */

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

	.pb12-profile-track{
		display:flex;
		overflow-x:auto;
		gap:10px;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

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

	.pb12-profile-card{
		flex:0 0 79%;
		scroll-snap-align:start;
		min-height:220px;
	}


	/* VITALIZE */

	.pb12-vitalize{
		padding:61px 0;
	}

	.pb12-vitalize__grid{
		display:block;
	}

	.pb12-vitalize__copy > p{
		font-size:12px;
	}

	.pb12-vitalize__facts{
		margin-top:35px;
	}

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

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


	/* COMPARE */

	.pb12-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 80%;
		min-height:225px;
		scroll-snap-align:start;
	}


	/* LEARN */

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

	.pb12-learn__grid{
		display:flex;
		overflow-x:auto;
		gap:10px;
		margin-right:-15px;
		padding-right:15px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.pb12-learn__grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-learn__grid > a{
		flex:0 0 79%;
		min-height:180px;
		scroll-snap-align:start;
	}


	/* FAQ */

	.pb12-home-faq{
		padding:64px 0;
	}

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

	.pb12-home-faq__list{
		margin-top:35px;
	}

	.pb12-home-faq__list summary{
		font-size:12px;
		line-height:1.45;
	}


	/* FINAL */

	.pb12-final{
		padding:57px 0;
	}

	.pb12-final__inner{
		display:block;
	}

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

	.pb12-final .pb12-btn{
		width:100%;
		margin-top:27px;
	}


	/* DISCLAIMER */

	.pb12-home-disclaimer{
		padding:17px 0;
	}

}


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

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

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

}