/*
		 * Убираем грубую браузерную рамку после клика.
		 */
		:where(
			a,
			button,
			input,
			select,
			textarea,
			summary,
			[tabindex],
			.wp-block-button__link,
			.wp-block-image a,
			.wp-block-cover,
			.wc-block-product,
			.chai25-card-slider__open,
			.chai25-card-slider__btn,
			.chai25-add-to-cart,
			.chai25-var-option,
			.chai25-vars-reset,
			.chai25-cat-lightbox__close,
			.chai25-cat-lightbox__arrow
		):focus {
			outline: none !important;
		}

		/*
		 * Для клавиатуры оставляем красивую мягкую индикацию,
		 * чтобы сайт не стал неудобным для навигации.
		 */
		:where(
			a,
			button,
			input,
			select,
			textarea,
			summary,
			[tabindex],
			.wp-block-button__link,
			.chai25-add-to-cart,
			.chai25-var-option
		):focus-visible {
			outline: none !important;
			box-shadow:
				0 0 0 3px rgba(122, 79, 43, .16),
				0 10px 24px rgba(83, 50, 24, .10) !important;
			border-radius: 14px;
		}

		/*
		 * После клика мышкой — без рамки и без лишней тени.
		 */
		:where(
			a,
			button,
			.wp-block-button__link,
			.wp-block-image a,
			.wp-block-cover,
			.wc-block-product,
			.chai25-card-slider__open,
			.chai25-add-to-cart,
			.chai25-var-option
		):focus:not(:focus-visible) {
			outline: none !important;
			box-shadow: none !important;
		}

		/*
		 * Желейное нажатие вместо некрасивой рамки.
		 */
		:where(
			a,
			button,
			.wp-block-button__link,
			.wp-block-image a,
			.wp-block-cover,
			.chai25-card-slider__open,
			.chai25-add-to-cart,
			.chai25-var-option,
			.chai25-vars-reset
		):not(.chai25-card-slider__btn):active {
			animation: chai25-jelly-click .34s ease both;
		}

		/*
		 * Стрелки карточек каталога уже вертикально центрируются через
		 * translateY(-50%). Общая jelly-анимация заменяла transform целиком
		 * и поэтому визуально сдвигала кнопку. Для них используем такое же
		 * спокойное нажатие через scale, как в галерее страницы товара.
		 */
		.chai25-card-slider__btn {
			transform-origin: center;
			transition:
				opacity .18s ease,
				background-color .18s ease,
				transform .18s cubic-bezier(.2, .8, .2, 1);
		}

		.chai25-card-slider__btn:active {
			animation: none !important;
			transform: translateY(-50%) scale(.985) !important;
			transition-duration: .08s;
		}

		@keyframes chai25-jelly-click {
			0% {
				transform: translateX(0) scale(1);
			}
			22% {
				transform: translateX(-2px) scale(.985, 1.015);
			}
			44% {
				transform: translateX(2px) scale(1.012, .988);
			}
			66% {
				transform: translateX(-1px) scale(.995, 1.005);
			}
			100% {
				transform: translateX(0) scale(1);
			}
		}

		@media (prefers-reduced-motion: reduce) {
			:where(
				a,
				button,
				.wp-block-button__link,
				.wp-block-image a,
				.wp-block-cover,
				.chai25-card-slider__open,
				.chai25-add-to-cart,
				.chai25-var-option,
				.chai25-vars-reset
			):active {
				animation: none !important;
			}

			.chai25-card-slider__btn {
				transition: opacity .18s ease, background-color .18s ease;
			}

			.chai25-card-slider__btn:active {
				transform: translateY(-50%) !important;
			}
		}
