/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/


.logo img, .logo svg {
  width: 100% !important; 
  height: 100% !important;
}

.logo {
  max-width: 210px !important;
}

.catalog-detail h1 {
	margin-top: 0;
	word-break: break-word;
}
/***catalog.section.list***/
.section-content-wrapper .sections-list-full__items.grid-list .rounded {
    border-radius: 0;
}

.section-content-wrapper .sections-list-full__items.grid-list .rounded .fit-image {
    top: 0;
    left: 0;
    width: unset;
    height: unset;
    object-fit: unset;
}
/***eng catalog.section.list***/


/*Кнопка хочу дешевле*/

[data-name="cheaper"] .icon-container {
  display: none;
}

[data-name="cheaper"] {
  padding: 12px;
  display: block !important;
  border: 1px solid;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
}

[data-name="cheaper"]:not(:hover) {
	--bg-opacity: 32%;
	border-color: color-mix(in oklab, var(--basic_text_black) var(--bg-opacity), transparent);
	color: var(--fill_dark_lite_white_hover);
}

[data-name="cheaper"]:hover, [data-name="cheaper"]:active, [data-name="cheaper"]:focus {
	background-color: hsl( var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)) );
	border-color: hsl( var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)) );
	color: var(--button_color_text);
}

[data-name="cheaper"] .dotted {
	text-decoration-line: none;
	text-decoration-style: dotted;
}


/*Плавающая кнопка*/
.floating-help-btn {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	/* Используем var(--theme-base-color) для градиента */
	background: linear-gradient(135deg, var(--theme-base-color) 0%, color-mix(in srgb, var(--theme-base-color) 80%, #000 20%) 100%);
	border: none;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
	padding: 0;
	opacity:0.7;
	margin: 0;
}

.floating-help-btn:hover {
	transform: translateY(-50%) scale(1.1);
	/* Тень с использованием основного цвета */
	box-shadow: 0 6px 20px color-mix(in srgb, var(--theme-base-color) 50%, transparent);
	opacity:1;
}

.floating-help-btn:active {
	transform: translateY(-50%) scale(0.95);
}

.floating-help-btn svg {
	width: 30px;
	height: 30px;
	fill: white;
}

/* Анимация пульсации с использованием основного цвета */
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--theme-base-color) 70%, transparent);
	}
	70% {
		box-shadow: 0 0 0 15px color-mix(in srgb, var(--theme-base-color) 0%, transparent);
	}
	100% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--theme-base-color) 0%, transparent);
	}
}

.floating-help-btn {
	animation: pulse 2s infinite;
}

/* Альтернативный вариант для браузеров без поддержки color-mix */
@supports not (color: color-mix(in srgb, red, blue)) {
	.floating-help-btn {
		/* Затемняем цвет для градиента вручную */
		background: linear-gradient(135deg, var(--theme-base-color) 0%, #5a6ad0 100%);
	}
	
	.floating-help-btn:hover {
		box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	}
	
	@keyframes pulse {
		0% {
			box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
		}
		70% {
			box-shadow: 0 0 0 15px rgba(102, 126, 234, 0);
		}
		100% {
			box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
		}
	}
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
	.floating-help-btn {
		width: 50px;
		height: 50px;
		right: 15px;
	}
	
	.floating-help-btn svg {
		width: 24px;
		height: 24px;
	}
}