/* Каталог (02-katalog-hair, 06-katalog-care). Значення — з кадрів 375 / 1024 / 1280 / 1440 / 1920 / 2560. */

/* ---------- Заголовок ---------- */
.vv-cat__head { display: flex; flex-direction: column; gap: 8px; padding-top: 24px; padding-bottom: 20px; }
.vv-cat__title { display: flex; flex-direction: column; gap: 8px; }
.vv-cat__h1 { font: 700 32px/36px var(--vv-font); text-transform: uppercase; color: var(--vv-black); }
.vv-cat__desc { font: 400 14px/24px var(--vv-font); color: var(--vv-ink-2); }
.vv-cat__tools { display: none; }
.vv-cat__count { font: 400 13px/20px var(--vv-font); color: var(--vv-stone); white-space: nowrap; }

/* ---------- Мобільні чипси підкатегорій ---------- */
.vv-cat__chips { display: flex; gap: 8px; padding: 0 16px 20px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.vv-cat__chips::-webkit-scrollbar { display: none; }
.vv-chip { flex: none; display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border: 1px solid var(--vv-line); font: 500 11px/12px var(--vv-font); letter-spacing: .12em; text-transform: uppercase; color: var(--vv-ink-2); }
.vv-chip.is-on { border-color: var(--vv-wine); background: var(--vv-wine); color: var(--vv-ivory); }

/* ---------- Мобільна панель «Фільтри · Сортування» ---------- */
.vv-cat__bar { position: sticky; top: 0; z-index: 15; display: grid; grid-template-columns: 1fr 1fr; height: 50px; border-top: 1px solid var(--vv-line-soft); border-bottom: 1px solid var(--vv-line-soft); background: var(--vv-white); }
.vv-cat__bar-filters { display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--vv-line-soft); }
.vv-cat__bar-sort { display: flex; align-items: center; justify-content: center; }
.vv-cat__bar .vv-sort__text { position: relative; margin-right: 16px; font-size: 11px; } /* у верстці стрілка поза підписом */
.vv-cat__bar .vv-sort__text .vv-icon { position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
.vv-cat__meta { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; }
.vv-cat__sortname { font: 400 13px/20px var(--vv-font); color: var(--vv-stone); }

/* ---------- Сортування ---------- */
.vv-sort { margin: 0; }
.vv-sort__label { position: relative; display: inline-flex; cursor: pointer; }
.vv-sort__text { display: inline-flex; align-items: center; gap: 8px; font: var(--vv-nav); letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; color: var(--vv-black); }
.vv-sort__select { position: absolute; inset: -12px; width: calc(100% + 24px); opacity: 0; cursor: pointer; font-size: 16px; appearance: none; border: 0; }
.vv-sort__label .vv-icon { color: var(--vv-black); }

/* ---------- Макет ---------- */
.vv-cat { padding-top: 16px; padding-bottom: 40px; }
.vv-cat__filters { display: none; }
.vv-cat__main { min-width: 0; display: flex; flex-direction: column; }
.vv-cat__results { display: flex; flex-direction: column; }

/* ---------- Сітка ---------- */
.vv-grid { --vv-card-h: 216px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 15px; }

/* ---------- «Показати ще» ---------- */
.vv-cat__more { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 24px; padding-bottom: 8px; }
.vv-cat__shown { font: 400 13px/20px var(--vv-font); color: var(--vv-stone); }
.vv-cat__morebtn { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border: 1px solid var(--vv-wine); color: var(--vv-wine); font: var(--vv-btn); letter-spacing: .16em; text-transform: uppercase; }
.vv-cat__morebtn[aria-busy="true"] { opacity: .5; cursor: progress; }

/* ---------- Пагінація ---------- */
.vv-pager { display: flex; align-items: center; justify-content: center; gap: 4px; padding-top: 24px; }
.vv-pager a, .vv-pager span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; font: 400 14px/24px var(--vv-font); color: var(--vv-ink-2); }
.vv-pager .is-active { color: var(--vv-wine); font-weight: 600; box-shadow: inset 0 -1px 0 var(--vv-wine); }

/* ---------- Картка «Індивідуальний виріб» ---------- */
.vv-card__media--custom { position: relative; width: 100%; background: var(--vv-sand); text-align: left; }
.vv-card__tag { position: absolute; z-index: 1; top: 12px; left: 12px; padding: 6px 8px; border: 1px solid var(--vv-ink-2); font: 600 8px/8px var(--vv-font); letter-spacing: .16em; text-transform: uppercase; color: var(--vv-ink-2); }
.vv-card__fan { position: absolute; left: 50%; top: 54%; width: 124px; height: auto; transform: translate(-50%, -50%); opacity: .28; }
.vv-card__caption--wrap { white-space: normal; }
.vv-card__caption--wrap > span { display: block; }
@media (max-width: 1023px) { .vv-card__caption--wrap > .vv-hide-m { display: none; } }
.vv-card__shades--note { align-items: center; }
.vv-card__note { display: none; margin-left: 4px; font: 400 13px/16px var(--vv-font); color: var(--vv-stone); white-space: nowrap; }
.vv-card__cta { display: flex; align-items: center; height: 22px; }
.vv-card__cta .vv-under { font-size: 10px; padding-bottom: 4px; color: var(--vv-wine); }

/* ---------- Порожні стани ---------- */
.vv-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 48px 0; }
.vv-empty__title { font: 700 24px/28px var(--vv-font); text-transform: uppercase; }
.vv-empty__text { font: 400 14px/24px var(--vv-font); color: var(--vv-ink-2); max-width: 48ch; }

/* ---------- Банер категорії ---------- */
.vv-cat-banner { display: flex; flex-direction: column; background: var(--vv-wine); color: var(--vv-ivory); }
.vv-cat-banner__media { height: 280px; background: var(--vv-line) center / cover no-repeat; }
.vv-cat-banner__body { display: flex; flex-direction: column; gap: 16px; padding: 40px 16px 48px; }
.vv-cat-banner__eyebrow { color: var(--vv-on-dark-60); }
.vv-cat-banner__title { font: 700 28px/32px var(--vv-font); letter-spacing: .01em; text-transform: uppercase; color: var(--vv-ivory); }
.vv-cat-banner__text { font: 400 14px/24px var(--vv-font); color: rgba(246, 245, 241, .72); }
.vv-cat-banner__link { align-self: flex-start; margin-top: 8px; color: var(--vv-ivory); }

@media (min-width: 768px) {
	.vv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.vv-cat__head { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 48px; padding-top: 56px; padding-bottom: 48px; }
	.vv-cat__title { flex: 1; max-width: 800px; gap: 20px; }
	.vv-cat__h1 { font-size: 40px; line-height: 44px; letter-spacing: -.005em; }
	.vv-cat__desc { font-size: 17px; line-height: 30px; max-width: 56ch; }
	.vv-cat__tools { flex: none; width: 216px; display: flex; align-items: center; justify-content: flex-end; gap: 32px; }
	.vv-cat__tools .vv-cat__count { font-size: 14px; line-height: 24px; }
	.vv-cat__chips, .vv-cat__bar, .vv-cat__meta { display: none; }

	.vv-cat { display: flex; align-items: flex-start; gap: 32px; padding-top: 0; padding-bottom: 96px; border-bottom: 1px solid var(--vv-line-soft); }
	.vv-cat__filters { display: block; flex: none; width: 216px; position: sticky; top: 24px; }
	.vv-cat__main { flex: 1; }
	.vv-cat__results { gap: 40px; }
	.vv-cat { padding-top: 0; }
	.vv-grid { --vv-card-h: 440px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
	.vv-cat--noside .vv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.vv-cat__more { flex-direction: row; justify-content: space-between; gap: 32px; padding-top: 16px; padding-bottom: 0; }
	.vv-cat__shown { font-size: 14px; line-height: 24px; }
	.vv-cat__morebtn { width: auto; height: auto; border: 0; border-bottom: 1px solid currentColor; padding: 0 0 6px; font: var(--vv-under); letter-spacing: .16em; }

	.vv-card__tag { top: 20px; left: 20px; padding: 8px 14px; font-size: 10px; line-height: 10px; letter-spacing: .18em; }
	.vv-card__fan { top: 52%; width: 248px; }
	.vv-card__note { display: inline; }
	.vv-card__cta { height: 26px; }
	.vv-card__cta .vv-under { font-size: 11px; padding-bottom: 6px; }

	.vv-cat-banner { flex-direction: row; align-items: center; }
	.vv-cat-banner__media { flex: none; width: 50%; height: 400px; }
	.vv-cat-banner__body { flex: none; width: 50%; gap: 20px; padding: 64px 72px; }
	.vv-cat-banner__eyebrow { color: rgba(246, 245, 241, .72); }
	.vv-cat-banner__title { font-size: 34px; line-height: 40px; }
	.vv-cat-banner__text { font-size: 15px; line-height: 26px; }
	.vv-cat-banner__link { margin-top: 12px; }
}
@media (min-width: 1280px) {
	.vv-cat__h1 { font-size: 56px; line-height: 58px; }
	.vv-cat { gap: 40px; }
	.vv-cat__filters { width: 240px; }
	.vv-grid { --vv-card-h: 384px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 20px; }
}
@media (min-width: 1440px) {
	.vv-cat { gap: 48px; }
	.vv-cat__filters { width: 264px; }
	.vv-grid { --vv-card-h: 440px; gap: 24px; }
}

/* ======================================================================
   Filter Everything (плейбук 11.7): перебиваємо стилі плагіна подвоєнням класів і !important лише там,
   де плагін сам ставить !important. Значення — з кадрів 02/06 (ПК) і стану «Фільтри» (375).
   ====================================================================== */
.vv-filters__head { display: none; }
body .wpc-filters-main-wrap { margin: 0; padding: 0; }
.wpc-filters-section.wpc-filter-terms-count-0, .wpc-no-filter-terms { display: none !important; }
.wpc-filters-found-posts-wrapper, .wpc-posts-found, .wpc-filter-set-widget-title { display: none !important; }
.vv-cat__results .wpc-filters-open-button-container, .vv-cat__filters .wpc-filters-open-button-container { display: none !important; }

/* Секція */
body .wpc-filters-main-wrap .wpc-filters-section.wpc-filters-section { margin: 0; padding: 0; border-bottom: 1px solid var(--vv-line-soft); }
body .wpc-filters-main-wrap .wpc-filter-header .wpc-filter-title { margin: 0; padding: 0; font: inherit; }
body .wpc-filters-main-wrap .wpc-filter-title button { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 56px; padding: 0; margin: 0; border: 0; background: none; color: var(--vv-black); font: 500 10px/12px var(--vv-font); letter-spacing: .22em; text-transform: uppercase; text-align: left; cursor: pointer; }
body .wpc-filters-main-wrap .wpc-filter-title .wpc-wrap-icons { display: inline; flex: 0 1 auto; width: auto !important; line-height: 12px; }
body .wpc-filters-main-wrap .wpc-filter-selected-values { font: inherit; color: inherit; letter-spacing: inherit; }
body .wpc-filters-main-wrap .wpc-open-icon { position: static; flex: none; align-self: center; width: auto; height: auto; border: 0 !important; transform: none !important; margin: 0 !important; top: auto !important; font: 400 16px/12px var(--vv-font); letter-spacing: 0; color: var(--vv-stone); }
body .wpc-filters-main-wrap .wpc-open-icon::before { content: "+"; }
body .wpc-filters-main-wrap .wpc-filter-collapsible-reverse:not(.wpc-closed) .wpc-open-icon::before,
body .wpc-filters-main-wrap .wpc-filter-collapsible:not(.wpc-filter-collapsible-reverse).wpc-opened .wpc-open-icon::before { content: "−"; }
body .wpc-filters-main-wrap .wpc-filter-content { padding: 0 0 20px; }

/* Список-чекбокси */
body .wpc-filters-main-wrap ul.wpc-filters-ul-list { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; max-height: none; overflow: visible; }
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-item { margin: 0; padding: 0; list-style: none; }
body .wpc-filters-main-wrap .wpc-term-item-content-wrapper { display: flex; align-items: center; gap: 12px; min-height: 44px; }
body .wpc-filters-main-wrap .wpc-checkbox-item input[type="checkbox"] { appearance: none; -webkit-appearance: none; flex: none; width: 16px; height: 16px; margin: 0 !important; border: 1px solid var(--vv-line-strong); border-radius: 0; background: transparent; cursor: pointer; position: relative; }
body .wpc-filters-main-wrap .wpc-checkbox-item input[type="checkbox"]:checked { border-color: var(--vv-wine); background: var(--vv-wine); }
body .wpc-filters-main-wrap .wpc-checkbox-item input[type="checkbox"]:checked::after { content: ""; position: absolute; inset: 0; background: center / 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.4l3.1 3.1 6.5-7' fill='none' stroke='%23F6F5F1' stroke-width='1.9'/%3E%3C/svg%3E"); }
body .wpc-filters-main-wrap .wpc-checkbox-item label { display: flex; align-items: center; flex: 1; min-width: 0; width: auto !important; max-width: none !important; gap: 12px; margin: 0; padding: 0 !important; cursor: pointer; }
body .wpc-filters-main-wrap .wpc-checkbox-item .wpc-filter-link { flex: 1; margin: 0 !important; font: 400 15px/24px var(--vv-font); color: var(--vv-ink-2); text-decoration: none; }
body .wpc-filters-main-wrap .wpc-checkbox-item input:checked + label .wpc-filter-link { color: var(--vv-black); }
.wpc-term-count-value { display: block; }
.wpc-term-count { width: auto !important; min-width: 0 !important; margin-left: auto; opacity: 1 !important; font: 400 13px/24px var(--vv-font); color: var(--vv-stone); font-variant-numeric: tabular-nums; }
.wpc-term-count-brackets-open, .wpc-term-count-brackets-close { display: none !important; }

/* Відтінки: кружечки, обраний — кільцем; назва обраного — у заголовку секції */
body .wpc-filters-main-wrap .wpc-filter-has-swatches ul.wpc-filters-labels { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 11px; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches li.wpc-term-item.wpc-term-item { flex: none; width: auto !important; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-item-content-wrapper { min-height: 0; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input { position: absolute; opacity: 0; width: 1px; height: 1px; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches label { margin: 0; padding: 0; border: 0 !important; background: none !important; font-size: 0; line-height: 0; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filter-label-wrapper { display: block; padding: 0; background: none !important; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch-wrapper { display: block; width: 32px !important; height: 32px !important; min-width: 0 !important; max-width: none !important; margin: 0; padding: 0; border: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch-wrapper::before, body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch-wrapper::after { display: none !important; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch-wrapper { overflow: hidden; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 50%; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filter-link { display: block; margin: 0 !important; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches input.wpc-label-input { margin: 0 !important; }
body .wpc-filters-main-wrap .wpc-filter-has-swatches input:checked + label .wpc-term-swatch-wrapper { box-shadow: 0 0 0 2px var(--vv-white), 0 0 0 3px var(--vv-wine); }
body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-count, body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-name { display: none !important; }

/* Ціна */
body .wpc-filters-main-wrap .wpc-filters-range-inputs input { height: 42px; border: 1px solid var(--vv-line); border-radius: 0; font: 400 16px/20px var(--vv-font); -moz-appearance: textfield; }
body .wpc-filters-main-wrap .wpc-filters-range-inputs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body .wpc-filters-main-wrap .ui-slider-range, body .wpc-filters-main-wrap .ui-slider-handle { background: var(--vv-wine) !important; border-color: var(--vv-wine) !important; }

/* Чипси обраних фільтрів над сіткою */
.wpc-custom-selected-terms { margin: 0; }
.wpc-custom-selected-terms:not(:has(.wpc-filter-chip)) { display: none; }
body .wpc-custom-selected-terms ul.wpc-filter-chips-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
body .wpc-custom-selected-terms li.wpc-filter-chip { margin: 0 !important; padding: 0; list-style: none; }
body :is(.wpc-custom-selected-terms, .wpc-widget-top-inside) .wpc-filter-chip > a { display: inline-flex !important; align-items: center; gap: 8px; height: auto !important; padding: 8px 14px !important; border: 1px solid var(--vv-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--vv-ink-2) !important; font: 400 13px/22px var(--vv-font) !important; text-decoration: none; }
body :is(.wpc-custom-selected-terms, .wpc-widget-top-inside) .wpc-chip-content { display: inline-flex; align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; font: inherit; color: inherit; }
body :is(.wpc-custom-selected-terms, .wpc-widget-top-inside) .wpc-filter-chip-name { margin: 0; }
body :is(.wpc-custom-selected-terms, .wpc-widget-top-inside) .wpc-chip-remove-icon { display: inline-flex; align-items: center; width: auto; height: auto; min-height: 0; font-size: 13px; line-height: 1; color: var(--vv-stone); }
body :is(.wpc-custom-selected-terms, .wpc-widget-top-inside) li.wpc-chip-reset-all > a { border-color: transparent !important; color: var(--vv-wine) !important; }

/* Кнопка «Фільтри» у мобільній панелі */
body .vv-cat__bar .wpc-filters-open-button-container { display: block !important; margin: 0; }
body .vv-cat__bar a.wpc-filters-open-widget.wpc-filters-open-widget { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0; border: 0; background: none; color: var(--vv-black); font: 500 11px/12px var(--vv-font); letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
body .vv-cat__bar .wpc-button-inner { display: flex; align-items: center; gap: 8px; }
body .vv-cat__bar .wpc-icon-html-wrapper { top: 0; margin: 0; }
body .vv-cat__bar .wpc-icon-html-wrapper span { width: 16px; background: var(--vv-black); margin-bottom: 4px; }
body .vv-cat__bar .wpc-icon-line-2 { width: 10px !important; margin-left: 3px; }
body .vv-cat__bar .wpc-icon-line-3 { width: 4px !important; margin-left: 6px; margin-bottom: 0 !important; }
body .vv-cat__bar .wpc-icon-html-wrapper span::after { display: none; }
body .vv-cat__bar .wpc-filters-found-posts, body .vv-cat__bar .wpc-filters-counter-wrapper { display: none; }
.vv-cat__badge { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: var(--vv-wine); color: var(--vv-ivory); font: 600 10px/20px var(--vv-font); letter-spacing: 0; text-align: center; }

@media (max-width: 1023px) {
	/* Колонка лишається в DOM: з неї плагін робить нижню шторку */
	.vv-cat__filters { display: block; height: 0; overflow: visible; }
	body .wpc-filters-widget-content { top: 0 !important; border-radius: 0 !important; }
	/* Шапка шторки: «Фільтри» ліворуч, «Скинути» і хрестик праворуч (блок плагіна з хрестиком) */
	body .wpc-filters-widget-top-container { display: none !important; }
	body .wpc-widget-close-container { display: flex !important; flex-direction: row !important; align-items: center; justify-content: flex-start; gap: 24px; height: 56px; padding: 0 16px; border-bottom: 1px solid var(--vv-black); background: var(--vv-white); text-align: left; }
	body .wpc-widget-close-container .wpc-widget-popup-title { order: 1; flex: none; margin-right: auto !important; position: static !important; inset: auto !important; width: auto !important; transform: none !important; margin: 0; padding: 0; font: var(--vv-nav); letter-spacing: .16em; text-transform: uppercase; color: var(--vv-black); text-align: left !important; }
	body .wpc-widget-close-container .vv-drawer__reset { order: 2; flex: none; font: 400 13px/20px var(--vv-font); color: var(--vv-stone); }
	body .wpc-widget-close-container .wpc-widget-close-icon { order: 3; flex: none; position: relative !important; inset: auto !important; display: block; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 0; background: center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.25' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E") !important; cursor: pointer; }
	body .wpc-widget-close-container .wpc-widget-close-icon::after { content: ""; position: absolute; inset: -12px; }
	body .wpc-widget-close-container .wpc-icon-html-wrapper { display: none !important; }
	body .wpc-filters-widget-containers-wrapper { top: 56px !important; bottom: 81px !important; }
	body .wpc-filters-widget-wrapper { padding: 0 16px !important; }
	body .wpc-filters-main-wrap .wpc-filter-content { padding-bottom: 16px; }
	body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-filter-content { padding-bottom: 24px; }
	/* Довжина й розмір на телефоні — кнопками */
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) ul.wpc-filters-ul-list { flex-direction: row; flex-wrap: wrap; gap: 8px; }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) .wpc-term-item-content-wrapper { min-height: 0; }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) label { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 36px; border: 1px solid var(--vv-line); }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) .wpc-filter-link { flex: none; font: 500 11px/12px var(--vv-font); letter-spacing: .12em; text-transform: uppercase; color: var(--vv-ink-2); }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) input:checked + label { border-color: var(--vv-wine); }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) input:checked + label .wpc-filter-link { color: var(--vv-wine); }
	body .wpc-filters-main-wrap :is(.wpc-filter-pa_length, .wpc-filter-pa_size) .wpc-term-count { display: none !important; }
	/* Низ шторки: одна широка кнопка «Показати N виробів» */
	body .wpc-filters-widget-controls-container { position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; padding: 16px; background: var(--vv-white); border-top: 1px solid var(--vv-line-soft); }
	body .wpc-filters-widget-controls-container .wpc-filters-widget-controls-wrapper { display: block; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
	body .wpc-filters-widget-controls-container .wpc-filters-widget-controls-item { width: 100% !important; margin: 0 !important; padding: 0 !important; }
	body .wpc-filters-widget-controls-container .wpc-filters-widget-controls-item:has(.wpc-filters-close-button) { display: none; }
	body .wpc-filters-widget-controls-container a.wpc-filters-apply-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0; border: 0; border-radius: 0; background: var(--vv-wine) !important; color: var(--vv-ivory) !important; font: var(--vv-btn); letter-spacing: .16em; text-transform: uppercase; }
	/* На телефоні плагін ховає чипси — людина не бачить, що відфільтровано */
	body .wpc-custom-selected-terms:has(.wpc-filter-chip) { display: block; padding-bottom: 16px; }
	body .wpc-custom-selected-terms ul.wpc-filter-chips-list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	body :is(.wpc-custom-selected-terms) .wpc-filter-chip > a { white-space: nowrap; }
}
@media (max-width: 768px) { body #main { display: block; } }

@media (min-width: 1024px) {
	.vv-filters__head { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--vv-black); }
	.vv-filters__head .vv-eyebrow { color: var(--vv-black); }
	.vv-filters__reset { font: 400 13px/22px var(--vv-font); color: var(--vv-stone); }
	.vv-filters__reset:hover { color: var(--vv-black); }
	body .wpc-filters-main-wrap .wpc-filter-title button { height: auto; padding: 24px 0 0; font: var(--vv-eyebrow); letter-spacing: .24em; }
	body .wpc-filters-main-wrap .wpc-open-icon { font-size: 14px; line-height: 14px; }
	body .wpc-filters-main-wrap .wpc-filters-section.wpc-filters-section { padding-bottom: 24px; }
	body .wpc-filters-main-wrap .wpc-filter-content { padding: 16px 0 0; }
	body .wpc-filters-main-wrap ul.wpc-filters-ul-list { gap: 16px; }
	body .wpc-filters-main-wrap .wpc-term-item-content-wrapper { min-height: 24px; }
	body .wpc-filters-main-wrap .wpc-checkbox-item input[type="checkbox"] { width: 14px; height: 14px; }
	body .wpc-filters-main-wrap .wpc-checkbox-item .wpc-filter-link { font-size: 14px; }
	body .wpc-filters-main-wrap .wpc-filter-has-swatches ul.wpc-filters-labels { gap: 10px; }
	body .wpc-filters-main-wrap .wpc-filter-has-swatches .wpc-term-swatch-wrapper { width: 24px !important; height: 24px !important; }
	body .wpc-filters-main-wrap .wpc-filter-has-swatches :is(label, .wpc-filter-label-wrapper, .wpc-filter-link) { width: auto !important; min-width: 0 !important; font-size: 0; line-height: 0; }
	body .wpc-filters-main-wrap .wpc-filter-has-swatches input:checked + label .wpc-term-swatch-wrapper { box-shadow: 0 0 0 1px var(--vv-white), 0 0 0 2px var(--vv-wine); }
	body .wpc-filters-widget-top-container, body .wpc-filters-widget-controls-container, body .wpc-widget-close-container { display: none !important; }
	/* На ПК «Скинути все» — у шапці колонки, тож у чипсах не дублюємо */
	body .wpc-custom-selected-terms li.wpc-chip-reset-all { display: none; }
}

/* Порожній результат фільтрів (16-sluzhbovi «Порожні фільтри») */
.vv-nores__chips { overflow-x: auto; scrollbar-width: none; }
.vv-nores__chips::-webkit-scrollbar { display: none; }
.vv-nores__chiprow { display: flex; gap: 8px; width: max-content; padding: 20px var(--vv-gutter) 0; }
.vv-nores__chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border: 1px solid var(--vv-wine); font: 500 13px/12px var(--vv-font); letter-spacing: .02em; color: var(--vv-wine); white-space: nowrap; }
.vv-nores__x { color: var(--vv-stone); }
.vv-nores__hero { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--vv-line-soft); text-align: center; }
.vv-nores__title { font: 500 20px/28px var(--vv-font); color: var(--vv-black); }
.vv-nores__text { font: 400 14px/24px var(--vv-font); color: var(--vv-ink-2); }
.vv-nores__clear { width: 100%; margin-top: 12px; background: transparent; border-color: var(--vv-wine); color: var(--vv-wine); letter-spacing: .16em; }
.vv-nores__near { display: flex; flex-direction: column; gap: 24px; padding-top: 32px; padding-bottom: 48px; }
.vv-nores__h2 { font: 500 10px/12px var(--vv-font); letter-spacing: .18em; text-transform: uppercase; color: var(--vv-ink-2); }
.vv-grid--near { --vv-card-h: 216px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 15px; }
.vv-grid--near .vv-card__shades { display: none; }
.vv-grid--near .vv-card__note, .vv-grid--near .vv-card--custom .vv-card__shades { display: none; }
@media (min-width: 1024px) {
	.vv-nores { background: var(--vv-white); }
	.vv-nores__chips { overflow: visible; border-bottom: 1px solid var(--vv-line-soft); }
	.vv-nores__chiprow { width: auto; padding: 32px max(var(--vv-gutter), calc((100% - var(--vv-content)) / 2)); }
	.vv-nores__chip { height: 38px; padding: 0 14px; font: 400 13px/22px var(--vv-font); letter-spacing: 0; }
	.vv-nores__hero { gap: 24px; padding-top: 96px; padding-bottom: 80px; }
	.vv-nores__title { font: 700 40px/44px var(--vv-font); letter-spacing: -.005em; text-transform: uppercase; }
	.vv-nores__text { width: 444px; font-size: 17px; line-height: 30px; }
	.vv-grid--near .vv-card__meta { gap: 16px; }
	.vv-grid--near .vv-card--custom .vv-card__meta { gap: 8px; }
	.vv-nores__clear { width: 164px; margin-top: 16px; background: var(--vv-wine); color: var(--vv-ivory); letter-spacing: .18em; }
	.vv-nores__near { gap: 40px; padding-top: 80px; padding-bottom: 96px; }
	.vv-nores__h2 { font: 700 34px/40px var(--vv-font); letter-spacing: .01em; color: var(--vv-black); }
	.vv-grid--near { --vv-card-h: 400px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
}
@media (min-width: 1280px) { .vv-nores__text { width: 556px; } .vv-nores__clear { width: 208px; } }
@media (min-width: 1440px) { .vv-nores__text { width: 640px; } .vv-nores__clear { width: 240px; } }