/* =========================================================
   PUREB12VAPE — B12 SAFETY V1
========================================================= */

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

.pb12-safe{
	background:#fff;
	color:#26364e;
}

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


/* HERO */

.pb12-safe-hero{
	padding:40px 0 85px;

	background:
		linear-gradient(
			135deg,
			#f8faff 0%,
			#f2f6ff 57%,
			#edf4ff 100%
		);
}

.pb12-safe-breadcrumb{
	margin-bottom:52px;

	color:#929daf;

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

.pb12-safe-breadcrumb a{
	color:#738198 !important;
}

.pb12-safe-breadcrumb span{
	margin:0 7px;
}

.pb12-safe-hero__grid{
	display:grid;

	grid-template-columns:
		minmax(0,1.05fr)
		minmax(380px,.75fr);

	align-items:center;

	gap:90px;
}

.pb12-safe-label{
	display:flex;
	align-items:center;
	gap:9px;

	margin-bottom:17px;

	color:#687997;

	font-size:9px;
	font-weight:850;

	letter-spacing:.17em;
}

.pb12-safe-label > span{
	width:7px;
	height:7px;

	border-radius:50%;

	background:
		linear-gradient(
			135deg,
			#3156d9,
			#4aa8c7
		);
}

.pb12-safe h1{
	margin:0;

	color:#16233a;

	font-size:clamp(49px,5.8vw,77px);

	font-weight:850;

	line-height:.95;

	letter-spacing:-.06em;
}

.pb12-safe h1 span{
	display:block;

	color:#3156d9;
}

.pb12-safe-hero__lead{
	max-width:610px;

	margin:24px 0 0;

	color:#35445a;

	font-size:19px;

	font-weight:560;

	line-height:1.58;
}

.pb12-safe-hero__text{
	max-width:620px;

	margin:14px 0 0;

	color:#718094;

	font-size:14px;

	line-height:1.75;
}


/* ANSWER CARD */

.pb12-safe-answer{
	padding:28px 26px;

	border:
		1px solid rgba(49,86,217,.13);

	border-radius:26px;

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

	box-shadow:
		0 25px 65px
		rgba(25,43,81,.075);
}

.pb12-safe-answer__label{
	margin-bottom:18px;

	color:#3156d9;

	font-size:7px;

	font-weight:850;

	letter-spacing:.15em;
}

.pb12-safe-answer > strong{
	display:block;

	color:#16233a;

	font-size:25px;

	font-weight:790;

	line-height:1.2;

	letter-spacing:-.035em;
}

.pb12-safe-answer p{
	margin:16px 0 0;

	color:#778396;

	font-size:12px;

	line-height:1.68;
}

.pb12-safe-answer a{
	display:inline-flex;

	gap:7px;

	margin-top:18px;

	padding-bottom:3px;

	border-bottom:1px solid #bac5db;

	color:#3156d9 !important;

	font-size:10px;

	font-weight:800;
}


/* STANDARD */

.pb12-safe-standard{
	padding:76px 0;

	background:#16233a;
}

.pb12-safe-standard__head{
	display:flex;

	align-items:end;

	justify-content:space-between;

	gap:50px;

	margin-bottom:34px;
}

.pb12-safe-standard .pb12-safe-label{
	color:#9eacc0;
}

.pb12-safe h2{
	margin:0;

	color:#16233a;

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

	line-height:1.04;

	letter-spacing:-.045em;
}

.pb12-safe h2 span{
	display:block;

	color:#3156d9;
}

.pb12-safe-standard h2{
	color:#fff;
}

.pb12-safe-standard h2 span{
	color:#7193ff;
}

.pb12-safe-standard__head > p{
	max-width:430px;

	margin:0;

	color:#a2aec0;

	font-size:13px;

	line-height:1.7;
}

.pb12-safe-zero{
	display:grid;

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

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

	border-radius:21px;

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

.pb12-safe-zero > div{
	padding:25px 27px;
}

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

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

	color:#fff;

	font-size:38px;

	line-height:1;

	font-weight:820;
}

.pb12-safe-zero sup{
	color:#7193ff;

	font-size:11px;
}

.pb12-safe-zero span{
	display:block;

	margin-top:7px;

	color:#8493aa;

	font-size:7px;

	font-weight:850;

	letter-spacing:.14em;
}

.pb12-safe-standard__note{
	max-width:850px;

	margin:16px 0 0;

	color:#7f8da3;

	font-size:9px;

	line-height:1.65;
}


/* SECTIONS */

.pb12-safe-section{
	padding:90px 0;
}

.pb12-safe-soft{
	background:#f7f9fd;
}

.pb12-safe-two{
	display:grid;

	grid-template-columns:.82fr 1.18fr;

	gap:100px;
}

.pb12-safe-number{
	margin-bottom:15px;

	color:#3156d9;

	font-size:9px;

	font-weight:850;

	letter-spacing:.14em;
}

.pb12-safe-copy__lead{
	margin-top:2px !important;

	color:#35445a !important;

	font-size:17px !important;

	font-weight:550;
}

.pb12-safe-copy p{
	margin:15px 0 0;

	color:#748094;

	font-size:14px;

	line-height:1.75;
}

.pb12-safe-section-head{
	max-width:720px;

	margin-bottom:35px;
}

.pb12-safe-section-head > p{
	margin:15px 0 0;

	color:#778396;

	font-size:14px;

	line-height:1.7;
}


/* CONTEXT */

.pb12-safe-context{
	display:grid;

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

	gap:14px;
}

.pb12-safe-context article,
.pb12-safe-review > *,
.pb12-safe-caution > div{
	padding:23px 20px;

	border:
		1px solid #e1e6ef;

	border-radius:19px;

	background:#fff;
}

.pb12-safe-context article > span,
.pb12-safe-review > * > span{
	display:block;

	margin-bottom:31px;

	color:#95a5d2;

	font-size:8px;

	font-weight:850;
}

.pb12-safe-context h3,
.pb12-safe-review h3{
	margin:0 0 8px;

	color:#293951;

	font-size:16px;
}

.pb12-safe-context p,
.pb12-safe-review p{
	margin:0;

	color:#7b8798;

	font-size:11px;

	line-height:1.6;
}


/* REGULATORY */

.pb12-safe-regulatory{
	padding:82px 0;

	background:
		linear-gradient(
			135deg,
			#eef3ff,
			#e9f4fb
		);
}

.pb12-safe-regulatory__grid{
	display:grid;

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

	align-items:center;

	gap:80px;
}

.pb12-safe-regulatory p{
	max-width:590px;

	margin:18px 0 0;

	color:#6f7d91;

	font-size:14px;

	line-height:1.72;
}

.pb12-safe-regulatory__card{
	padding:27px 25px;

	border:
		1px solid rgba(49,86,217,.13);

	border-radius:22px;

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

.pb12-safe-regulatory__card small{
	display:block;

	margin-bottom:8px;

	color:#3156d9;

	font-size:7px;

	font-weight:850;

	letter-spacing:.13em;
}

.pb12-safe-regulatory__card strong{
	display:block;

	color:#24354d;

	font-size:19px;

	line-height:1.3;
}

.pb12-safe-regulatory__card p{
	margin-top:13px;

	font-size:11px;
}


/* REVIEW */

.pb12-safe-review{
	display:grid;

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

	gap:14px;
}

.pb12-safe-review a{
	display:block;

	text-decoration:none;
}

.pb12-safe-review a:hover{
	border-color:
		rgba(49,86,217,.22);
}


/* CAUTION */

.pb12-safe-caution{
	display:grid;

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

	gap:14px;
}

.pb12-safe-caution strong{
	display:block;

	color:#293951;

	font-size:14px;
}

.pb12-safe-caution p{
	margin:9px 0 0;

	color:#7b8798;

	font-size:11px;

	line-height:1.65;
}


/* EVIDENCE */

.pb12-safe-evidence{
	padding:83px 0;

	background:#f7f9fd;
}

.pb12-safe-evidence__head{
	margin-bottom:35px;
}

.pb12-safe-evidence__grid{
	display:grid;

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

	gap:14px;
}

.pb12-safe-evidence__grid > div{
	padding:23px 20px;

	border:
		1px solid #e1e6ef;

	border-radius:19px;

	background:#fff;
}

.pb12-safe-evidence small{
	display:block;

	margin-bottom:7px;

	color:#3156d9;

	font-size:7px;

	font-weight:850;

	letter-spacing:.12em;
}

.pb12-safe-evidence strong{
	display:block;

	color:#293951;

	font-size:14px;
}

.pb12-safe-evidence p{
	margin:9px 0 0;

	color:#7b8798;

	font-size:11px;

	line-height:1.6;
}


/* NEXT */

.pb12-safe-next{
	padding:80px 0;

	background:#fff;
}

.pb12-safe-next__grid{
	display:grid;

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

	align-items:center;

	gap:80px;
}

.pb12-safe-next__links{
	overflow:hidden;

	border:1px solid #dde3ee;

	border-radius:20px;

	background:#f8faff;
}

.pb12-safe-next__links a{
	position:relative;

	display:block;

	padding:20px 48px 20px 21px;

	color:#26364e !important;

	text-decoration:none;
}

.pb12-safe-next__links a + a{
	border-top:1px solid #dfe5ef;
}

.pb12-safe-next__links small{
	display:block;

	margin-bottom:4px;

	color:#98a3b4;

	font-size:7px;

	font-weight:850;

	letter-spacing:.13em;
}

.pb12-safe-next__links strong{
	font-size:13px;
}

.pb12-safe-next__links a > span{
	position:absolute;

	right:21px;
	top:27px;

	color:#3156d9;
}


/* FAQ */

.pb12-safe-faq{
	padding:88px 0 98px;

	background:#f7f9fd;
}

.pb12-safe-faq__list{
	max-width:850px;
}

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

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

	padding:20px 40px 20px 0;

	cursor:pointer;

	list-style:none;

	color:#293951;

	font-size:14px;

	font-weight:760;
}

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

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

	position:absolute;

	right:4px;
	top:17px;

	color:#3156d9;

	font-size:22px;
}

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

.pb12-safe-faq details p{
	max-width:720px;

	margin:0 0 21px;

	color:#778396;

	font-size:12px;

	line-height:1.7;
}


/* DISCLAIMER */

.pb12-safe-disclaimer{
	padding:21px 0;

	border-top:1px solid #e4e8ef;

	background:#fafbfe;
}

.pb12-safe-disclaimer p{
	max-width:880px;

	margin:0;

	color:#8a95a5;

	font-size:9px;

	line-height:1.65;
}


/* MOBILE */

@media(max-width:767px){

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

	.pb12-safe-hero{
		padding:27px 0 55px;
	}

	.pb12-safe-breadcrumb{
		margin-bottom:35px;
	}

	.pb12-safe-hero__grid{
		display:block;
	}

	.pb12-safe h1{
		font-size:
			clamp(
				45px,
				12.8vw,
				58px
			);
	}

	.pb12-safe-hero__lead{
		font-size:16px;
	}

	.pb12-safe-hero__text{
		font-size:13px;
	}

	.pb12-safe-answer{
		margin-top:35px;

		padding:21px;

		border-radius:21px;
	}

	.pb12-safe-answer > strong{
		font-size:21px;
	}

	.pb12-safe-standard{
		padding:58px 0;
	}

	.pb12-safe-standard__head{
		display:block;
	}

	.pb12-safe-standard__head > p{
		margin-top:17px;
	}

	.pb12-safe-zero > div{
		padding:19px 10px;
	}

	.pb12-safe-zero strong{
		font-size:29px;
	}

	.pb12-safe-section{
		padding:61px 0;
	}

	.pb12-safe-two{
		display:block;
	}

	.pb12-safe-copy{
		margin-top:27px;
	}

	.pb12-safe-copy__lead{
		font-size:15px !important;
	}

	.pb12-safe-context,
	.pb12-safe-review,
	.pb12-safe-evidence__grid{
		display:flex;

		overflow-x:auto;

		gap:10px;

		margin-right:-15px;

		padding-right:15px;

		scroll-snap-type:x mandatory;

		scrollbar-width:none;
	}

	.pb12-safe-context::-webkit-scrollbar,
	.pb12-safe-review::-webkit-scrollbar,
	.pb12-safe-evidence__grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-safe-context article,
	.pb12-safe-review > *,
	.pb12-safe-evidence__grid > div{
		flex:0 0 78%;

		min-height:175px;

		scroll-snap-align:start;
	}

	.pb12-safe-regulatory{
		padding:60px 0;
	}

	.pb12-safe-regulatory__grid{
		display:block;
	}

	.pb12-safe-regulatory__card{
		margin-top:34px;
	}

	.pb12-safe-caution{
		display:block;
	}

	.pb12-safe-caution > div + div{
		margin-top:10px;
	}

	.pb12-safe-evidence{
		padding:61px 0;
	}

	.pb12-safe-next{
		padding:61px 0;
	}

	.pb12-safe-next__grid{
		display:block;
	}

	.pb12-safe-next__links{
		margin-top:34px;
	}

	.pb12-safe-faq{
		padding:61px 0 70px;
	}

}