@charset "UTF-8";
/* =========================================================================
   dotSell — FAQ. Plik samodzielny: wtyczka działa też bez motywu dotSell.
   ========================================================================= */
.m-faq-block{padding:84px 0}
.m-faq-block .wrapper{max-width:1360px;margin:auto;padding:0 25px}
.m-faq-block .center{text-align:center}
.m-faq-block .eyebrow{
	display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.15em;
	text-transform:uppercase;color:#04a353;margin-bottom:14px;
}
.m-faq-block h2{
	font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.02em;
	color:#03355c;margin:0 0 .5em;
}

.m-faq{max-width:900px;margin:44px auto 0}
.m-faq details{
	background:#fff;border:1px solid #e2eaf2;border-radius:14px;
	margin-bottom:12px;padding:0 26px;
}
.m-faq summary{
	cursor:pointer;list-style:none;padding:21px 0;font-weight:700;font-size:17.5px;
	color:#03355c;display:flex;justify-content:space-between;gap:20px;
}
.m-faq summary::-webkit-details-marker{display:none}
.m-faq summary::after{content:"+";color:#04a353;font-size:26px;line-height:1;flex:0 0 auto}
.m-faq details[open] summary::after{content:"–"}
.m-faq__answer{padding-bottom:22px;color:#4d5a66;font-size:16px;line-height:1.62}
.m-faq__answer p{margin:0 0 12px}
.m-faq__answer p:last-child{margin-bottom:0}
.m-faq__answer strong{font-weight:700;color:#03355c}

@media (max-width:1024px){
	.m-faq-block{padding:48px 0}
	.m-faq-block .wrapper{padding:0 18px}
	.m-faq{margin-top:28px}
	.m-faq details{padding:0 18px;border-radius:12px}
	.m-faq summary{font-size:16px;padding:16px 0}
	.m-faq__answer{font-size:15.5px;padding-bottom:18px}
}