/* ---------- SVAYO TOOLBAR ---------- */

.svayo-toolbar {
  display: flex;
  justify-content: flex-start; /* все элементы слева, рядом друг с другом */
  align-items: center; /* вертикальное выравнивание по центру */
  gap: 12px; /* расстояние между фильтром, селектом и счётчиком */
  margin: 20px 0 5px;
  padding-bottom: 5px;
  border-bottom: 0 solid #ececec;
}

/* Кнопка Фильтр */
.svayo-filter-button {
  background-color: #fff;
  border: 0px solid #000000;
  color: #000000;
  font-size: 16px;
  height: 40px;
  padding: 0 28px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition:
    background 0.25s,
    color 0.25s;
  border-radius: 0;
}

/* Hover для кнопки Фильтр */
.svayo-filter-button:hover {
  background: #000000;
  color: #fff;
}

/* ---------- Селекты сортировки — финальная версия ---------- */

/* Базовый стиль (по умолчанию) — белый фон, чёрный текст, тонкая рамка */
body .svayo-toolbar select.orderby,
body .woocommerce-ordering select {
  background-color: #fff;
  color: #000000;
  border: 1px solid #000000;
  font-size: 14px;
  height: 40px;
  padding: 0 30px 0 15px; /* место справа для стрелки */
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease;
  border-radius: 4px;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'><path d='M5 7l5 5 5-5z' fill='%23111'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;
}

/* Focus/active при отсутствии наведения — сохраняем белый фон и чёрный текст */
body .svayo-toolbar select.orderby:focus:not(:hover),
body .woocommerce-ordering select:focus:not(:hover),
body .svayo-toolbar select.orderby:active:not(:hover),
body .woocommerce-ordering select:active:not(:hover),
body .svayo-toolbar select.orderby[aria-expanded="true"]:not(:hover),
body .woocommerce-ordering select[aria-expanded="true"]:not(:hover) {
  background-color: #fff;
  color: #000000;
  border-color: #000000;
  outline: none;
  box-shadow: none;
}

/* Защита от focus-visible/outline */
body .svayo-toolbar select.orderby:focus-visible,
body .woocommerce-ordering select:focus-visible {
  outline: none;
  box-shadow: none;
}

/* Опции внутри выпадающего списка */
body .svayo-toolbar select.orderby option,
body .woocommerce-ordering select option {
  background: #fff;
  color: #000000;
}

/* Убрать возможные псевдоэлементы гамбургера у селектов (если тема добавляет ::before) */
body .svayo-toolbar select.orderby::before,
body .woocommerce-ordering select::before,
body .svayo-toolbar select.orderby::after,
body .woocommerce-ordering select::after {
  display: none !important;
}

/* ---------- SVAYO TOOLBAR: выравнивание счётчика рядом с фильтром ---------- */

/* Правый блок панели — НЕ сдвигать вправо, держим рядом с фильтром */
.svayo-toolbar-right {
  display: flex;
  align-items: center; /* вертикальное центрирование */
  gap: 12px; /* расстояние между элементами внутри правого блока */
  margin-left: 0; /* важно: убрать margin-left:auto или другие сдвиги */
}

/* Счётчик — простой текст, выровнен по уровню текста кнопок */
.svayo-count {
  display: inline-block; /* не кнопка, просто текстовый блок */
  font-size: 14px; /* тот же размер, что у кнопки/селекта */
  color: #000000; /* цвет шрифта как у кнопки Фильтр */
  line-height: 40px; /* выравнивание по высоте панели (вертикально по центру) */
  padding: 0; /* без внутренних отступов */
  background: transparent;
  border: none;
  height: 30px; /* сохраняет визуальную высоту строки */
  box-sizing: border-box;
  vertical-align: middle; /* выравнивание по базовой линии текста */
  cursor: default;
  user-select: none;
}

/* ============================
   Выезжающая панель фильтров SVAYO
============================ */

#svayo-filter-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 99998;
}

#svayo-filter-drawer {
  position: fixed;
  top: 0;
  right: -600px;
  width: 600px;
  max-width: 100%;
  height: 100vh;
  background: #fff;
  transition: right 0.35s ease;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.15);
}

body.svayo-filter-open #svayo-filter-drawer {
  right: 0;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .svayo-toolbar {
    gap: 8px;
  }
  .svayo-toolbar-right {
    gap: 8px;
  }
  .svayo-count {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
  }
}

@media (max-width: 768px) {
  #svayo-filter-drawer {
    width: 100%;
    max-width: 100%;
    right: -100%;
  }
}

@media (max-width: 1024px) {
  #svayo-filter-drawer {
    width: 420px;
    right: -420px;
  }
}

body.svayo-filter-open #svayo-filter-overlay {
  opacity: 1;
  visibility: visible;
}

/* Сдвигаем панель фильтра ниже админ-панели WordPress (видна только когда вошёл в аккаунт) */
body.admin-bar #svayo-filter-drawer {
  top: 32px !important;
  height: calc(100vh - 32px) !important;
}

/* На мобильных админ-панель WP выше — 46px */
@media (max-width: 782px) {
  body.admin-bar #svayo-filter-drawer {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
  }
}

/* Шапка панели фильтра */
.svayo-filter-header {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 0 15px; /* Верх | Справа | Снизу | Слева */
  border-bottom: 1px solid #eee;
  font-size: 18px;
  font-weight: 400;
}

#svayo-filter-close {
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

.svayo-filter-content {
  padding: 10px 25px 60px 15px; /* Верх | Справа | Снизу | Слева */
  overflow: auto;
  flex: 1;
}

/* ============================
   Заголовок панели "Фильтр и сортировка"
============================ */

.svayo-filter-title {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* ============================
   Блок "Сортировать по" внутри панели
============================ */

.svayo-sort-block {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.svayo-sort-title {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  margin-bottom: 10px !important;
  color: #000000 !important;
  text-transform: uppercase !important;
}

.svayo-sort-block select.orderby {
  width: 100%;
}

/* =========================================
   SVAYO PRODUCT PAGE — фото одно под другим
========================================= */

.single-product .woocommerce-product-gallery {
  width: 55%;
}

.single-product .flexy-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.single-product .flexy-item {
  width: 100% !important;
  transform: none !important;
  position: relative !important;
  order: unset !important;
}

.single-product .flexy-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Скрываем стрелки навигации — все фото и так видны */
.single-product .flexy-arrow-prev,
.single-product .flexy-arrow-next {
  display: none !important;
}

/* Скрываем боковые миниатюры — теперь фото и так все видны в основной ленте */
.single-product .woocommerce-product-gallery[data-thumbs="left"] .flexy-pills,
.single-product .flexy-pills {
  display: none !important;
}

/* ============================
   Адаптация для мобильных экранов
============================ */

@media (max-width: 768px) {
  .single-product .woocommerce-product-gallery {
    width: 100% !important;
  }

  .single-product div.product {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-product .summary.entry-summary {
    width: 100% !important;
  }
}

/* ============================
   Независимая прокрутка блока информации о товаре
============================ */

.single-product .summary.entry-summary {
  position: sticky !important;
  top: 6s0px;
  max-height: calc(100vh - 100px);
  overflow-y: auto !important;
  align-self: flex-start;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge старый */
}

.single-product .summary.entry-summary::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge новый */
}

/* Убираем визуальное оформление таблицы в "Деталях" — только текстовые строки */
.single-product table.woocommerce-product-attributes,
.single-product table.woocommerce-product-attributes tbody,
.single-product tr.woocommerce-product-attributes-item,
.single-product th.woocommerce-product-attributes-item__label,
.single-product td.woocommerce-product-attributes-item__value {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

.single-product table.woocommerce-product-attributes {
  width: 100% !important;
}

.single-product table.woocommerce-product-attributes tbody {
  display: flex !important;
  flex-direction: column !important;
}

.single-product tr.woocommerce-product-attributes-item {
  display: flex !important;
  padding: 8px 0 !important;
}

.single-product th.woocommerce-product-attributes-item__label {
  font-weight: 600 !important;
  width: 140px !important;
  flex-shrink: 0;
}

/* Уменьшаем отступы у заголовков-кнопок аккордеона (Детали, Описание, Отзывы) */
.single-product .woocommerce-tabs .ct-accordion-heading {
  padding: 10px 0 !important;
}

/* Уменьшаем отступ снизу под таблицей (было 35px, стало компактнее) */
.single-product .woocommerce-tabs .entry-content.is-layout-constrained {
  padding-block: 5px 15px !important;
}

/* Размеры */
/* ============================
   Woo Variation Swatches — кнопки размера
============================ */

/* Убираем стандартный серый outline браузера */
.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item {
  outline: none !important;
  box-shadow: none !important;
}

/* Обычное состояние — чёрная рамка */
.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item {
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
}

/* Hover — чёрная рамка, без outline */
.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item:hover
  .variable-item-span {
  color: #ffffff !important;
}

/* Выбранное состояние — чёрный фон, белый текст */
.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item[aria-checked="true"] {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.woo-variation-swatches
  .variable-items-wrapper
  .variable-item.button-variable-item[aria-checked="true"]
  .variable-item-span {
  color: #ffffff !important;
}

/* один шрифт для сайта */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
div,
button,
input,
select,
textarea,
li,
td,
th {
  font-family: "Inter", sans-serif !important;
}

/* Делаем весь блок фото кликабельным для открытия лайтбокса */
/* Растягиваем кликабельную зону триггера на весь контейнер */
.single-product .woocommerce-product-gallery__trigger {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
  background: transparent !important;

  /* Убираем возможные рамки и тени с самой ссылки */
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Полностью скрываем псевдоэлемент ::before, который и создает белую рамку-кружок */
.single-product .woocommerce-product-gallery__trigger::before {
  display: none !important;
  content: none !important;
}

/* Прячем саму SVG-иконку полностью */
.single-product .woocommerce-product-gallery__trigger svg,
.single-product .woocommerce-product-gallery__trigger img {
  display: none !important;
}

.single-product .ct-media-container {
  position: relative !important;
}

/* Добавляем безопасный отступ справа для блока с описанием и деталями товара */
.single-product .product .summary .woocommerce-tabs,
.single-product .product .summary .ct-accordion-item {
  padding-right: 25px !important; /* Увеличьте это число, если нужно еще больше отодвинуть плюсики */
  box-sizing: border-box !important;
}

/* Эффект для ссылок меню Blocksy и заголовка Stackable при наведении */
.ct-menu-link:hover,
.stk-block-heading__text.has-text-align-center-mobile:hover {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Сохраняем черный цвет для активного (текущего) пункта меню */
.ct-header .current-menu-item > .ct-menu-link {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ============================
   ХЛЕБНЫЕ КРОШКИ — SVAYO
   Стиль как у основного меню
============================ */

/* Обычные ссылки хлебных крошек */
.ct-breadcrumbs a {
  color: #000000 !important;
  font-weight: 400 !important;
}

/* Наведение — как в основном меню */
.ct-breadcrumbs a:hover {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Текущая страница — жирная */
.ct-breadcrumbs .ct-breadcrumbs-current,
.ct-breadcrumbs [aria-current="page"] {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Скрыть название товара на главной странице */
.home .woocommerce-loop-product__title {
  display: none !important;
}

/* Скрыть цену товара на главной странице */
.home .price {
  display: none !important;
}

/* Делаем "Главная" в хлебных крошках заглавными, как остальной текст */
.woocommerce-breadcrumb a,
.ct-breadcrumbs a {
  text-transform: uppercase !important;
}

/* Ширина выпадающего меню "ЖЕНСКАЯ ОДЕЖДА" — на всю ширину экрана */
.ct-header .sub-menu {
  width: 1600px !important;
  min-width: 1600px !important;
}

/* Подменю "Женская одежда" */
.ct-header li.menu-item-560 .sub-menu {
  padding-left: 270px !important;
}

/* Подменю "Помощь" */
.ct-header li.menu-item-558 .sub-menu {
  padding-left: 490px !important;
}

/* Подменю "Помощь" */
.ct-header li.menu-item-1341 .sub-menu {
  padding-left: 610px !important;
}

/* =========================================================
   SVAYO — ЕДИНЫЕ ХЛЕБНЫЕ КРОШКИ
========================================================= */

.ct-breadcrumbs {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ссылки — обычный шрифт */
.ct-breadcrumbs a {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  text-decoration: none !important;
}

/* Текущая страница — жирная */
.ct-breadcrumbs [aria-current="page"],
.ct-breadcrumbs .ct-breadcrumbs-current {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000000 !important;
}

/* Разделители */
.ct-breadcrumbs .ct-breadcrumbs-separator {
  margin: 0 8px !important;
  color: #000000 !important;
}

/* Убираем лишние внутренние отступы */
.ct-breadcrumbs-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   SVAYO — ОДИНАКОВЫЙ ЛЕВЫЙ ОТСТУП ХЛЕБНЫХ КРОШЕК
========================================================= */

/* Все страницы */
.hero-section.is-width-constrained .ct-container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Хлебные крошки */
.hero-section.is-width-constrained .ct-breadcrumbs {
  padding-top: 10px !important;
  margin-left: 15px !important;
  padding-left: 15px !important;
}

/* =========================================================
   SVAYO — WPForms
   Минималистичный стиль в духе COS / ARKET
   Шрифт: Inter
   ========================================================= */

/* ---------------------------------------------------------
   1. ОСНОВНОЙ ШРИФТ ФОРМЫ
   --------------------------------------------------------- */

.wpforms-container,
.wpforms-container .wpforms-form,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select,
.wpforms-container label,
.wpforms-container button {
  font-family: "Inter", sans-serif !important;
}

/* ---------------------------------------------------------
   2. ЗАГОЛОВОК ФОРМЫ
   --------------------------------------------------------- */

.wpforms-container .wpforms-title {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
  color: #000000 !important;

  margin-bottom: 15px !important;
}

/* ---------------------------------------------------------
   3. ПОЛЯ: TEXT / EMAIL / TEL / TEXTAREA
   --------------------------------------------------------- */

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container textarea {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  color: #000000 !important;

  border: none !important;
  border-bottom: 1px solid #cccccc !important;

  border-radius: 0 !important;

  padding-left: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   4. TEXTAREA
   --------------------------------------------------------- */

.wpforms-container textarea {
  resize: vertical;
}

/* ---------------------------------------------------------
   5. PLACEHOLDER
   --------------------------------------------------------- */

.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;

  color: #777777 !important;
  opacity: 1 !important;
}

/* ---------------------------------------------------------
   6. ЭФФЕКТ ПРИ ФОКУСЕ
   --------------------------------------------------------- */

.wpforms-container input[type="text"]:focus,
.wpforms-container input[type="email"]:focus,
.wpforms-container input[type="tel"]:focus,
.wpforms-container textarea:focus {
  border-bottom-color: #000000 !important;

  outline: none !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   7. ПОДПИСИ ПОЛЕЙ
   --------------------------------------------------------- */

.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-sublabel {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  color: #000000 !important;
}

/* ---------------------------------------------------------
   8. РАССТОЯНИЕ МЕЖДУ ПОЛЯМИ
   --------------------------------------------------------- */

.wpforms-container .wpforms-field {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-bottom: 10px !important;
}

/* ---------------------------------------------------------
   9. ОТСТУП ПЕРЕД КНОПКОЙ
   --------------------------------------------------------- */

.wpforms-container .wpforms-submit-container {
  padding-top: 5px !important;
  margin-top: 5px !important;
}

/* ---------------------------------------------------------
   10. КНОПКА ОТПРАВКИ — НА ВСЮ ШИРИНУ
   --------------------------------------------------------- */

.wpforms-container .wpforms-submit {
  width: 100% !important;
  min-height: 48px !important;
  display: block !important;
  box-sizing: border-box !important;

  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  letter-spacing: 0.05em !important;

  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   11. УБИРАЕМ СИСТЕМНЫЙ OUTLINE
   --------------------------------------------------------- */

.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
  outline: none !important;
}

/* ---------------------------------------------------------
   12. МОБИЛЬНАЯ ВЕРСИЯ
   --------------------------------------------------------- */

@media (max-width: 768px) {
  .wpforms-container input[type="text"],
  .wpforms-container input[type="email"],
  .wpforms-container input[type="tel"],
  .wpforms-container textarea,
  .wpforms-container .wpforms-field-label,
  .wpforms-container .wpforms-field-sublabel,
  .wpforms-container .wpforms-submit {
    font-size: 16px !important;
  }

  .wpforms-container .wpforms-title {
    font-size: 16px !important;
  }
}

.product .woocommerce-loop-product__title,
.product .price {
  padding-left: 20px !important;
}

/* =========================================
   КНОПКА "КОНСУЛЬТАЦИЯ ПО РАЗМЕРУ"
   ========================================= */

/* Строка с консультацией */
.ct-product-additional-info li:has(.size-consult-btn) {
  display: block;
  width: 100%;
  margin-top: 10px;
}

/* Убираем отдельный значок слева */
.ct-product-additional-info li:has(.size-consult-btn) .ct-icon-container {
  display: none;
}

/* Контейнер текста */
.ct-product-additional-info li:has(.size-consult-btn) .ct-label {
  display: block;
  width: 100%;
}

/* Сама кнопка */
.ct-product-additional-info .size-consult-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  padding: 14px 20px;
  box-sizing: border-box;

  background-color: var(--theme-button-background-color);
  color: var(--theme-button-text-color);

  text-decoration: none;
  text-align: center;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

/* Наведение — как у "В корзину" */
.ct-product-additional-info .size-consult-btn:hover {
  background-color: var(--theme-button-background-hover-color);
  color: var(--theme-button-text-hover-color);
}

/* Кнопка "В корзину" — базовое состояние: белая с чёрной рамкой */
.single-product .single_add_to_cart_button,
.single-product .add_to_cart_button {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

/* Disabled (пока размер не выбран) — та же белая с рамкой, не серая */
.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button.wc-variation-selection-needed,
.single-product button[disabled] {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  opacity: 1 !important;
}

/* При наведении — заливка чёрным */
.single-product .single_add_to_cart_button:hover,
.single-product .add_to_cart_button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

/* Настройка ширины столбцов футера */
#footer div[data-row="top"] > .ct-container-fluid {
  grid-template-columns: 1fr 1fr 1.2fr 1.2fr 1fr !important;
}

/* Фото категории и её кликабельность */
.wc-block-featured-category {
  cursor: pointer;
}

.wc-block-featured-category__wrapper {
  position: relative;
}

.wc-block-featured-category__inner-blocks,
.wc-block-featured-category .wp-block-buttons,
.wc-block-featured-category .wp-block-button {
  position: static !important;
}

.wc-block-featured-category .wp-block-button__link {
  position: static;
}

.wc-block-featured-category .wp-block-button__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Лёгкое увеличение фото при наведении на карточку */
.wc-block-featured-category__background-image img {
  transition: transform 0.4s ease;
}

.wc-block-featured-category:hover
  .wc-block-featured-category__background-image
  img {
  transform: scale(1.03);
}

/* Кнопка — только текст, без фона и рамки в любом состоянии */
.wc-block-featured-category .wp-block-button__link,
.wc-block-featured-category .wp-block-button__link:hover,
.wc-block-featured-category .wp-block-button__link:focus,
.wc-block-featured-category .wp-block-button__link:active {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}