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

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

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


/* HERO */

.pb12-faq-hero{
	padding:40px 0 84px;
	background:linear-gradient(135deg,#f8faff,#f2f6ff 58%,#edf7fa);
}

.pb12-faq-breadcrumb{
	margin-bottom:52px;
	color:#929daf;
	font-size:9px;
	font-weight:700;
}

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

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

.pb12-faq-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(350px,.72fr);
	align-items:center;
	gap:90px;
}

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

.pb12-faq-label > span{
	width:7px;
	height:7px;
	border-radius:50%;
	background:linear-gradient(135deg,#3156d9,#4aa8c7);
}

.pb12-faq h1{
	margin:0;
	color:#16233a;
	font-size:clamp(51px,6vw,78px);
	font-weight:850;
	line-height:.95;
	letter-spacing:-.06em;
}

.pb12-faq h1 span{
	display:block;
	color:#3156d9;
}

.pb12-faq-hero__lead{
	max-width:630px;
	margin:24px 0 0;
	color:#35445a;
	font-size:19px;
	font-weight:560;
	line-height:1.58;
}

.pb12-faq-hero__text{
	max-width:610px;
	margin:14px 0 0;
	color:#718094;
	font-size:14px;
	line-height:1.75;
}

.pb12-faq-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	margin-top:27px;
	padding:0 20px;
	border-radius:12px;
	background:linear-gradient(135deg,#3156d9,#2444b4);
	color:#fff !important;
	font-size:12px;
	font-weight:800;
	box-shadow:0 13px 30px rgba(49,86,217,.18);
}


/* HERO PANEL */

.pb12-faq-hero__panel{
	padding:27px 25px;
	border:1px solid rgba(49,86,217,.12);
	border-radius:26px;
	background:rgba(255,255,255,.8);
	box-shadow:0 25px 65px rgba(25,43,81,.075);
}

.pb12-faq-hero__panel > small{
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-faq-hero__panel > strong{
	display:block;
	margin-top:7px;
	color:#26374f;
	font-size:23px;
}

.pb12-faq-hero__stats{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	margin-top:22px;
	padding:19px 0;
	border-top:1px solid #e1e6ef;
	border-bottom:1px solid #e1e6ef;
}

.pb12-faq-hero__stats > div + div{
	padding-left:14px;
	border-left:1px solid #e1e6ef;
}

.pb12-faq-hero__stats span{
	display:block;
	color:#16233a;
	font-size:23px;
	font-weight:820;
}

.pb12-faq-hero__stats small{
	color:#8996aa;
	font-size:6px;
	font-weight:850;
	letter-spacing:.1em;
}

.pb12-faq-hero__panel > p{
	margin:17px 0 0;
	color:#788497;
	font-size:11px;
	line-height:1.65;
}


/* QUICK PATHS */

.pb12-faq-paths{
	padding:23px 0;
	border-bottom:1px solid #e5e9f0;
	background:#fff;
}

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

.pb12-faq-paths a{
	position:relative;
	display:block;
	padding:15px 35px 15px 14px;
	border:1px solid #e5e9f0;
	border-radius:13px;
	color:#26364e !important;
	text-decoration:none;
}

.pb12-faq-paths small{
	display:block;
	margin-bottom:3px;
	color:#3156d9;
	font-size:6px;
	font-weight:850;
	letter-spacing:.12em;
}

.pb12-faq-paths strong{
	font-size:10px;
}

.pb12-faq-paths a > span{
	position:absolute;
	right:13px;
	top:22px;
	color:#3156d9;
}


/* GENERAL */

.pb12-faq-section{
	padding:84px 0;
}

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

.pb12-faq-section-head{
	max-width:720px;
	margin-bottom:32px;
}

.pb12-faq-number{
	margin-bottom:15px;
	color:#3156d9;
	font-size:9px;
	font-weight:850;
	letter-spacing:.14em;
}

.pb12-faq h2{
	margin:0;
	color:#16233a;
	font-size:clamp(36px,4vw,53px);
	line-height:1.04;
	letter-spacing:-.045em;
}

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


/* FAQ ITEMS */

.pb12-faq-list{
	max-width:900px;
}

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

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

.pb12-faq-list summary{
	position:relative;
	padding:22px 45px 22px 0;
	cursor:pointer;
	list-style:none;
	color:#293951;
	font-size:15px;
	font-weight:760;
}

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

.pb12-faq-list summary::after{
	content:"+";
	position:absolute;
	right:5px;
	top:17px;
	color:#3156d9;
	font-size:25px;
	font-weight:400;
}

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

.pb12-faq-answer{
	padding:0 0 22px;
}

.pb12-faq-answer p{
	max-width:760px;
	margin:0;
	color:#748094;
	font-size:13px;
	line-height:1.75;
}

.pb12-faq-answer a{
	display:inline-block;
	margin-top:11px;
	padding-bottom:2px;
	border-bottom:1px solid #bcc7dc;
	color:#3156d9 !important;
	font-size:10px;
	font-weight:800;
}


/* FLAVORS */

.pb12-faq-flavors{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
	max-width:900px;
}

.pb12-faq-flavors span{
	padding:13px 14px;
	border:1px solid #dfe5ef;
	border-radius:12px;
	background:#fff;
	color:#33445b;
	font-size:10px;
	font-weight:730;
}


/* SHOP */

.pb12-faq-shop{
	padding:82px 0;
	background:linear-gradient(135deg,#edf3ff,#edf7fa);
}

.pb12-faq-shop__grid{
	display:grid;
	grid-template-columns:1fr .85fr;
	align-items:center;
	gap:80px;
}

.pb12-faq-shop p{
	max-width:570px;
	margin:18px 0 0;
	color:#718094;
	font-size:14px;
	line-height:1.7;
}

.pb12-faq-shop__links{
	overflow:hidden;
	border:1px solid #dce3ef;
	border-radius:20px;
	background:rgba(255,255,255,.72);
}

.pb12-faq-shop__links a{
	position:relative;
	display:block;
	padding:19px 45px 19px 20px;
	color:#26364e !important;
	text-decoration:none;
}

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

.pb12-faq-shop__links small{
	display:block;
	margin-bottom:4px;
	color:#3156d9;
	font-size:7px;
	font-weight:850;
	letter-spacing:.12em;
}

.pb12-faq-shop__links strong{
	font-size:13px;
}

.pb12-faq-shop__links a > span{
	position:absolute;
	right:20px;
	top:26px;
	color:#3156d9;
}


/* DISCLAIMER */

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

.pb12-faq-disclaimer p{
	max-width:890px;
	margin:0;
	color:#8a95a5;
	font-size:9px;
	line-height:1.65;
}


/* MOBILE */

@media(max-width:767px){

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

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

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

	.pb12-faq-hero__grid,
	.pb12-faq-shop__grid{
		display:block;
	}

	.pb12-faq h1{
		font-size:clamp(46px,13vw,59px);
	}

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

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

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

	.pb12-faq-hero__panel{
		margin-top:35px;
		padding:21px;
	}

	.pb12-faq-paths{
		overflow:hidden;
	}

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

	.pb12-faq-paths__grid::-webkit-scrollbar{
		display:none;
	}

	.pb12-faq-paths a{
		flex:0 0 67%;
		scroll-snap-align:start;
	}

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

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

	.pb12-faq-answer p{
		font-size:12px;
	}

	.pb12-faq-flavors{
		display:flex;
		overflow-x:auto;
		gap:8px;
		margin-right:-15px;
		padding-right:15px;
		scrollbar-width:none;
	}

	.pb12-faq-flavors::-webkit-scrollbar{
		display:none;
	}

	.pb12-faq-flavors span{
		flex:0 0 auto;
	}

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

	.pb12-faq-shop__links{
		margin-top:34px;
	}

}