/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 10 2026 | 15:51:03 */
/* =====================================================================
   Шапка: поиск, хлебные крошки, логотип, верхнее меню (меню темы Storefront).
   (08.10.2026, сведено из записей «Поиск в шапке», BreadCrumb, Header,
   «Верхнее Mega Menu», части «Разворачиваем на весь экран».)
   09.10.2026: плагин Max Mega Menu убран, меню — штатное меню Storefront.
   ===================================================================== */

/* ===== Поиск в шапке ===== */
.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 и при переходе на штатное меню (09.10.2026) выпало — под
   шапкой появился лишний отступ 40px; возвращено 10.10.2026 для тёмной и
   светлой тем. В теме 'landing' отступ остаётся — так её и утвердили. */
@media (max-width: 1024px) {
	html:not(.sk-landing) .site-header {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* ===== Верхнее меню — меню темы Storefront, без плагина (09.10.2026) =====
   Max Mega Menu убран: в меню только простые выпадающие списки, плагин
   добавлял на каждую страницу ~133 КБ CSS, 21 КБ JS, hoverIntent и шрифт
   значков dashicons. Разметка — Storefront: nav#site-navigation.main-navigation
   > button.menu-toggle «Меню» + div.primary-navigation > ul.nav-menu (экран
   от 768 px) + div.handheld-navigation > ul.menu (телефон, до 767 px).
   Скрипт темы (navigation.js): кнопка «Меню», кнопки раскрытия подпунктов на
   телефоне, класс .focus у пункта (клавиатура, касание), на планшете первое
   касание пункта со списком раскрывает список, щелчок вне шапки закрывает.
   Вид — как был у Max Mega Menu (тема плагина «StoreFront - Imported»):
   чёрная полоса, белый текст 16 px, пункт высотой 40 px, наведение и текущий
   раздел — красный фон; выпадающий список чёрный, пункты 15 px, красный при
   наведении, разделители rgba(255,255,255,.1). Тема 'landing' — свои правила
   в theme-landing.css. */
.storefront-primary-navigation {
	background-color: black;
}
.site-header .main-navigation,
.woocommerce-active .site-header .main-navigation {
	width: 100%;
	float: none;
	margin-right: 0;
}
.main-navigation a {
	text-decoration: none;
}
/* Стрелки — рамкой (без шрифтов значков): у пунктов со списком на широком
   экране и у кнопок раскрытия на телефоне; у раскрытого — вверх */
.main-navigation .primary-navigation > ul.menu > li.menu-item-has-children > a::after,
.main-navigation .handheld-navigation ul.menu li button.dropdown-toggle::after {
	content: '';
	display: inline-block;
	width: .42em;
	height: .42em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	border-radius: 0 0 2px 0;
	vertical-align: middle;
	transform: translateY(-.25em) rotate(45deg);
	transition: transform .25s ease;
}
.main-navigation .primary-navigation > ul.menu > li.menu-item-has-children > a::after {
	margin-left: .5em;
}

@media (min-width: 768px) {
	.main-navigation {
		border-top: 1px solid;
		border-bottom: 1px solid;
		/* Градиент: прозрачный -> белый -> прозрачный */
		border-image: linear-gradient(to right, transparent, white, transparent) 1;
	}
	.main-navigation .primary-navigation > ul.menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}
	.main-navigation .primary-navigation > ul.menu > li > a {
		padding: 0 15px;
		line-height: 40px;
		font-size: 16px;
		color: white;
		transition: background-color .2s ease;
	}
	.main-navigation .primary-navigation > ul.menu > li:hover > a,
	.main-navigation .primary-navigation > ul.menu > li.focus > a,
	.main-navigation .primary-navigation > ul.menu > li.current-menu-item > a,
	.main-navigation .primary-navigation > ul.menu > li.current-menu-ancestor > a,
	.main-navigation .primary-navigation > ul.menu > li.current-page-ancestor > a {
		background-color: red;
		color: white;
	}
	.main-navigation .primary-navigation > ul.menu > li.menu-item-has-children:hover > a::after,
	.main-navigation .primary-navigation > ul.menu > li.menu-item-has-children.focus > a::after {
		transform: translateY(.05em) rotate(225deg);
	}

	/* Выпадающие списки. Вместо hoverIntent — задержки: список появляется
	   через 0,08 с после наведения и прячется через 0,25 с после ухода мыши
	   (успеваешь дойти до него наискосок). Появление — «fade up», 0,2 с.
	   Прячется прозрачностью, а не left: -9999px темы; у сенсорных экранов
	   тема прячет display: none — тоже отменяем. */
	.main-navigation .primary-navigation > ul.menu ul.sub-menu,
	.main-navigation .primary-navigation > ul.menu ul.sub-menu.sub-menu--is-touch-device {
		display: block;
		left: 0;
		min-width: 18em;
		margin: 0;
		padding: 0;
		background-color: black;
		border: 1px solid gray;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
		visibility: hidden;
		opacity: 0;
		transform: translateY(10px);
		pointer-events: none;
		transition: opacity .2s ease .25s, transform .2s ease .25s, visibility 0s linear .45s;
	}
	.main-navigation .primary-navigation > ul.menu > li:hover > ul.sub-menu,
	.main-navigation .primary-navigation > ul.menu > li.focus > ul.sub-menu {
		visibility: visible;
		opacity: 1;
		transform: none;
		pointer-events: auto;
		transition: opacity .2s ease .08s, transform .2s ease .08s, visibility 0s linear .08s;
	}
	/* Клавиатура и касание: фокус внутри пункта — список сразу, без задержки,
	   иначе Tab проскакивает ещё скрытые ссылки списка */
	.main-navigation .primary-navigation > ul.menu > li:focus-within > ul.sub-menu,
	.main-navigation .primary-navigation > ul.menu > li.focus > ul.sub-menu {
		visibility: visible;
		opacity: 1;
		transform: none;
		pointer-events: auto;
		transition: opacity .2s ease, transform .2s ease, visibility 0s;
	}
	.main-navigation .primary-navigation > ul.menu > li.menu-item-has-children:focus-within > a::after {
		transform: translateY(.05em) rotate(225deg);
	}
	/* У двух последних пунктов список прижат к правому краю — не уходит за экран */
	.main-navigation .primary-navigation > ul.menu > li:nth-last-child(-n+2) > ul.sub-menu {
		left: auto;
		right: 0;
	}
	.main-navigation .primary-navigation > ul.menu ul.sub-menu li a {
		width: auto;
		padding: 10px 15px;
		line-height: 1.3;
		font-size: 15px;
		font-weight: 400;
		color: white;
		white-space: nowrap;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
	.main-navigation .primary-navigation > ul.menu ul.sub-menu li:last-child > a {
		border-bottom: 0;
	}
	.main-navigation .primary-navigation > ul.menu ul.sub-menu li:hover > a,
	.main-navigation .primary-navigation > ul.menu ul.sub-menu li.focus > a,
	.main-navigation .primary-navigation > ul.menu ul.sub-menu li.current-menu-item > a {
		background-color: red;
		color: white;
	}
}
/* Ноутбук / планшет: шрифт поменьше, отступы меньше — 8 пунктов мастера
   помещаются в одну строку от ~944 px */
@media (min-width: 768px) and (max-width: 1199px) {
	.main-navigation .primary-navigation > ul.menu > li > a {
		font-size: 11pt;
		padding: 0 8px;
	}
}
@media (min-width: 768px) and (max-width: 952px) {
	.main-navigation .primary-navigation > ul.menu > li > a {
		font-size: 11px;
	}
}

/* Телефон: кнопка «Меню» справа, под ней список; подпункты раскрываются
   кнопкой со стрелкой, раскрытые — со сдвигом и линией слева */
@media (max-width: 767px) {
	.main-navigation button.menu-toggle {
		float: right;
		margin: 0 1.41575em 0 0;
		color: white;
		background: transparent;
		border: 0;
		font-size: 1rem;
		font-weight: 500;
	}
	.main-navigation button.menu-toggle::before,
	.main-navigation button.menu-toggle::after,
	.main-navigation button.menu-toggle span::before {
		background-color: currentColor;
	}
	.main-navigation .handheld-navigation {
		padding: 0 1.41575em;
	}
	.main-navigation .handheld-navigation ul.menu li a {
		box-sizing: border-box;
		min-height: 40px;
		padding: 10px 44px 10px 0;
		line-height: 1.3;
		font-size: 16px;
		color: white;
	}
	.main-navigation .handheld-navigation ul.menu li.current-menu-item > a {
		color: red;
	}
	.main-navigation .handheld-navigation ul.menu .sub-menu {
		margin-left: 1.5em;
		padding-left: .75em;
		border-left: 1px solid white;
	}
	.main-navigation .handheld-navigation ul.menu li button.dropdown-toggle {
		width: 40px;
		height: 40px;
		padding: 0;
		color: white;
		background: transparent;
		border: 0;
	}
	.main-navigation .handheld-navigation ul.menu li button.dropdown-toggle.toggled-on::after {
		transform: translateY(.05em) rotate(225deg);
	}
}