:root {
	--ds-color-page:       #F2F2F2;
	--ds-color-surface:    #FFFFFF;
	--ds-color-text:       #000000;
	--ds-color-text-2:     #656978;
	--ds-color-text-3:     #6D6D6D;
	--ds-color-muted:      #B5B5B5;
	--ds-color-divider:    #D9D9D9;
	--ds-color-accent:     #088999;
	--ds-color-success:    #009922;
	--ds-color-success-bg: #F6FFF3;
	--ds-color-warning:    #D97B00;
	--ds-color-danger:     #FF6D6D;
	--ds-color-highlight:  #CBF6FC;
	--ds-color-soft:       #FCEEDC;
	--ds-color-hover:      #EDF7F8;
	--ds-color-accent-soft: rgba(8, 137, 153, 0.1);
	--ds-color-note:       #838C90;
	--ds-color-note-icon:  #ADB6BA;
	--ds-color-note-line:  #C2C2C2;
	--ds-color-passive:    #DDDDDD;
	--ds-color-rate-5:     #2AB300;
	--ds-color-rate-4:     #8AB100;
	--ds-color-rate-3:     #FE9500;
	--ds-color-rate-2:     #ED2E32;
	--ds-color-rate-1:     #000000;

	--ds-space-2:  2px;
	--ds-space-5:  5px;
	--ds-space-10: 10px;
	--ds-space-15: 15px;
	--ds-space-20: 20px;
	--ds-card-pad: 15px;
	--ds-card-gap: 10px;

	--ds-radius-s: 10px;
	--ds-radius-m: 15px;
	--ds-radius-l: 20px;

	--ds-border:      1px;
	--ds-border-bold: 1.5px;

	--ds-underline:        1.5px;
	--ds-underline-offset: 0.14em;

	--ds-font: Roboto, Arial, sans-serif;
}

:where([class^="ds-"], [class*=" ds-"]),
:where([class^="ds-"], [class*=" ds-"])::before,
:where([class^="ds-"], [class*=" ds-"])::after {
	box-sizing: border-box;
}

.ds-page {
	padding: 10px 0;
	background: var(--ds-color-page);
	color: var(--ds-color-text);
	font-family: var(--ds-font);
}

.ds-page__inner {
	max-width: 1100px;
	margin: 0 auto;
}

.ds-text-h1,
.ds-text-h2,
.ds-text-h3,
.ds-text-lead,
.ds-text-ui,
.ds-text-body,
.ds-text-small,
.ds-text-note,
.ds-text-caption {
	margin: 0;
	color: inherit;
	font-family: var(--ds-font);
	font-style: normal;
	text-align: inherit;
	text-transform: none;
	letter-spacing: normal;
}

:is(.ds-text-h1, .ds-text-h2, .ds-text-h3, .ds-text-lead, .ds-text-ui, .ds-text-body, .ds-text-small, .ds-text-note, .ds-text-caption)::before,
:is(.ds-text-h1, .ds-text-h2, .ds-text-h3, .ds-text-lead, .ds-text-ui, .ds-text-body, .ds-text-small, .ds-text-note, .ds-text-caption)::after {
	content: none;
}

.ds-text-h1      { font-size: 30px; line-height: 35px; font-weight: 500; }
.ds-text-h2      { font-size: 24px; line-height: 28px; font-weight: 500; letter-spacing: -0.15px; }
.ds-text-h3      { font-size: 20px; line-height: 28px; font-weight: 500; }
.ds-text-lead    { font-size: 18px; line-height: 28px; font-weight: 400; }
.ds-text-ui      { font-size: 16px; line-height: 20px; font-weight: 400; }
.ds-text-body    { font-size: 15px; line-height: 20px; font-weight: 300; }
.ds-text-small   { font-size: 14px; line-height: 20px; font-weight: 300; }
.ds-text-note    { font-size: 14px; line-height: 20px; font-weight: 300; font-style: italic; }
.ds-text-caption { font-size: 12px; line-height: 15px; font-weight: 400; }

.ds-light   { font-weight: 300; }
.ds-regular { font-weight: 400; }
.ds-medium  { font-weight: 500; }

.ds-c-accent  { color: var(--ds-color-accent); }
.ds-c-muted   { color: var(--ds-color-muted); }
.ds-c-success { color: var(--ds-color-success); }
.ds-c-warning { color: var(--ds-color-warning); }
.ds-c-danger  { color: var(--ds-color-danger); }
.ds-c-rate-5  { color: var(--ds-color-rate-5); }
.ds-c-rate-4  { color: var(--ds-color-rate-4); }
.ds-c-rate-3  { color: var(--ds-color-rate-3); }
.ds-c-rate-2  { color: var(--ds-color-rate-2); }
.ds-c-rate-1  { color: var(--ds-color-rate-1); }
.ds-c-text-2  { color: var(--ds-color-text-2); }
.ds-c-text-3  { color: var(--ds-color-text-3); }

.ds-link {
	color: var(--ds-color-accent);
	text-decoration: underline dotted;
	text-decoration-thickness: var(--ds-underline);
	text-underline-offset: var(--ds-underline-offset);
	cursor: pointer;
}

.ds-link--solid {
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 1.5px;
}

.ds-stack {
	display: flex;
	flex-direction: column;
	gap: var(--ds-space-10);
}

.ds-row {
	display: flex;
	align-items: center;
	gap: var(--ds-space-10);
}

.ds-row--wrap {
	flex-wrap: wrap;
}

.ds-row--between {
	justify-content: space-between;
}

.ds-stack--gap-5,
.ds-row--gap-5 {
	gap: var(--ds-space-5);
}

.ds-stack--gap-15 {
	gap: var(--ds-space-15);
}

.ds-stack--gap-20,
.ds-row--gap-20 {
	gap: var(--ds-space-20);
}

.ds-cols {
	display: flex;
	flex-direction: column;
	gap: var(--ds-card-gap);
}

.ds-cols__main,
.ds-cols__side {
	display: contents;
}

@media (min-width: 800px) {
	.ds-cols {
		display: grid;
		grid-template-columns: minmax(470px, 1fr) minmax(320px, 360px);
		align-items: start;
	}

	.ds-cols__main,
	.ds-cols__side {
		display: flex;
		flex-direction: column;
		gap: var(--ds-card-gap);
		min-width: 0;
	}
}

.ds-card {
	display: flex;
	flex-direction: column;
	gap: var(--ds-space-10);
	min-width: 0;
	padding: var(--ds-card-pad);
	border-radius: var(--ds-radius-l);
	background: var(--ds-color-surface);
}

.ds-card--gap-15 {
	gap: var(--ds-space-15);
}

.ds-card--gap-20 {
	gap: var(--ds-space-20);
}

@media (max-width: 499px) {
	.ds-card--bleed {
		padding-left: 0;
		padding-right: 0;
	}
}

.ds-icon {
	display: inline-block;
	flex: none;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask: var(--ds-icon) center / contain no-repeat;
	mask: var(--ds-icon) center / contain no-repeat;
}

.ds-icon--19 {
	width: 19px;
	height: 19px;
}

.ds-icon--30 {
	width: 30px;
	height: 30px;
}

.ds-stars {
	display: block;
	flex: none;
	width: 103px;
	height: 18px;
	background: linear-gradient(to right, currentColor calc(var(--ds-stars, 0) * 20%), var(--ds-color-divider) 0);
	-webkit-mask: url(/wp-content/themes/don/images/5_stars_rating_desk.svg) 0 0 / 100% 100% no-repeat;
	mask: url(/wp-content/themes/don/images/5_stars_rating_desk.svg) 0 0 / 100% 100% no-repeat;
}

.ds-icon-box {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: var(--ds-border) solid var(--ds-color-text);
	border-radius: var(--ds-radius-s);
}

.ds-icon-box > * {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.ds-logo {
	display: block;
	flex: none;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.ds-crumbs {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	min-height: 20px;
	margin: 0;
	padding: 0 10px;
	overflow-x: auto;
	scrollbar-width: none;
	list-style: none;
	color: var(--ds-color-text-2);
	font: 400 12px/15px Inter, var(--ds-font);
	letter-spacing: -0.3px;
}

.ds-crumbs::-webkit-scrollbar {
	display: none;
}

.ds-crumbs__item {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 8px;
	color: inherit;
	white-space: nowrap;
	text-decoration: none;
}

.ds-crumbs__item > a {
	color: inherit;
	text-decoration: none;
}

.ds-crumbs__item + .ds-crumbs__item::before {
	content: "";
	flex: none;
	width: 4px;
	height: 6px;
	background-color: currentColor;
	-webkit-mask: url(/wp-content/themes/don/images/ds/crumb.svg) center / contain no-repeat;
	mask: url(/wp-content/themes/don/images/ds/crumb.svg) center / contain no-repeat;
}

.ds-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 40px;
	padding: 0 10px;
	border: var(--ds-border-bold) solid var(--ds-color-accent);
	border-radius: var(--ds-radius-s);
	background: transparent;
	color: var(--ds-color-accent);
	font: 500 16px/20px var(--ds-font);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.ds-btn--l {
	width: 100%;
	max-width: 400px;
	padding: 10px;
	border-width: var(--ds-border);
	border-radius: var(--ds-radius-m);
	font-size: 18px;
	line-height: 20px;
}

.ds-btn__text {
	flex: 1 1 auto;
	min-width: 0;
}

.ds-more {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 10px 0;
	border: 0;
	background: none;
	color: var(--ds-color-accent);
	font: 500 16px/20px var(--ds-font);
	text-decoration: none;
	cursor: pointer;
}

.ds-more__text {
	text-decoration: underline dotted;
	text-decoration-thickness: var(--ds-underline);
	text-underline-offset: var(--ds-underline-offset);
}

.ds-plate {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 15px;
	border-radius: var(--ds-radius-l);
}

.ds-plate__text {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 25px;
	font: 500 20px/24px var(--ds-font);
	text-align: center;
}

.ds-plate__hint {
	color: var(--ds-color-accent);
	cursor: pointer;
}

.ds-plate--success {
	background: var(--ds-color-success-bg);
	color: var(--ds-color-success);
}

.ds-plate--neutral {
	background: var(--ds-color-surface);
	color: var(--ds-color-text-3);
}

@media (max-width: 499px) {
	.ds-plate {
		padding: 10px 15px;
	}

	.ds-plate__text {
		font-size: 16px;
		line-height: 20px;
	}
}

.ds-section-head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.ds-section-head__title {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: var(--ds-color-text);
	font: 500 24px/28px var(--ds-font);
	text-align: left;
	text-transform: none;
	letter-spacing: -0.15px;
}

.ds-section-head__title::before,
.ds-section-head__title::after,
.ds-program__name::before,
.ds-program__name::after {
	content: none;
}

.ds-section-head__hint {
	color: var(--ds-color-accent);
	cursor: pointer;
}

.ds-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	padding: 10px 0;
}

.ds-filter__item {
	padding: 0;
	border: 0;
	background: none;
	color: var(--ds-color-accent);
	font: 400 16px/20px var(--ds-font);
	text-decoration: underline dotted;
	text-decoration-thickness: var(--ds-underline);
	text-underline-offset: var(--ds-underline-offset);
	cursor: pointer;
}

.ds-filter__item.is-active {
	color: var(--ds-color-text);
	font-weight: 500;
	text-decoration: none;
	cursor: default;
}

.ds-contact {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.ds-contact__icon {
	color: var(--ds-color-muted);
}

.ds-contact__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	padding: 4px 0;
	font: 300 16px/23px var(--ds-font);
}

.ds-contact__body--actions {
	max-width: 300px;
	padding: 0;
}

.ds-messengers {
	display: flex;
	gap: 10px;
}

.ds-messengers__item {
	--ds-tile: calc(100cqw + 2 * var(--ds-border-bold));
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	container-type: inline-size;
	aspect-ratio: 1;
	overflow: hidden;
	border: var(--ds-border-bold) solid var(--ds-color-accent);
	border-radius: var(--ds-radius-s);
	background: var(--ds-color-surface);
	text-decoration: none;
}

.ds-messengers__icon {
	display: block;
	flex: none;
	width: calc(var(--ds-tile) * 0.525);
	height: calc(var(--ds-tile) * 0.525);
	margin-top: calc(var(--ds-tile) * 0.137 - var(--ds-border-bold));
	object-fit: contain;
}

.ds-messengers__label {
	margin-top: calc(var(--ds-tile) * 0.06);
	font: 400 calc(var(--ds-tile) * 0.152) / 1 var(--ds-font);
	white-space: nowrap;
}

.ds-messengers__item--telegram { color: #038BC9; }
.ds-messengers__item--whatsapp { color: #009634; }
.ds-messengers__item--max      { color: #9341DE; }

.ds-messengers__item.is-disabled {
	border-color: var(--ds-color-divider);
	color: var(--ds-color-divider);
	cursor: default;
}

.ds-messengers__item.is-disabled .ds-messengers__icon {
	opacity: 0.35;
	filter: grayscale(1);
}

.ds-counter {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
}

.ds-counter__num {
	font: 500 50px/18px var(--ds-font);
}

.ds-counter__label {
	display: flex;
	flex-direction: column;
	height: 33px;
	font: 400 14px/18px var(--ds-font);
}

@media (max-width: 499px) {
	.ds-counter__num {
		font-size: 46px;
	}
}

.ds-feature {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ds-feature__icon {
	display: block;
	flex: none;
	width: 45px;
	height: 45px;
	object-fit: contain;
}

.ds-feature__text {
	flex: 1 1 auto;
	min-width: 0;
	font: 300 15px/20px var(--ds-font);
}

.ds-price {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px 0;
}

.ds-price__value {
	color: var(--ds-color-text);
	font: 500 18px/28px var(--ds-font);
}

.ds-price__icon {
	color: var(--ds-color-muted);
}

.ds-price__time {
	color: var(--ds-color-muted);
	font: 400 18px/28px var(--ds-font);
}

.ds-program {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 5px 0;
}

.ds-program__num {
	flex: none;
	width: 25px;
	color: var(--ds-color-muted);
	font: 400 18px/28px var(--ds-font);
}

.ds-program__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.ds-program__name {
	margin: 0;
	color: var(--ds-color-accent);
	font: 500 20px/28px var(--ds-font);
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
}

.ds-program__icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 5px 0;
}

.ds-program__items {
	display: none;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ds-program__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 5px 0;
}

.ds-program__text {
	flex: 1 1 auto;
	align-self: center;
	min-width: 0;
	font: 300 15px/20px var(--ds-font);
}

.ds-program__toggle {
	color: var(--ds-color-accent);
	cursor: pointer;
}

.ds-program.is-open .ds-program__icons {
	display: none;
}

.ds-program.is-open .ds-program__items {
	display: flex;
}

.ds-program.is-open .ds-program__toggle {
	--ds-icon: url(/wp-content/themes/don/images/ds/collapse.svg);
}

.ds-addon {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
	padding-bottom: 10px;
}

.ds-addon__text {
	flex: 1 1 0;
	min-width: 0;
	font: 300 15px/20px var(--ds-font);
}

.ds-addon__price {
	flex: none;
	font: 500 18px/28px var(--ds-font);
	text-align: right;
}

.ds-icon--question     { --ds-icon: url(/wp-content/themes/don/images/ds/question.svg); }
.ds-icon--more         { --ds-icon: url(/wp-content/themes/don/images/ds/more.svg); }
.ds-icon--expand       { --ds-icon: url(/wp-content/themes/don/images/ds/expand.svg); }
.ds-icon--collapse     { --ds-icon: url(/wp-content/themes/don/images/ds/collapse.svg); }
.ds-icon--time         { --ds-icon: url(/wp-content/themes/don/images/ds/time.svg); }
.ds-icon--phone        { --ds-icon: url(/wp-content/themes/don/images/ds/phone.svg); }
.ds-icon--pin          { --ds-icon: url(/wp-content/themes/don/images/ds/pin.svg); }
.ds-icon--schedule     { --ds-icon: url(/wp-content/themes/don/images/ds/schedule.svg); }
.ds-icon--site         { --ds-icon: url(/wp-content/themes/don/images/ds/site.svg); }
.ds-icon--route        { --ds-icon: url(/wp-content/themes/don/images/ds/route.svg); }
.ds-icon--prices-proof { --ds-icon: url(/wp-content/themes/don/images/ds/prices-proof.svg); }
.ds-icon--report       { --ds-icon: url(/wp-content/themes/don/images/ds/report.svg); }
.ds-icon--crumb        { --ds-icon: url(/wp-content/themes/don/images/ds/crumb.svg); }
.ds-icon--close        { --ds-icon: url(/wp-content/themes/don/images/ds/close.svg); }
.ds-icon--manager      { --ds-icon: url(/wp-content/themes/don/images/ds/manager.svg); }

[class^="ds-"][hidden],
[class*=" ds-"][hidden] {
	display: none;
}

.ds-link:hover,
.ds-filter__item:hover {
	text-decoration-line: none;
}

.ds-more:hover .ds-more__text {
	text-decoration-line: none;
}

.ds-crumbs__item > a:hover {
	color: var(--ds-color-text);
}

.ds-btn:hover,
.ds-messengers__item:hover {
	background: var(--ds-color-accent-soft);
}

.ds-messengers__item.is-disabled:hover {
	background: var(--ds-color-surface);
}

.ds-icon--question:hover {
	--ds-icon: url(/wp-content/themes/don/images/ds/question-hover.svg);
}

.ds-program--toggle {
	margin: 0 -10px;
	padding: 5px 10px;
	border-radius: var(--ds-radius-s);
	cursor: pointer;
}

.ds-program--toggle:hover {
	background: var(--ds-color-hover);
}

.ds-popup {
	position: fixed;
	inset: 0;
	z-index: 30000;
	display: flex;
	padding: 20px 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: rgba(0, 0, 0, 0.5);
	color: var(--ds-color-text);
	font-family: var(--ds-font);
}

.ds-popup--image {
	padding-top: 70px;
}

.ds-popup__card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: clamp(320px, 100% - 40px, 500px);
	margin: auto;
	padding: 20px;
	border-radius: var(--ds-radius-m);
	background: var(--ds-color-surface);
	text-align: center;
	container-type: inline-size;
}

.ds-popup__close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--ds-radius-s);
	background: transparent;
	color: var(--ds-color-text-3);
	cursor: pointer;
}

.ds-popup__close:hover,
.ds-popup__close:active {
	background: var(--ds-color-page);
}

.ds-popup__close > .ds-icon {
	width: 20px;
	height: 20px;
}

.ds-popup__image {
	display: block;
	flex: none;
	width: auto;
	max-width: 100%;
	height: 170px;
	margin: -70px auto 10px;
	object-fit: contain;
}

.ds-popup__avatar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin: -80px auto 0;
	border-radius: 50%;
	background: var(--ds-color-surface);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	color: var(--ds-color-note-icon);
}

.ds-popup__avatar > .ds-icon {
	width: 80px;
	height: 80px;
}

.ds-popup__title {
	margin: 0;
	padding-bottom: 5px;
	font-size: 26px;
	line-height: 32px;
	font-weight: 500;
	text-transform: uppercase;
	overflow-wrap: break-word;
}

.ds-popup__close + .ds-popup__title {
	padding-inline: 40px;
}

.ds-popup__close + .ds-popup__text {
	margin-top: 45px;
}

.ds-popup__text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: -0.15px;
	overflow-wrap: break-word;
}

.ds-popup__text > * {
	margin: 0;
	font: inherit;
	color: inherit;
}

.ds-popup__text > * + * {
	margin-top: 24px;
}

.ds-popup__text b,
.ds-popup__text strong {
	font-weight: 500;
}

.ds-popup__text ul {
	padding: 0 0 0 20px;
	list-style: disc;
	text-align: left;
}

.ds-popup__text li {
	margin: 0;
	padding: 0;
	font: inherit;
	list-style: inherit;
}

.ds-popup__more {
	margin-top: 14px;
	color: var(--ds-color-accent);
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-decoration: none;
}

.ds-popup-legend {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.ds-popup-legend__item {
	display: flex;
	gap: 15px;
	margin: 0;
	padding: 0;
}

.ds-popup-legend__mark {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
}

.ds-popup-legend__mark > img {
	display: block;
	width: 32px;
	height: auto;
}

.ds-popup-legend--rating .ds-popup-legend__mark {
	width: 110px;
	padding-top: 3px;
	text-align: right;
}

.ds-popup-legend__label {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
}

.ds-popup-legend__text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: -0.15px;
}

.ds-popup-legend__text b {
	font-weight: 500;
}

@container (max-width: 399px) {
	.ds-popup-legend--rating .ds-popup-legend__item {
		flex-direction: column;
		gap: 5px;
	}

	.ds-popup-legend--rating .ds-popup-legend__mark {
		flex-direction: row;
		align-items: center;
		gap: 10px;
		width: auto;
		padding-top: 0;
		text-align: left;
	}
}

.ds-contact-panel {
	display: none;
}

.ds-contact-panel__bar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: var(--ds-color-surface);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
	color: var(--ds-color-text);
	font-family: var(--ds-font);
}

.ds-contact-panel__main {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
}

.ds-contact-panel__phone {
	flex: 1 1 0;
	min-width: 0;
	height: 40px;
	padding: 0 5px;
	border-width: var(--ds-border);
	white-space: nowrap;
}

.ds-contact-panel__phone.is-revealed {
	border-color: var(--ds-color-accent);
	background: var(--ds-color-accent);
	color: var(--ds-color-surface);
}

.ds-contact-panel__messenger {
	display: block;
	flex: none;
	width: 50px;
	height: 50px;
}

.ds-contact-panel__messenger > img {
	display: block;
	width: 50px;
	height: 50px;
}

.ds-contact-panel__messenger.is-disabled > img {
	filter: brightness(0) invert(0.8667);
}

.ds-contact-panel__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 5px 10px;
	border-top: var(--ds-border) solid var(--ds-color-note-line);
	color: var(--ds-color-note);
	font-size: 14px;
	line-height: 20px;
}

.ds-contact-panel__note > .ds-icon--manager {
	width: 20px;
	height: 20px;
	color: var(--ds-color-note-icon);
}

.ds-contact-panel__note-text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ds-contact-panel__help {
	width: 18px;
	height: 18px;
	color: var(--ds-color-accent);
	cursor: pointer;
}

@media (max-width: 799px) {
	.ds-contact-panel {
		display: block;
		height: 70px;
	}

	.ds-contact-panel--note {
		height: 101px;
	}
}

.ds-dropdown {
	position: relative;
}

.ds-dropdown__overlay,
.ds-dropdown__list {
	display: none;
}

.ds-dropdown.is-open > .ds-dropdown__overlay {
	display: block;
	position: fixed;
	inset: 0;
	z-index: 1011;
	background: rgba(0, 0, 0, 0.5);
}

.ds-dropdown.is-open > .ds-dropdown__list {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 1012;
	margin: 17px 0 0;
	padding: 10px 0;
	list-style: none;
	background: var(--ds-color-surface);
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
	scroll-margin: 10px;
}

.ds-dropdown__list::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 25%;
	margin-left: -12px;
	border: 12px solid transparent;
	border-top-width: 0;
	border-bottom-color: var(--ds-color-surface);
}

.ds-dropdown__list > li {
	margin: 0;
	padding: 0;
}

.ds-dropdown__item {
	display: block;
	overflow: hidden;
	padding: 15px 20px;
	color: var(--ds-color-text);
	font: 400 20px/20px var(--ds-font);
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}