/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 12 2025 | 15:24:20 */
.search-block {
  transition: all 0.3s ease; /* Для плавного перехода */
}

.search-block.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Чтобы блок был поверх других элементов */
  background-color: var(--e-global-color-primary); /* Задайте фон, чтобы он не сливался */
}

.sin-search .search-input-group .search-btn, 
.sin-search .search-input-group .shopengine-category-select-wraper, 
.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-product-rating {
	display: none !important;
}

.sin-search .search-input-group input.shopengine-advanced-search-input {
	text-align: center;
	cursor: text;
	border: none;
}

.sin-search .search-input-group input.shopengine-advanced-search-input:focus {
	border: none;
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product {
	color: var(--e-global-color-primary);
	text-align: center;
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item, 
.elementor-7 .elementor-element.elementor-element-b4dd389 .shopengine-advanced-search .shopengine-search-product__item {
	border: none;
    min-height: 40px;
	padding: 0 10px;
	text-align: left;
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item:hover h4 a {
	color: var(--e-global-color-secondary);
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-form .shopengine-search-result-container {
    position: absolute; /* Чтобы можно было позиционировать относительно родителя */
    left: 50%; /* Центрируем по горизонтали */
    transform: translateX(-50%); /* Сдвигаем на половину ширины для точного центрирования */
    width: auto; /* Устанавливаем ширину по содержимому */
    min-width: 300px; /* Минимальная ширина, чтобы не было слишком узко */
    max-width: 100%; /* Ограничиваем ширину, чтобы не выходило за пределы экрана */
    z-index: 1000; /* Устанавливаем высокий z-index, чтобы меню было поверх других элементов */
    background: var(--e-global-color-text); /* Фон для выпадающего меню */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Тень для визуального эффекта */
    border: none; /* Граница для выпадающего меню */
	top: calc(100% + 1px);
	border-radius: 8px;
}

.sin-search .search-input-group {
    position: relative; /* Родительский элемент для позиционирования */
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item--price {
	color: var(--e-global-color-a601a4b);
}

.sin-search .ss-content {
    width: calc(100% + 25px);
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item--content h4 a,
.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item--content {
    width: 100%;
}

.sin-search .shopengine-widget .shopengine-advanced-search .shopengine-search-product__item--content h4 a {
	padding-top: 10px;
}

@media (max-width: 1023.98px) {
	.search-block.fixed {
	  width: 100vw;
	}
}