/* ==========================================================================
   BonziVan listing (shop, category pages) — home v2 language
   Title, a sticky band of filter pills (no rule under it), "N vehículos" and
   the order, the shared cards in a grid (three columns, four on wide
   screens). Map open on a wide screen: list and map side by side.
   ========================================================================== */

.bv-search-page {
	--bv-shop-bar-h: 68px; /* 44px pills + 12px above and below */
	padding: var(--space-lg) 0 var(--space-3xl);
}

/* Title: the display step's floor, like the vehicle page. */
.bv-search-results__title {
	margin: var(--space-sm) 0 var(--space-sm);
	font-family: var(--font-display);
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: var(--tracking-display);
	line-height: var(--leading-display);
	text-wrap: balance;
}

/* --------------------------------------------------------------------------
   Sticky filter band
   -------------------------------------------------------------------------- */
.bv-shop-bar {
	position: sticky;
	top: var(--header-h);
	z-index: calc(var(--z-sticky) - 10);
	padding: 12px 0;
	background: var(--paper);
}

/* An open menu (a sheet on the phone) lies over the header too. Closing,
   the band keeps that height until the sheet and its veil are gone. */
.bv-shop-bar {
	transition: z-index 0s linear var(--dur-base);
}

.bv-shop-bar:has(.bv-filter-pill--open) {
	z-index: var(--z-overlay);
	transition-delay: 0s;
}

.bv-shop-bar__inner {
	display: flex;
	/* Top, not centre: when the pills wrap ("Borrar filtros" on a 2nd row),
	   "Mostrar mapa" stays on the first row with them. */
	align-items: flex-start;
	gap: var(--space-md);
}

.bv-filter-bar__pills {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-sm);
	min-width: 0;
}

/* --------------------------------------------------------------------------
   Filter pills
   -------------------------------------------------------------------------- */
.bv-filter-pill {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	border-radius: var(--radius-full);
}

/* Chips: the pill shape of the buttons, filled on the paper-2 step. */
.bv-filter-pill__trigger,
a.bv-filter-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 var(--space-md);
	border: 0;
	border-radius: var(--radius-full);
	background: var(--paper-2);
	color: var(--ink);
	font-family: var(--font-ui);
	font-size: var(--text-base);
	font-weight: var(--font-medium);
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--transition-fast), color var(--transition-fast);
}

.bv-filter-pill__trigger:hover,
a.bv-filter-pill:hover {
	background: var(--paper-3);
	color: var(--ink);
}

.bv-filter-pill__chevron {
	display: inline-flex;
	rotate: 90deg;
	transition: rotate var(--transition-fast);
}

.bv-filter-pill--open .bv-filter-pill__chevron {
	rotate: -90deg;
}

/* Active: the night fill, with its own way out. */
.bv-filter-pill--active,
a.bv-filter-pill.bv-filter-pill--active {
	background: var(--night);
	color: var(--on-night);
}

.bv-filter-pill--active .bv-filter-pill__trigger {
	padding-right: var(--space-sm);
	background: transparent;
	color: var(--on-night);
}

.bv-filter-pill--active .bv-filter-pill__trigger:hover,
a.bv-filter-pill.bv-filter-pill--active:hover {
	background: var(--color-dark-soft);
	color: var(--on-night);
}

.bv-filter-pill__clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	border-radius: var(--radius-full);
	color: var(--on-night);
	transition: background-color var(--transition-fast);
}

.bv-filter-pill__clear:hover {
	background: var(--color-dark-soft);
	color: var(--on-night);
}

.bv-filter-bar__reset {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--space-sm);
	color: var(--ink);
	font-size: var(--text-base);
	font-weight: var(--font-semibold);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	white-space: nowrap;
}

.bv-filter-bar__reset:hover {
	color: var(--accent-ink);
}

/* Map toggle: the pill of the band, at the right end. */
.bv-shop-view__btn {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: var(--space-sm);
	min-height: 44px;
	padding: 0 var(--space-md);
	border: 0;
	border-radius: var(--radius-full);
	background: var(--paper-2);
	color: var(--ink);
	font-family: var(--font-ui);
	font-size: var(--text-base);
	font-weight: var(--font-semibold);
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
}

.bv-shop-view__btn:hover {
	background: var(--paper-3);
}

.bv-shop-view__btn[aria-pressed="true"],
.bv-shop-view__btn[aria-pressed="true"]:hover {
	background: var(--night);
	color: var(--on-night);
}

/* --------------------------------------------------------------------------
   Filter menus (a real overlay, so they float). [hidden] until filters.js
   opens one: it drops 8px from its pill and fades in (motion.css's
   .bv-appear contract, on its own rules because the phone turns it into a
   sheet); closing is quicker and `display` flips at its end.
   -------------------------------------------------------------------------- */
.bv-filter-dropdown {
	position: absolute;
	top: calc(100% + var(--space-sm));
	left: 0;
	z-index: 1;
	min-width: 220px;
	padding: var(--space-md);
	background: var(--paper);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-float); /* taste-skill-ignore: filter menu is a real overlay */
	color: var(--ink);
	transition:
		opacity var(--dur-fast) var(--ease-out-soft),
		translate var(--dur-base) var(--ease-out-expo),
		display var(--dur-base) allow-discrete;
}

.bv-filter-dropdown[hidden] {
	display: none;
	opacity: 0;
	translate: 0 calc(var(--dist-1) * -1);
	transition-duration: var(--dur-fast);
	transition-timing-function: var(--ease-in-out-soft);
}

@starting-style {
	.bv-filter-dropdown:not([hidden]) {
		opacity: 0;
		translate: 0 calc(var(--dist-1) * -1);
	}
}

/* Near the right edge: aligned to its pill's right side (filters.js). */
.bv-filter-dropdown--end {
	left: auto;
	right: 0;
}

.bv-filter-dropdown--wide {
	min-width: 420px;
}

/* The veil behind a phone sheet; nothing on wider screens. */
.bv-filter-scrim {
	display: none;
}

.bv-filter-dropdown__title {
	margin: 0 0 var(--space-sm);
	font-size: var(--text-base);
	font-weight: var(--font-semibold);
	color: var(--ink);
}

/* Option buttons (pasajeros) */
.bv-filter-options--buttons {
	display: flex;
	gap: var(--space-xs);
}

.bv-filter-option-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	min-height: 44px;
	padding: 0 var(--space-md);
	border: 0;
	border-radius: var(--radius-full);
	background: var(--paper-2);
	color: var(--ink);
	font-size: var(--text-base);
	font-weight: var(--font-medium);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color var(--transition-fast), color var(--transition-fast);
}

.bv-filter-option-btn:hover {
	background: var(--paper-3);
	color: var(--ink);
}

.bv-filter-option-btn--active,
.bv-filter-option-btn--active:hover {
	background: var(--night);
	color: var(--on-night);
}

/* Checkbox options (tipo, combustible, comodidades) */
.bv-filter-options--checks {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bv-filter-options--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px var(--space-xs);
}

.bv-filter-check {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
	min-height: 44px;
	padding: var(--space-xs) var(--space-sm);
	border-radius: var(--radius-field);
	color: var(--ink);
	font-size: var(--text-base);
	text-decoration: none;
	transition: background-color var(--transition-fast);
}

.bv-filter-check:hover {
	background: var(--paper-2);
	color: var(--ink);
}

/* A drawn checkbox: it keeps its edge like any form field. */
.bv-filter-check__box {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 2px solid var(--field-line);
	border-radius: var(--radius-xs);
	transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.bv-filter-check--active .bv-filter-check__box {
	background: var(--night);
	border-color: var(--night);
	color: var(--on-night);
}

/* --------------------------------------------------------------------------
   Count + order
   -------------------------------------------------------------------------- */
.bv-search-results-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-sm) var(--space-md);
	margin: var(--space-sm) 0 var(--space-lg);
}

.bv-search-results__count {
	margin: 0;
	font-size: var(--step-body);
	font-weight: var(--font-semibold);
	color: var(--ink);
}

.bv-sort {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
}

.bv-sort__label {
	font-size: var(--text-base);
	color: var(--ink-soft);
	white-space: nowrap;
}

select.bv-sort__select {
	min-height: 44px;
	padding: var(--space-xs) 40px var(--space-xs) var(--space-md);
	border: 1px solid var(--field-line); /* taste-skill-ignore: form field edge */
	border-radius: var(--radius-full);
	background-color: var(--paper);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23121820' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-position: right 14px center;
	background-repeat: no-repeat;
	color: var(--ink);
	font-family: var(--font-ui);
	font-size: var(--text-base);
	font-weight: var(--font-medium);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* --------------------------------------------------------------------------
   Results: card grid, and the map beside it when open
   -------------------------------------------------------------------------- */
.bv-results-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-2xl) var(--space-lg);
}

@media (max-width: 1199px) {
	.bv-results-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 899px) {
	.bv-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.bv-results-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-xl);
	}
}

/* The map: hidden until asked for. Leaflet's z-indexes stay inside it. */
.bv-shop-map {
	position: relative;
	z-index: 0;
	display: none;
	isolation: isolate;
	width: 100%;
	height: calc(100svh - var(--header-h) - var(--bv-shop-bar-h) - var(--space-lg));
	min-height: 360px;
	overflow: hidden;
	border-radius: var(--radius-card);
	background: var(--paper-2);
}

body.bv-shop-view-map .bv-shop-map {
	display: block;
}

/* Narrow screens: the map replaces the list. */
body.bv-shop-view-map [data-bv-view-target="list"] {
	display: none;
}

/* Wide screens: list and map side by side, the map held under the band. */
@media (min-width: 1025px) {
	body.bv-shop-view-map .bv-shop-results {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
		gap: var(--space-lg);
		align-items: start;
	}

	body.bv-shop-view-map [data-bv-view-target="list"] {
		display: block;
	}

	body.bv-shop-view-map .bv-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.bv-shop-view-map .bv-shop-map {
		position: sticky;
		top: calc(var(--header-h) + var(--bv-shop-bar-h) + var(--space-sm));
	}
}

/* Leaflet's own faces and 12px attribution, brought onto the system. */
.bv-shop-map.leaflet-container,
.bv-shop-map .leaflet-control-zoom a {
	font-family: var(--font-ui);
}

.bv-shop-map .leaflet-control-attribution {
	font-size: var(--step-small);
}

/* Price markers on the map (Airbnb convention): night pills, hover in orange. */
.bv-price-marker {
	width: auto !important;
	height: auto !important;
	background: none;
	border: 0;
}

.bv-price-marker span {
	display: inline-block;
	padding: 6px 10px;
	border-radius: var(--radius-full);
	background: var(--night);
	color: var(--on-night);
	font-family: var(--font-ui);
	font-size: 0.875rem;
	font-weight: var(--font-semibold);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	translate: -50% -50%;
}

.bv-price-marker:hover span,
.bv-price-marker:focus-visible span,
.bv-price-marker.is-active span {
	background: var(--accent);
	color: var(--on-accent);
}

/* A card and its pin: hovering one lights the other. */
.bv-results-grid__item {
	display: contents;
}

.bv-results-grid__item.is-active .bv-card__media {
	outline: 2px solid var(--ink);
	outline-offset: 3px;
}

/* Popup: a small card, the whole thing is the link. */
.bv-shop-map .leaflet-popup-content-wrapper {
	padding: 0;
	overflow: hidden;
	border-radius: var(--radius-card);
}

.bv-shop-map .leaflet-popup-content {
	width: 240px !important;
	margin: 0;
}

.bv-shop-popup,
.bv-shop-popup:visited {
	display: block;
	color: var(--ink);
	text-decoration: none;
}

.bv-shop-popup__img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
}

.bv-shop-popup__body {
	display: block;
	padding: 10px 14px 12px;
}

.bv-shop-popup__title {
	display: block;
	margin: 0 0 2px;
	font-family: var(--font-ui);
	font-size: var(--text-base);
	font-weight: var(--font-semibold);
	line-height: 1.3;
	color: var(--ink);
}

.bv-shop-popup__price {
	display: block;
	font-size: 0.9375rem;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}

/* Several vehicles in one place: the place, then a row per vehicle. */
.bv-shop-map .bv-shop-leaflet-popup--group .leaflet-popup-content {
	width: 272px !important;
}

.bv-shop-map .bv-shop-popup__head { /* beats Leaflet's popup p margin */
	margin: 0;
	padding: 12px 14px 4px;
	font-family: var(--font-ui);
	font-size: 0.9375rem;
	font-weight: var(--font-semibold);
	color: var(--ink);
}

.bv-shop-popup__list {
	max-height: 288px;
	margin: 0;
	padding: 4px 0;
	overflow-y: auto;
	list-style: none;
	overscroll-behavior: contain;
}

.bv-shop-popup__row,
.bv-shop-popup__row:visited {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 8px 14px;
	color: var(--ink);
	text-decoration: none;
}

.bv-shop-popup__row:hover,
.bv-shop-popup__row:focus-visible {
	background: var(--paper-2);
}

.bv-shop-popup__thumb {
	flex: none;
	width: 56px;
	height: 56px;
	border-radius: var(--radius-field);
	background: var(--paper-2);
	object-fit: cover;
}

.bv-shop-popup__row .bv-shop-popup__body {
	padding: 0;
}

/* --------------------------------------------------------------------------
   Empty state: a route photo, the reason and the way out
   -------------------------------------------------------------------------- */
.bv-empty-state {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: var(--space-2xl);
	align-items: center;
	padding: var(--space-lg) 0 var(--space-2xl);
}

.bv-empty-state__photo {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--radius-banner);
}

.bv-empty-state__title {
	margin: 0 0 var(--space-md);
	font-family: var(--font-display);
	font-size: var(--step-lead);
	font-weight: var(--font-semibold);
	letter-spacing: var(--tracking-display);
	line-height: 1.2;
}

.bv-empty-state p {
	max-width: 46ch;
	margin: 0 0 var(--space-lg);
	font-size: var(--step-body);
	line-height: var(--leading-body);
	color: var(--ink);
}

.bv-empty-state__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-sm);
}

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */
.bv-pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--space-2xl);
}

.bv-pagination:empty {
	display: none;
}

.bv-pagination .woocommerce-pagination {
	text-align: center;
}

.bv-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0 var(--space-xs);
	padding: 0 var(--space-sm);
	border: 0;
	border-radius: var(--radius-full);
	background: var(--paper-2);
	color: var(--ink);
	font-size: var(--text-base);
	text-decoration: none;
	transition: background-color var(--transition-fast), color var(--transition-fast);
}

.bv-pagination .page-numbers:hover {
	background: var(--paper-3);
	color: var(--ink);
}

.bv-pagination .page-numbers.current {
	background: var(--night);
	color: var(--on-night);
}

/* Override WooCommerce defaults that may leak through */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: var(--space-lg) !important;
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
}

@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 640px) {
	.woocommerce ul.products {
		grid-template-columns: 1fr !important;
	}
}

/* --------------------------------------------------------------------------
   Phone: one row of pills (it scrolls), menus as sheets from the bottom
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.bv-search-results__title {
		font-size: 1.75rem;
	}

	.bv-shop-bar__inner {
		gap: var(--space-sm);
	}

	.bv-filter-bar__pills {
		flex-wrap: nowrap;
		margin-left: calc(-1 * var(--space-md));
		padding: 0 var(--space-xs) 0 var(--space-md);
		overflow-x: auto;
		scrollbar-width: none;
		overscroll-behavior-x: contain;
	}

	.bv-filter-bar__pills::-webkit-scrollbar {
		display: none;
	}

	/* Phone map toggle: the icon carries it, the label stays for screen readers. */
	.bv-shop-view__btn {
		width: 44px;
		padding: 0;
		justify-content: center;
	}

	.bv-shop-view__btn [data-bv-map-label] {
		position: absolute;
		width: 1px;
		height: 1px; /* taste-skill-ignore: screen-reader-only label, not a rule */
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	/* A sheet that rises from the bottom (--dur-enter) over an ink veil
	   (45%) that fades on its own; it slides back down to close. */
	.bv-filter-dropdown,
	.bv-filter-dropdown--wide,
	.bv-filter-dropdown--end {
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		min-width: 0;
		max-height: 80svh;
		padding: var(--space-xl) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom, 0px));
		overflow-y: auto;
		overscroll-behavior: contain;
		border-radius: var(--radius-banner) var(--radius-banner) 0 0;
		transition:
			translate var(--dur-enter) var(--ease-out-expo),
			display var(--dur-enter) allow-discrete;
	}

	/* The grab line that says "sheet". */
	.bv-filter-dropdown::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 50%;
		width: 36px;
		height: 4px;
		margin-left: -18px;
		border-radius: var(--radius-full);
		background: var(--paper-3);
	}

	.bv-shop-bar .bv-filter-dropdown[hidden] {
		opacity: 1;
		translate: 0 100%;
		transition-duration: var(--dur-base);
	}

	@starting-style {
		.bv-shop-bar .bv-filter-dropdown:not([hidden]) {
			opacity: 1;
			translate: 0 100%;
		}
	}

	.bv-filter-scrim {
		position: fixed;
		inset: 0;
		z-index: 1;
		display: block;
		background: rgb(18 24 32 / 0.45);
		transition:
			opacity var(--dur-fast) var(--ease-out-soft),
			display var(--dur-base) allow-discrete;
	}

	.bv-filter-scrim[hidden] {
		display: none;
		opacity: 0;
	}

	@starting-style {
		.bv-filter-scrim:not([hidden]) {
			opacity: 0;
		}
	}

	html.bv-sheet-open,
	html.bv-sheet-open body {
		overflow: hidden;
	}

	.bv-filter-options--buttons {
		flex-wrap: wrap;
	}

	.bv-filter-options--grid {
		grid-template-columns: 1fr;
	}

	.bv-shop-map {
		height: calc(100svh - var(--header-h) - var(--bv-shop-bar-h) - var(--space-md));
	}

	.bv-empty-state {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-lg);
		padding-top: var(--space-md);
	}

	.bv-empty-state__photo {
		aspect-ratio: 4 / 3;
		max-height: none;
		border-radius: var(--radius-card);
	}
}

/* --------------------------------------------------------------------------
   Map view: the map fades in when it opens; a pin's popup grows from 96%
   above its pin, in BonziVan's faces (Leaflet sets the popup's transform,
   so only its inner box moves).
   -------------------------------------------------------------------------- */
body.bv-shop-view-map .bv-shop-map {
	transition: opacity var(--dur-base) var(--ease-out-soft);
}

@starting-style {
	body.bv-shop-view-map .bv-shop-map {
		opacity: 0;
	}
}

.bv-shop-map .leaflet-popup-content-wrapper {
	box-shadow: var(--shadow-float); /* taste-skill-ignore: a map popup is a real overlay */
	transform-origin: 50% 100%;
	transition:
		opacity var(--dur-fast) var(--ease-out-soft),
		scale var(--dur-base) var(--ease-out-expo);
}

@starting-style {
	.bv-shop-map .leaflet-popup-content-wrapper {
		opacity: 0;
		scale: 0.96;
	}
}

.bv-shop-map .leaflet-popup-tip {
	box-shadow: none;
}

.bv-shop-map a.leaflet-popup-close-button {
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	background: var(--paper);
	color: var(--ink);
	font: 400 1.25rem/1 var(--font-ui);
	box-shadow: 0 1px 4px rgb(18 24 32 / 0.18);
}

.bv-shop-map a.leaflet-popup-close-button:hover {
	background: var(--paper-2);
	color: var(--ink);
}

.bv-shop-map a.leaflet-popup-close-button:focus-visible {
	outline: var(--focus-ring);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Reduced motion: menus, sheets, veil and popups only fade.
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.bv-filter-dropdown,
	.bv-filter-dropdown[hidden],
	.bv-shop-bar .bv-filter-dropdown[hidden],
	.bv-shop-map .leaflet-popup-content-wrapper {
		translate: none;
		scale: none;
		transition:
			opacity var(--dur-fast) linear,
			display var(--dur-fast) allow-discrete;
	}

	.bv-shop-bar .bv-filter-dropdown[hidden] {
		opacity: 0;
	}

	@starting-style {
		.bv-filter-dropdown:not([hidden]),
		.bv-shop-bar .bv-filter-dropdown:not([hidden]),
		.bv-shop-map .leaflet-popup-content-wrapper {
			translate: none;
			scale: none;
			opacity: 0;
		}
	}
}