/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2026 | 18:10:25 */
/* =====================================================================
   Шапка: поиск, хлебные крошки, логотип, верхнее меню (Max Mega Menu).
   (08.10.2026, сведено из записей «Поиск в шапке», BreadCrumb, Header,
   «Верхнее Mega Menu», части «Разворачиваем на весь экран».)
   Убраны правила для панелей мега-меню (li.mega-menu-megamenu,
   menu_level_2/3, колонки mega-menu-columns-*): таких панелей в меню сейчас
   нет, только выпадающие списки. Если панели появятся — стили заводить заново.
   ===================================================================== */

/* ===== Поиск в шапке ===== */
.widget_product_search input[type=search] {
	background-color: black !important;
	color: white !important;
}
.woocommerce-product-search {
	border: 1px solid white;
}
/* Значок лупы: SVG-маска вместо шрифта Font Awesome 5 темы Storefront (её
   стили значков, 80 КБ, отключены сниппетом «Оптимизация»). Положение и
   отступ текста поля — как было в тех стилях темы (icons.css): лупа
   position: absolute в 1em от края (в шапке — 1.15em, из woocommerce.css
   темы), поле с отступом слева 2.617924em. Размер — как у глифа: 1em × 1em.
   Форма — тот же глиф Font Awesome 5. (08.10.2026) */
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search],
.site-search .widget_product_search form input[type=search],
.site-search .widget_product_search form input[type=text] {
	padding-left: 2.617924em;
}
.site-search .widget_product_search form:not(.wp-block-search)::before {
	top: 1.15em;
	left: 1.15em;
}
.widget_product_search form:not(.wp-block-search)::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 1em;
	left: 1em;
	line-height: 1;
	vertical-align: baseline;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 443Q512 450 512.0 460.0Q512 470 505 477L477 505Q470 512 460.0 512.0Q450 512 443 505L343 405Q336 398 336 388V372Q280 416 208 416Q122 416 61.0 355.0Q0 294 0.0 208.0Q0 122 61.0 61.0Q122 0 208.0 0.0Q294 0 355.0 61.0Q416 122 416 208Q416 280 372 336H388Q398 336 405 343ZM117.5 298.5Q155 336 208.0 336.0Q261 336 298.5 298.5Q336 261 336.0 208.0Q336 155 298.5 117.5Q261 80 208.0 80.0Q155 80 117.5 117.5Q80 155 80.0 208.0Q80 261 117.5 298.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 443Q512 450 512.0 460.0Q512 470 505 477L477 505Q470 512 460.0 512.0Q450 512 443 505L343 405Q336 398 336 388V372Q280 416 208 416Q122 416 61.0 355.0Q0 294 0.0 208.0Q0 122 61.0 61.0Q122 0 208.0 0.0Q294 0 355.0 61.0Q416 122 416 208Q416 280 372 336H388Q398 336 405 343ZM117.5 298.5Q155 336 208.0 336.0Q261 336 298.5 298.5Q336 261 336.0 208.0Q336 155 298.5 117.5Q261 80 208.0 80.0Q155 80 117.5 117.5Q80 155 80.0 208.0Q80 261 117.5 298.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Выпадающие результаты собственного поиска (/fuse/custom-search.js) */
.custom-search-results {
	position: absolute;
	background: black;
	color: white;
	border: 1px solid #ccc;
	z-index: 9999;
	max-height: 320px;
	overflow-y: auto;
	width: 100%;
	top: 100%;
	left: 0;
}
.custom-search-results a {
	display: block !important;
	padding: 8px 12px !important;
	border-bottom: 1px solid white !important;
}
@media (min-width: 1024px) {
	.widget_product_search {
		width: 22em;
		float: right;
	}
}
@media (min-width: 1025px) {
	.widget_product_search {
		width: 40em;
		float: right;
	}
}

/* ===== Хлебные крошки ===== */
.storefront-breadcrumb {
	margin: 0;
	margin-bottom: 1em;
	padding-top: 0;
}
.woocommerce-breadcrumb {
	color: white;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
	content: none;
}
.woocommerce-breadcrumb .breadcrumb-separator {
	text-indent: 0;
	color: gray;
}
.woocommerce-breadcrumb a:first-of-type::before {
	content: none;
}
.woocommerce-breadcrumb a {
	text-decoration: none;
	color: white;
	padding: 0 0.5em;
}
.woocommerce-breadcrumb a:hover {
	background-color: red;
	border-radius: 2px;
	color: white;
}
@media (orientation: landscape) and (max-width: 1024px) {
	.storefront-breadcrumb {
		margin: 0.5em 0 0 0;
	}
}

/* ===== Шапка: логотип и поиск в одну строку ===== */
.site-header .site-branding img {
	height: auto;
	max-width: 300px;
	max-height: none;
	width: auto;
}
.site-header {
	margin-bottom: 2.5em !important;
	border-bottom: none !important;
	background-color: black !important;
}
.site-header > .col-full {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5em;
}
.woocommerce-active .site-header .site-branding {
	display: inline-flex;
	margin: 0;
	margin-right: 4em;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 200px;
}
.woocommerce-active .site-header .site-search {
	padding-top: 15px;
	margin-left: 4em;
	flex-grow: 1;
	flex-shrink: 1;
}

@media (orientation: portrait) and (max-width: 1024px) {
	.site-header {
		display: block;
		padding: 0;
		margin: 20px 1.41575em 0 1.41575em;
	}
	.site-header .storefront-primary-navigation {
		border-bottom: 1px solid;
		border-image: linear-gradient(to right, transparent, white, transparent) 1;
	}
	.site-header > .col-full {
		display: flex;
		margin: 0;
		padding: 0;
		justify-content: center;
		width: 100%;
	}
	.woocommerce-active .site-header .site-branding {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.site-header .site-branding img {
		max-width: 230px;
	}
}

@media (orientation: landscape) and (max-width: 1024px) {
	#page {
		margin: 20px;
	}
	.site-header {
		margin: 0;
		padding: 0;
	}
	.site-header > .col-full {
		margin: 0;
	}
	.site-header .site-branding img {
		max-width: 230px;
	}
	.storefront-primary-navigation .col-full {
		margin: 0;
	}
}

/* ===== Верхнее меню (Max Mega Menu) ===== */
.storefront-primary-navigation {
	background-color: black;
}
.woocommerce-active .site-header #mega-menu-wrap-primary {
	width: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	margin-right: 0;
}
/* Выпадающие списки */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	border: 1px solid gray;
}

@media (min-width: 768px) and (max-width: 952px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size: 11px;
	}
}
/* Телефон: раскрытое подменю — со сдвигом и линией слева */
@media (max-width: 767px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
		position: relative !important;
		margin-left: 1.5em;
		border-left: 1px solid white;
	}
}
@media (max-width: 1024px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size: 11pt;
		padding: 0 10px;
	}
	.site-header {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}
@media (max-width: 480px) {
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
		padding-right: 1.41575em;
	}
}

/* Кнопка меню на телефоне */
.storefront-primary-navigation #mega-menu-wrap-primary .mega-menu-toggle {
	white-space: normal;
	line-height: normal;
	padding-top: 0.2em;
}
.storefront-primary-navigation #mega-menu-wrap-primary .mega-menu-toggle div {
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
	font-size: 1rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin-top: -0.5em;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block span, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
	display: inline-flex;
}
@media (max-width: 480px) {
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		flex-direction: row-reverse;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
		padding-right: 0;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {
		margin: 0;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
		margin-top: -3px;
	}
}

/* Ширина выпадающих панелей меню: по элементу .max-menu-width (запись
   «Div для верхнего MegaMenu (ширина)» + настройка Max Mega Menu). */
.max-menu-width {
	width: 100%;
	max-width: 70em;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1024px) {
	.max-menu-width {
		width: 85%;
	}
}

@media only screen and (min-width: 768px) {
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
		min-width: 18em;
	}
	#mega-menu-wrap-primary {
		border-top: 1px solid;
		border-bottom: 1px solid;
		/* Градиент: прозрачный -> белый -> прозрачный */
		border-image: linear-gradient(to right, transparent, white, transparent) 1;
	}
}