/* Add here all your CSS customizations */
:root {
					--widget-main: #62436c;
					--widget-dark: #62436c;
					--widget-light: #62436c;
					--widget-soft: rgba(76, 89, 79, 0.22);
					--widget-shadow: rgba(0, 0, 0, 0.18);
				}
				.contact-widget-container {
					position: fixed;
					right: 30px;
					bottom: 70px;
					z-index: 99999;
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					font-family: sans-serif;
				}
				/* Блок дополнительных кнопок */
				.contact-widget-container .sub-buttons {
					display: flex;
					flex-direction: column;
					gap: 12px;
					margin-bottom: 14px;
					opacity: 0;
					visibility: hidden;
					pointer-events: none;
					transform: translateY(16px);
					transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
				}
				.contact-widget-container:hover .sub-buttons,
				.contact-widget-container.active .sub-buttons {
					opacity: 1;
					visibility: visible;
					pointer-events: auto;
					transform: translateY(0);
				}
				/* Основная кнопка */
				.contact-widget-container .main-contact-btn {
					appearance: none;
					-webkit-appearance: none;
					border: 0;
					outline: none;
					display: inline-flex;
					align-items: center;
					justify-content: flex-end;
					cursor: pointer;
					background: var(--widget-main);
					padding: 0;
					width: 58px;
					height: 58px;
					border-radius: 999px !important;
					overflow: hidden !important;
					box-shadow: 0 8px 24px var(--widget-shadow);
					transition: width 0.35s ease, background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
					animation: widgetPulse 2.8s infinite;
					-webkit-tap-highlight-color: transparent;
				}
				.contact-widget-container .main-contact-btn:hover {
					background: var(--widget-dark);
					transform: translateY(-1px);
				}
				.contact-widget-container.active .main-contact-btn {
					background: var(--widget-dark);
				}
				/* Раскрытое состояние надписи */
				.contact-widget-container.label-visible .main-contact-btn,
				.contact-widget-container:hover .main-contact-btn {
					width: 178px;
					padding-left: 18px;
				}
				/* Надпись */
				.contact-widget-container .contact-label {
					color: #fff;
					font-weight: 600;
					font-size: 14px;
					line-height: 1;
					white-space: nowrap;
					letter-spacing: 0.2px;
					opacity: 0;
					max-width: 0;
					overflow: hidden;
					transform: translateX(8px);
					transition: opacity 0.25s ease, transform 0.25s ease, max-width 0.35s ease;
				}
				.contact-widget-container.label-visible .contact-label,
				.contact-widget-container:hover .contact-label {
					opacity: 1;
					max-width: 120px;
					transform: translateX(0);
				}
				/* Иконка */
				.contact-widget-container .main-icon {
					width: 58px;
					height: 58px;
					min-width: 58px;
					margin-left: 0;
					border-radius: 50% !important;
					overflow: hidden !important;
					background: var(--widget-dark);
					display: inline-flex;
					align-items: center;
					justify-content: center;
					flex-shrink: 0;
				}
				.contact-widget-container .main-icon svg {
					width: 24px;
					height: 24px;
					display: block;
				}
				/* Кнопки контактов */
				.contact-widget-container .sub-button {
					width: 52px;
					height: 52px;
					border-radius: 50% !important;
					overflow: hidden;
					display: flex;
					align-items: center;
					justify-content: center;
					text-decoration: none;
					color: #fff;
					box-shadow: 0 6px 18px rgba(0,0,0,0.16);
					transition: transform 0.2s ease, box-shadow 0.2s ease;
				}
				.contact-widget-container .sub-button:hover {
					transform: scale(1.08);
					box-shadow: 0 8px 22px rgba(0,0,0,0.2);
				}
				.contact-widget-container .sub-button svg,
				.contact-widget-container .sub-button img {
					width: 24px;
					height: 24px;
					display: block;
				}
				.contact-widget-container .max-btn {
					background: var(--widget-dark);
				}
				.contact-widget-container .max-btn img {
					width: 24px;
					height: 24px;
					object-fit: contain;
				}
				.contact-widget-container .tg-btn {
					background: var(--widget-light);
				}
				.contact-widget-container .phone-btn {
					background: var(--widget-main);
				}
				/* Обертка телефона */
				.contact-widget-container .phone-wrapper {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: flex-end;
				}
				/* Плашка с номером */
				.contact-widget-container .phone-tooltip {
					position: absolute;
					right: 64px;
					top: 50%;
					transform: translateY(-50%) translateX(10px);
					background: var(--widget-dark);
					color: #fff;
					font-size: 13px;
					font-weight: 600;
					line-height: 1;
					white-space: nowrap;
					padding: 12px 16px;
					border-radius: 999px;
					box-shadow: 0 6px 18px rgba(0,0,0,0.16);
					opacity: 0;
					visibility: hidden;
					pointer-events: none;
					transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
				}
				/* Показ номера только на десктопе при наведении */
				.contact-widget-container .phone-wrapper:hover .phone-tooltip {
					opacity: 1;
					visibility: visible;
					transform: translateY(-50%) translateX(0);
				}
				/* Пульсация */
				@keyframes widgetPulse {
					0% {
						box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 0 0 0 var(--widget-soft);
					}
					70% {
						box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 0 0 14px rgba(76, 89, 79, 0);
					}
					100% {
						box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 0 0 0 rgba(76, 89, 79, 0);
					}
				}
				/* Мобильная версия */
				@media (max-width: 768px) {
					.contact-widget-container {
						right: 16px;
						bottom: 16px;
					}
					.contact-widget-container .main-contact-btn,
					.contact-widget-container.label-visible .main-contact-btn,
					.contact-widget-container:hover .main-contact-btn {
						width: 58px;
						height: 58px;
						padding: 0;
						border-radius: 50% !important;
					}
					.contact-widget-container .contact-label,
					.contact-widget-container.label-visible .contact-label,
					.contact-widget-container:hover .contact-label {
						display: none;
					}
					.contact-widget-container .main-icon {
						width: 58px;
						height: 58px;
						min-width: 58px;
						margin-left: 0;
					}
					.contact-widget-container .sub-button {
						width: 50px;
						height: 50px;
					}
					.contact-widget-container .sub-button svg,
					.contact-widget-container .sub-button img {
						width: 22px;
						height: 22px;
					}
					.contact-widget-container .phone-tooltip {
						display: none;
					}
				}
				/* Отключение анимации для тех, кто этого хочет */
				@media (prefers-reduced-motion: reduce) {
					.contact-widget-container .main-contact-btn {
						animation: none;
					}
					.contact-widget-container .main-contact-btn,
					.contact-widget-container .sub-buttons,
					.contact-widget-container .sub-button,
					.contact-widget-container .phone-tooltip,
					.contact-widget-container .contact-label {
						transition: none;
					}
				}