/*
 * Карусели товаров: общая для главной и карточки товара строка-шапка
 * «заголовок слева, стрелки справа».
 *
 * Файл отдельный, потому что карусель встречается на двух разных страницах
 * с разными наборами стилей (главная и карточка товара). Держать одно и то
 * же правило в двух файлах — верный способ однажды поправить только одно.
 */

/*
 * Стрелки прячутся атрибутом `hidden` (его ставит сама карусель через
 * `data-wp-bind--hidden`, когда листать нечего) — и заголовок вместе с ними
 * подпрыгивает: кнопки выше строки заголовка и держат высоту ряда.
 *
 * Оставляем им место. `visibility` вместо `display` — потому что нам нужен
 * именно бокс: он держит высоту, но не попадает ни в дерево доступности,
 * ни в обход по Tab (проверено: кнопка внутри фокус не принимает).
 *
 * `!important` здесь не украшение: браузерное правило для `[hidden]`
 * перебивается и без него, а вот стили блоков WooCommerce — нет.
 */
.uc-product-carousel__header .wc-block-next-previous-buttons[hidden] {
  display: flex !important;
  visibility: hidden;
}