.archive-content .woocommerce.wc-block-catalog-sorting select.orderby {
	border: 1px solid var(--wp--preset--color--gray-100);
	padding: 12.42px 40px 12.42px 20px;
	background-position: right 0.65rem center!important;
}

.woocommerce-password-strength.bad, .woocommerce-password-strength.short {
	color:red;
}

.woocommerce-password-strength.good, .woocommerce-password-strength.strong {
	color:green;
}

.show-password-input.display-password::before {
	content: '\2716';
	font-size:20px;
}

.show-password-input::before {
	content: '\01F441';
	font-size:20px;
}

.show-password-input {
	padding: 0 10px;
	border-radius: 0;
	border-width:0px;
}

.targetvr-button_send_code {
	border-radius: 0;
	border-width:0px;
}

@font-face {
    font-family: 'neofolia';
    src: url('/wp-content/plugins/lk-customize-sportiq/neofolia.ttf'); 
}

.wp-block-site-title :where(a) {
	/* font-family: 'neofolia';
    font-size:32px; */
}

#cookieInfo {
	position:fixed;
	text-align:center;
	margin:0 25%;
	bottom:20px;
	display:flex;
	background-color:#ecedec;
	color:black;
	padding:10px 20px;
	z-index:100;
}

#cookieInfo a {
	text-decoration:underline;
}

@media (max-width:768px) {
	#cookieInfo {
		margin:0 5%;
	}
}

#cookieInfo button {
	background-color:white;
	border:0;
	padding:5px 10px;
	margin: 0 10px;
}

.cookieButCont {
	display:flex;
	align-items:center;
}

#pickup-options .wc-block-components-radio-control__secondary-label {
	display:none;
}

.wc-block-components-local-pickup-select input[type=radio] {
	top:50%!important;
	transform:translateY(-45%)!important;
}

.wc-block-components-local-pickup-select label {
	padding: .875em .875em .875em 3.5em!important;
}

#cookieInfo button {
	cursor:pointer;
}

.wp-block-cover p {
	letter-spacing: 0.4px;
}

@media (max-width: 1199px) {
    .home-hero-slider .wp-block-column:first-child {
		display:unset!important;
	}
}

@container (min-width: 700px) {
	.wc-block-components-address-form__last_name {
		margin-top:30px!important;
	}
}

@media (max-width: 1023px) {
  #shop-filter-toggle #showFilter,
  #shop-filter-toggle #CloseFilter {
	position:unset!important;  
}}

@media (min-width: 1024px) {
	.wp-container-core-group-is-layout-a5818283 {
		gap: 6vw;
	}
}

#table-history-points {
	border-collapse:collapse;
	border-width:0;
}

#table-history-points thead th {
	font-weight:normal;
	border:0;
}

#table-history-points thead {
	border-bottom:1px solid;
}

#table-history-points td {
	padding: 10px 18px;
	border:0;
}

#table-history-points thead {
	background-color: #f3f3f3bord;
}

.computy_copyright {
	display:none;min
}

.bfw-history-points-header {
	margin-bottom:20px;
}

#table-history-points_length, #table-history-points_filter {
	width:50%;
}

#table-history-points_length select, #table-history-points_filter input {
	width:unset;
	display:unset;
}

#comments li.review .dco-image-attachment img {
	max-width:300px;
	max-height:300px;
}

ul.wc_payment_methods li.wc_payment_method input[type=radio]:checked {
	border-width: 8px;
}

.importantFieldsNotice {
	margin: 20px 0;
}

.payment_method_yookassa_widget img {
	width:20px;
}

.woocommerce-checkout button#place_order:disabled {
	color:black!important;
	background-color:rgb(240, 240, 240)!important;
}

/* ===================================================================
   Главная: шапка — единая белая sticky-полоса в потоке (не поверх баннера).
   --------------------------------------------------------------------
   Поведение темы sportiq (десктоп ≥1200px), которое мы перебиваем:
     • header.transparent — до скролла position:absolute (наложен на hero),
       прозрачный. Его собственного прилипания НЕТ (top:auto).
     • Прилипает только ВНУТРЕННИЙ слой .header-v2 (sticky, top:32px) —
       внешний слой при этом уезжает вверх → слои расходятся.
     • Тема на 50px скролла вешает body.scrolling-active и сама
       переключает фон/границу шапки. Прежний фикс был завязан на
       body:not(.scrolling-active), поэтому на пороге 50px стили
       перехватывала тема → дёрганье + прыжок границы.
   Решение: прилипает ВЕСЬ внешний header (sticky, top под admin-bar),
   внутренний .header-v2 гасим в static (без расслоения), а фон/текст/
   иконки/границу задаём БЕЗ привязки к scrolling-active — шапка
   выглядит одинаково в обоих состояниях, порог 50px ничего не меняет.
   Мобила (<1200px) у темы уже в потоке — её не трогаем.
   =================================================================== */
@media (min-width: 1200px) {
	/* Весь внешний header — единая sticky-полоса. top учитывает admin-bar
	   (у залогиненного — 32px, у гостя переменная = 0). width:auto снимает
	   темовый position:absolute; width:100%. */
	header.wp-block-template-part.transparent {
		position: sticky !important;
		top: var( --wp-admin--admin-bar--height, 0px ) !important;
		width: auto !important;
		z-index: 100 !important;
	}
	/* Внутренний слой больше не липнет сам — иначе слои расходятся. */
	.transparent .header-v2 {
		position: static !important;
		top: auto !important;
	}
	/* Светлый фон ВСЕГДА (а не только до прокрутки). */
	.transparent .desktop-header,
	.transparent .mobile-header {
		background-color: var(--wp--preset--color--base) !important;
	}
	/* Текст меню/названия — тёмный (фон светлый), всегда. */
	.transparent .desktop-header .wp-block-site-title,
	.transparent .desktop-header .primary-menu {
		color: var(--wp--preset--color--contrast) !important;
	}
	/* Лого и иконки (поиск/корзина/аккаунт) — снять инверсию в белый. */
	.transparent .desktop-header .brand-logo img,
	.header-v2 .desktop-header .search-toggle img,
	.header-v2 .desktop-header .wc-block-mini-cart[data-mini-cart-icon=bag] .wc-block-mini-cart__quantity-badge::before,
	.header-v2 .desktop-header .wp-block-woocommerce-customer-account[data-display-style=icon_only] a::after {
		filter: none !important;
	}
	/* Тонкая граница снизу — отделить белую шапку от баннера, всегда. */
	.transparent .desktop-header {
		border-bottom: 1px solid var(--wp--preset--color--gray-100);
	}
}

/* ===================================================================
   Блок «Адаптивный баннер» (lk/adaptive-banner) — фронт.
   <picture> с разными картинками под ПК/планшет/телефон.
   =================================================================== */
.lk-adaptive-banner {
	line-height: 0;
}
.lk-adaptive-banner__picture,
.lk-adaptive-banner__link {
	display: block;
}
.lk-adaptive-banner__img {
	display: block;
	width: 100%;
	height: auto;
	/* Резерв высоты до загрузки картинки (анти-CLS): держим пропорции
	   целевых размеров, чтобы место под баннер было зарезервировано сразу.
	   object-fit: cover — если зальют картинку иной пропорции, она впишется
	   без искажения (наши размеры совпадают → без обрезки). */
	aspect-ratio: 1920 / 778;            /* ПК ≥1200px (1920×778) */
	object-fit: cover;
	border-radius: var(--santeh-card-radius, 12px) !important;
}
@media (max-width: 1199px) {
	.lk-adaptive-banner__img { aspect-ratio: 1280 / 800; }  /* планшет (1280×800) */
}
@media (max-width: 767px) {
	.lk-adaptive-banner__img { aspect-ratio: 1200 / 800; }  /* телефон (1200×800) */
}

/* ===================================================================
   Анти-FOUC слайдера баннеров: пока slick не инициализирован, не даём
   слайдам висеть столбиком (иначе сдвиг макета ~500px при загрузке JS).
   Показываем только первый слайд; как только slick вешает класс
   .slick-initialized — правило само отключается.
   Охват — штатные hero-слайдеры темы (sq-slick-v2 / slick-v1-hero /
   sq-slick-single) + класс-маркер .lk-banner-slider для любых
   нестандартных слайдеров с нашими баннерами. :has(.lk-adaptive-banner)
   сужает действие только на карусели, реально содержащие адаптивный
   баннер — чужие слайдеры темы не трогаем.
   =================================================================== */
.sq-slick-v2:not(.slick-initialized):has(.lk-adaptive-banner) > *:nth-child(n + 2),
.slick-v1-hero:not(.slick-initialized):has(.lk-adaptive-banner) > *:nth-child(n + 2),
.sq-slick-single:not(.slick-initialized):has(.lk-adaptive-banner) > *:nth-child(n + 2),
.lk-banner-slider:not(.slick-initialized):has(.lk-adaptive-banner) > *:nth-child(n + 2) {
	display: none;
}

/* Hero-слайдер главной: ширина по контенту (как бренды/товары), не на весь экран.
   Тема держит слайдер в flow-контейнере (full-width), поэтому выравнивание wide
   его не ограничивает. Повторяем поведение constrained-wide вручную: ширина
   контента = wideSize, но не больше (100% − глобальные боковые отступы темы),
   и центрируем. Так баннер совпадает по ширине с брендами/товарами ниже. */
@media (min-width: 1200px) {
	.sp-v2-hero.home-hero-slider {
		max-width: min(
			var(--wp--style--global--wide-size, 1400px),
			calc(100% - 2 * var(--wp--style--root--padding-right, 104px))
		);
		margin-left: auto;
		margin-right: auto;
	}
	/* Тема даёт .slick-list отрицательные поля −20px по бокам (зазор между
	   слайдами). У нас один баннер на слайд — зазор не нужен и заставляет
	   картинку вылезать за ширину контента на 40px. Обнуляем. */
	.sp-v2-hero.home-hero-slider .slick-list {
		margin-left: 0;
		margin-right: 0;
	}
}

/* ===================================================================
   Ограничение рабочей области хедера и главной до 1400px — как на
   каталоге/товаре/футере (там это layout:constrained, contentSize:1400px).
   Хедер (parts/header.html) и контент главной (patterns/home-sections.php,
   класс .santeh-home) сделаны через align:full с фиксированными боковыми
   отступами, поэтому на широких экранах растягиваются во всю ширину окна
   без верхнего предела. Отступы не трогаем — только добавляем потолок
   ширины блока (отступ + 1400px контента) и центрируем.
   =================================================================== */
@media (min-width: 1200px) {
	/* !important обязателен: у .alignfull темы свой хак с отрицательными
	   margin (calc(50% - 50vw)) для вылета в край экрана — та же
	   специфичность, что и здесь, и без !important он перебивает наш
	   margin:auto, из-за чего блок прилипает к левому краю вместо центра. */
	.site-header__main,
	.site-header__quicklinks {
		max-width: calc(1400px + 2 * var(--wp--preset--spacing--40, 64px)) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.santeh-home {
		max-width: calc(1400px + 2 * 60px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}