/* 1.76.543: Google Workspace in de E-mail-tab van het portaal (inc/email.php nsl_email_ws_offer) */
.nsl-mailws__head { display: flex; gap: 14px; align-items: flex-start; }
.nsl-mailws__g { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line2, #2a2a2d); }
.nsl-mailws__head h3 { margin: 0 0 6px; }
.nsl-mailws__head p { margin: 0; max-width: 760px; }
.nsl-mailws__plans { margin-top: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line, #1d1d1f); }
.nsl-mailws__plan { padding: 18px; display: grid; gap: 10px; align-content: start; }
.nsl-mailws__plan + .nsl-mailws__plan { border-left: 1px solid var(--line, #1d1d1f); }
.nsl-mailws__plan.is-pop { box-shadow: inset 0 2px 0 #7643c8; }
.nsl-mailws__plan > b { font-size: 16px; }
.nsl-mailws__price { margin: 0; color: var(--muted, #9a9a9a); font-size: 13px; line-height: 1.5; }
.nsl-mailws__price strong { display: block; color: var(--text, #fff); font-size: 22px; }
.nsl-mailws__price span { display: block; }
.nsl-mailws__plan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.nsl-mailws__plan li { display: flex; gap: 8px; align-items: baseline; }
.nsl-mailws__plan .nsl-btn { justify-self: start; margin-top: 4px; }
.nsl-mailws__more { margin: 14px 0 0; }
@media (max-width: 860px) {
	.nsl-mailws__plans { grid-template-columns: 1fr; }
	.nsl-mailws__plan + .nsl-mailws__plan { border-left: 0; border-top: 1px solid var(--line, #1d1d1f); }
}