/* =========================================================================
   svc.css — блоки страниц разделов услуг (ymc.ru)
   Все классы с приставкой svc-, старые классы сайта не переопределяются.
   1rem = 11px (как в main.css). Подключается после main.css.
   ========================================================================= */

.svc-banners,
.svc-dirs,
.svc-lead,
.svc-features,
.svc-stats,
.svc-checks,
.svc-aside,
.svc-steps,
.svc-band {
	--svc-red: var(--red, #e1525b);
	--svc-red-dark: #c4222c;
	--svc-green: var(--green, #73d6c7);
	--svc-green-ink: #23917f;
	--svc-teal: #1f4d48;
	--svc-text: var(--text, #333333);
	--svc-muted: var(--purple, #727271);
	--svc-line: #e4ecea;
	box-sizing: border-box;
	text-align: left;
}

.svc-banners *,
.svc-dirs *,
.svc-features *,
.svc-stats *,
.svc-steps *,
.svc-band * {
	box-sizing: border-box;
}

/* Ссылки внутри новых блоков: снимаем серый цвет и подчёркивание из .container.content a */
.container.content .svc-banner,
.container.content a.svc-banner,
.container.content .svc-banner a,
.container.content a.svc-dir,
.container.content a.svc-band__btn {
	border-bottom: 0;
	text-decoration: none;
}

/* На сайте есть глобальное a.js-form { margin: 20px auto } — внутри новых блоков и CTA гасим его */
.container.content .svc-banners a.js-form,
.container.content .svc-aside a.js-form,
.container.content .cta a.js-form {
	margin: 0;
}

/* =========================================================================
   1. Баннеры раздела (инфоблок svc_banners, шаблон news.list/svc_banners)
   ========================================================================= */
.svc-banners {
	container-type: inline-size;
	margin-bottom: 4rem;
}

.svc-banners__grid {
	display: grid;
	gap: 1.4rem;
}

@container (min-width: 62rem) {
	.svc-banners--2 .svc-banners__grid {
		grid-template-columns: 1fr 1fr;
	}

	.svc-banners--3 .svc-banners__grid {
		grid-template-columns: 1.5fr 1fr;
	}

	.svc-banners--3 .svc-banner--big {
		grid-row: span 2;
	}
}

.svc-banner {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	min-height: 17rem;
	padding: 2.6rem 2.8rem;
	border-radius: 2rem;
	transition: transform 0.25s, box-shadow 0.25s;
}

a.svc-banner:hover {
	transform: translateY(-3px);
}

.svc-banner__eyebrow {
	padding: 0.5rem 1.4rem;
	border-radius: 3rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.svc-banner__title {
	max-width: 18ch;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.15;
	text-wrap: balance;
}

.svc-banner__text {
	max-width: 30ch;
	font-size: 1.5rem;
	line-height: 1.45;
}

.svc-banner__more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	font-size: 1.5rem;
	font-weight: 700;
}

.svc-banner__actions {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.2rem 2rem;
}

.svc-banner__actions .button,
.svc-banner > .button {
	margin-top: auto;
	box-shadow: 0 10px 22px -12px rgba(196, 34, 44, 0.8);
}

.svc-banner__actions .button {
	margin-top: 0;
}

.container.content .svc-banner__link {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--svc-green-ink);
}

.svc-banner__ico {
	display: block;
	flex-shrink: 0;
	width: 1.8rem;
	height: 1.8rem;
	transition: transform 0.25s;
}

a.svc-banner:hover .svc-banner__more .svc-banner__ico {
	transform: translateX(4px);
}

/* иллюстрация: картинка из анонса или иконка из спрайта */
.svc-banner__art,
.container.content .svc-banner__img {
	position: absolute;
	z-index: -1;
	right: -1.6rem;
	bottom: -1.6rem;
	width: 13rem;
	height: 13rem;
	margin: 0;
	border-radius: 0;
	pointer-events: none;
}

.container.content .svc-banner__img {
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	max-width: 45%;
	max-height: 90%;
	object-fit: contain;
	object-position: right bottom;
}

/* цвета */
.container.content .svc-banner--mint {
	color: var(--svc-text);
	background:
		radial-gradient(90% 80% at 100% 0%, rgba(115, 214, 199, 0.38), rgba(115, 214, 199, 0) 65%),
		linear-gradient(160deg, rgba(115, 214, 199, 0.18), rgba(115, 214, 199, 0.06));
	border: 1px solid rgba(115, 214, 199, 0.45);
}

.svc-banner--mint .svc-banner__eyebrow {
	background: #fff;
	color: var(--svc-green-ink);
}

.svc-banner--mint .svc-banner__text {
	color: #4a4a49;
}

.svc-banner--mint .svc-banner__more {
	color: var(--svc-green-ink);
}

.svc-banner--mint .svc-banner__art {
	color: rgba(35, 145, 127, 0.3);
}

.container.content .svc-banner--teal {
	color: #fff;
	background: radial-gradient(80% 120% at 100% 100%, rgba(115, 214, 199, 0.22), rgba(115, 214, 199, 0) 60%), var(--svc-teal);
	box-shadow: 0 16px 34px -24px rgba(31, 77, 72, 0.9);
}

.container.content .svc-banner--coral {
	color: #fff;
	background: radial-gradient(80% 120% at 100% 100%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%), linear-gradient(120deg, #c4343f, #d6444f);
	box-shadow: 0 16px 34px -24px rgba(191, 53, 64, 0.9);
}

.svc-banner--teal .svc-banner__eyebrow,
.svc-banner--coral .svc-banner__eyebrow {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
}

.svc-banner--teal .svc-banner__text,
.svc-banner--coral .svc-banner__text {
	color: rgba(255, 255, 255, 0.88);
}

.svc-banner--teal .svc-banner__art,
.svc-banner--coral .svc-banner__art {
	color: rgba(255, 255, 255, 0.22);
}

.container.content .svc-banner--teal .svc-banner__link,
.container.content .svc-banner--coral .svc-banner__link {
	color: #fff;
}

/* большой баннер */
.svc-banner--big {
	min-height: 30rem;
	padding: 3.2rem;
}

.svc-banner--big .svc-banner__title {
	max-width: 17ch;
	font-size: clamp(2.6rem, 5.4cqi, 3.4rem);
}

.svc-banner--big .svc-banner__text {
	max-width: 28ch;
	font-size: 1.7rem;
}

.svc-banner--big .svc-banner__art {
	right: -2.4rem;
	bottom: -2.4rem;
	width: 42%;
	max-width: 24rem;
	height: auto;
	aspect-ratio: 1;
}

@container (max-width: 46rem) {
	.svc-banner--big .svc-banner__art {
		width: 16rem;
	}
}

/* =========================================================================
   2. Направления (дочерние разделы, шаблон services/news.list/.default)
   ========================================================================= */
.svc-dirs {
	margin-bottom: 4rem;
}

.svc-dirs__title {
	margin-bottom: 1.6rem;
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.15;
}

.svc-dirs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
}

.container.content a.svc-dir {
	flex: 1 1 28rem;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 1.6rem 1.8rem;
	border-radius: 1.4rem;
	background: #fff;
	border: 1px solid rgba(115, 214, 199, 0.35);
	color: var(--svc-text);
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.25;
	transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
}

.container.content a.svc-dir:hover {
	border-color: rgba(115, 214, 199, 0.8);
	box-shadow: 0 10px 24px -14px rgba(35, 145, 127, 0.45);
	transform: translateY(-2px);
}

.container.content .svc-dir__icon {
	display: block;
	flex-shrink: 0;
	width: 4.8rem;
	height: 4.8rem;
	margin: 0;
	border-radius: 0;
	object-fit: contain;
}

/* раздел без иконки — фирменный крестик в мятном круге */
.container.content .svc-dir__icon--empty {
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2323917f'%3E%3Cpath d='M8.5 2h7v6.5H22v7h-6.5V22h-7v-6.5H2v-7h6.5z'/%3E%3C/svg%3E") center / 1.8rem no-repeat, rgba(115, 214, 199, 0.18);
}

.svc-dir__name {
	flex: 1;
	min-width: 0;
}

.svc-dir__arrow {
	display: block;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	color: #b5b5b4;
	transition: transform 0.25s, color 0.25s;
}

a.svc-dir:hover .svc-dir__arrow {
	transform: translateX(4px);
	color: var(--svc-green-ink);
}

/* =========================================================================
   3. Контент раздела (HTML в описании раздела)
   Иконки задаются атрибутом data-icon, без svg в разметке — редактор их не ломает.
   ========================================================================= */
.svc-lead {
	max-width: 62ch;
	font-size: 1.9rem;
	line-height: 1.5;
	color: #444;
}

/* --- карточки --- */
.svc-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
	gap: 1.2rem;
	margin: 2.4rem 0 4rem;
}

.svc-feature {
	display: grid;
	align-content: start;
	gap: 0.8rem;
	padding: 2rem;
	border-radius: 1.6rem;
	background: #fff;
	border: 1px solid var(--svc-line);
}

.svc-feature[data-icon]::before {
	content: '';
	width: 4.8rem;
	height: 4.8rem;
	margin-bottom: 0.4rem;
	border-radius: 50%;
	background: var(--svc-icon) center / 2.6rem no-repeat, rgba(115, 214, 199, 0.18);
}

.svc-feature__title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
}

.svc-feature__text {
	font-size: 1.5rem;
	line-height: 1.5;
	color: #555;
}

.container.content .svc-feature__text a {
	color: var(--svc-green-ink);
	border-bottom-color: rgba(35, 145, 127, 0.35);
}

/* --- возможности --- */
.svc-stats {
	margin: 0 0 4rem;
	padding: clamp(1.8rem, 5cqi, 3.6rem);
	border-radius: 2rem;
	background: linear-gradient(160deg, rgba(115, 214, 199, 0.2), rgba(115, 214, 199, 0.07));
}

.svc-stats h2 {
	margin-top: 0;
}

.svc-stats__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr));
	gap: 1.2rem;
}

.svc-stat {
	display: grid;
	grid-template-columns: 5.2rem 1fr;
	grid-template-rows: auto 1fr;
	column-gap: 1.6rem;
	row-gap: 0.3rem;
	align-items: start;
	padding: 1.8rem;
	border-radius: 1.4rem;
	background: rgba(255, 255, 255, 0.78);
}

.svc-stat:not([data-icon]) {
	grid-template-columns: 1fr;
}

.svc-stat[data-icon]::before {
	content: '';
	grid-row: span 2;
	width: 5.2rem;
	height: 5.2rem;
	background: var(--svc-icon) center / contain no-repeat;
}

.svc-stat__value {
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 1.15;
	color: var(--svc-teal);
	overflow-wrap: anywhere;
}

.svc-stat__text {
	font-size: 1.45rem;
	line-height: 1.45;
	color: #555;
}

.svc-stats__note {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	margin-top: 1.6rem;
	padding: 1.4rem 1.8rem;
	border-radius: 1.4rem;
	border: 1px dashed rgba(35, 145, 127, 0.45);
	font-size: 1.45rem;
	line-height: 1.45;
	color: #444;
}

.svc-stats__note[data-icon]::before {
	content: '';
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	background: var(--svc-icon) center / contain no-repeat;
}

/* --- чек-лист --- */
.svc-checks {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	column-width: 30rem;
	column-gap: 3.2rem;
}

.svc-checks li {
	break-inside: avoid;
	position: relative;
	margin: 0;
	padding: 0.7rem 0 0.7rem 3.6rem;
	line-height: 1.4;
}

.svc-checks li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.8rem;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	background: var(--svc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 1.4rem no-repeat;
}

.svc-aside {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.6rem 2.4rem;
	margin: 0 0 4rem;
	padding: 2rem 2.4rem;
	border-radius: 1.6rem;
	background: var(--bg, #f8f8f8);
}

.svc-aside p {
	flex: 1 1 30rem;
	margin: 0;
	font-size: 1.55rem;
	line-height: 1.5;
	color: #555;
}

/* --- шаги --- */
.svc-steps {
	container-type: inline-size;
	margin: 0 0 4rem;
}

.svc-steps__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.4rem 2rem;
	margin-bottom: 2.4rem;
}

.svc-steps__head h2 {
	margin: 0;
}

.svc-steps__hint {
	font-size: 1.4rem;
	color: var(--svc-muted);
}

.svc-steps__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	counter-reset: svc-step;
}

.svc-step {
	position: relative;
	display: grid;
	grid-template-columns: 5.2rem 1fr;
	column-gap: 1.6rem;
	align-content: start;
	margin: 0;
	padding: 0 0 2.4rem;
	counter-increment: svc-step;
}

.svc-step:last-child {
	padding-bottom: 0;
}

.svc-step::before {
	content: counter(svc-step, decimal-leading-zero);
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 5.2rem;
	height: 5.2rem;
	border-radius: 50%;
	border: 2px solid var(--svc-green);
	background: #fff;
	color: var(--svc-teal);
	font-size: 1.7rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.svc-step:first-child::before {
	background: var(--svc-green);
}

.svc-step::after {
	content: '';
	position: absolute;
	left: 2.5rem;
	top: 5.6rem;
	bottom: 0.4rem;
	width: 2px;
	background: repeating-linear-gradient(to bottom, rgba(35, 145, 127, 0.45) 0 4px, transparent 4px 8px);
}

.svc-step:last-child::after {
	display: none;
}

.svc-step__title {
	padding-top: 0.6rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
}

.svc-step__text {
	margin-top: 0.4rem;
	font-size: 1.45rem;
	line-height: 1.5;
	color: #555;
}

@container (min-width: 68rem) {
	.svc-steps__list {
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	.svc-step {
		grid-template-columns: 1fr;
		padding-bottom: 0;
	}

	.svc-step::before {
		grid-row: auto;
		margin-bottom: 1.2rem;
	}

	.svc-step::after {
		left: 6.4rem;
		right: -1.2rem;
		top: 2.5rem;
		bottom: auto;
		width: auto;
		height: 2px;
		background: repeating-linear-gradient(to right, rgba(35, 145, 127, 0.45) 0 4px, transparent 4px 8px);
	}

	.svc-step__title {
		padding-top: 0;
	}
}

/* --- полоса ОМС --- */
.svc-band {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2rem 3.2rem;
	margin: 0 0 4rem;
	padding: clamp(2.2rem, 5cqi, 3.6rem);
	border-radius: 2rem;
	color: #fff;
	background: radial-gradient(70% 140% at 100% 50%, rgba(115, 214, 199, 0.25), rgba(115, 214, 199, 0) 60%), var(--svc-teal);
}

.svc-band::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 1.6rem;
	right: 0;
	width: 45%;
	height: 5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none' fill='none' stroke='rgba(115,214,199,0.4)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 34h120l10-10 8 10h20l8-30 10 52 9-34 6 12h40l10-8 8 8h151'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	pointer-events: none;
}

.svc-band__body {
	flex: 1 1 32rem;
	display: grid;
	gap: 0.8rem;
}

.svc-band__title {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.15;
}

.svc-band__text {
	font-size: 1.6rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.88);
}

.svc-band__note {
	font-size: 1.3rem;
	color: rgba(255, 255, 255, 0.78);
}

.container.content a.svc-band__btn {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding: 1.3rem 2.8rem;
	border-radius: 3rem;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 0.25s, border-color 0.25s;
}

.container.content a.svc-band__btn::after {
	content: '';
	width: 1.8rem;
	height: 1.8rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.container.content a.svc-band__btn:hover {
	background-color: rgba(255, 255, 255, 0.14);
	border-color: #fff;
}

@media only screen and (max-width: 600px) {
	.svc-band::after {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.svc-banner,
	.svc-banner__ico,
	a.svc-dir,
	.svc-dir__arrow,
	.svc-band__btn {
		transition: none !important;
	}
}

/* --- иконки контентных блоков (data-icon) --- */
[data-icon="heart"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 40S9 31 6 21.5C4 14.8 8 8.5 15 8.5c4 0 6.6 2.3 9 5.6 2.4-3.3 5-5.6 9-5.6 7 0 11 6.3 9 13C39 31 24 40 24 40z'/%3E%3Cpath d='M8 24h8l3-6 5 12 4-9 2.5 3H40'/%3E%3C/svg%3E");
}

[data-icon="ct"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='19' r='14'/%3E%3Ccircle cx='22' cy='19' r='7.5'/%3E%3Cpath d='M4 39h40M10 39v4M38 39v4M14 33h26'/%3E%3C/svg%3E");
}

[data-icon="carm"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6a18 18 0 0 0 28 0'/%3E%3Crect x='19' y='3' width='10' height='5' rx='1.5'/%3E%3Cpath d='M24 14v6M4 30h40M10 30v12M38 30v12M24 30v-5M18 38h12'/%3E%3C/svg%3E");
}

[data-icon="bed"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 40V14M5 32h38v8M43 32v-6a6 6 0 0 0-6-6H22v12'/%3E%3Ccircle cx='14' cy='25' r='3.5'/%3E%3Cpath d='M34 5v10M29 10h10'/%3E%3C/svg%3E");
}

[data-icon="monitor"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='40' height='27' rx='3'/%3E%3Cpath d='M17 42h14M24 34v8M9 21h7l3-6 4 12 3-8 2 2h11'/%3E%3C/svg%3E");
}

[data-icon="pacer"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='22' width='20' height='20' rx='7'/%3E%3Cpath d='M10 32h3l2-3.5 2.5 7 2-3.5H22M25 28c6 0 6-14 13-14h2M40 14V8'/%3E%3Ccircle cx='40' cy='6' r='2'/%3E%3C/svg%3E");
}

[data-icon="doctor"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v11a8 8 0 0 0 16 0V5M9 5h6M25 5h6M20 24v6a9 9 0 0 0 18 0v-4'/%3E%3Ccircle cx='38' cy='22' r='4'/%3E%3C/svg%3E");
}

[data-icon="shield"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 5l16 6v12c0 10-6.8 16.8-16 20-9.2-3.2-16-10-16-20V11z'/%3E%3Cpath d='M17 24l5 5 9-10'/%3E%3C/svg%3E");
}

[data-icon="clipboard"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7' width='32' height='38' rx='4'/%3E%3Crect x='17' y='3' width='14' height='8' rx='2'/%3E%3Cpath d='M24 18v14M17 25h14M15 38h18'/%3E%3C/svg%3E");
}

[data-icon="vessels"] {
	--svc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2323917f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 44V30M24 30c0-5-8-7-8-14 0-3 1-6 3-9M24 30c0-4 8-6 8-12 0-3-1-6-2.5-8.5M16 16c-3-1-6 0-8 2M32 18c3-1 6 0 8 2.5M24 36c-3-.5-6 .5-8 3M24 36c3-.4 6 .6 8 3'/%3E%3C/svg%3E");
}