/**
 * Mobile filter chrome (default BF = OWNER [152] / T-475). Optional b/c/cf overrides via query.
 * Scoped to body.bezlimitik-filter-preview--* and max-width 900px.
 * Desktop sidebar + default A pill remain the non-preview canon.
 *
 * T-460: CF sticky stack (toolbar+chips) — no overlap; chips scroll inside lane.
 * T-462: 44px min targets on entry/chips/more.
 */

.bezlimitik-filter-preview-banner {
	display: none;
}

.shop-filter-preview-entry,
.shop-filter-preview-chips {
	display: none;
}

@media (max-width: 900px) {
	/* Dev banner off for owner compare — URL param is enough. */
	.bezlimitik-filter-preview-banner {
		display: none !important;
	}

	/* Hide T-190 full-width bottom pill in all four previews. */
	body.bezlimitik-filter-preview .shop-filters-toggle {
		display: none !important;
	}

	.bezlimitik-filter-preview .shop-filter-preview-entry {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		flex: 0 0 auto;
		min-height: 44px;
		min-width: 44px;
		padding: 8px 14px;
		border: 1px solid var(--line);
		border-radius: 999px;
		background: var(--white);
		color: var(--ink);
		font: inherit;
		font-size: 14px;
		font-weight: 700;
		cursor: pointer;
	}

	.bezlimitik-filter-preview .shop-filter-preview-entry__count {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		border-radius: 999px;
		background: var(--accent-dark);
		color: #fff;
		font-size: 11px;
		font-weight: 800;
	}

	.bezlimitik-filter-preview .shop-toolbar {
		align-items: center;
		gap: 10px;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	/* C / CF: one sticky stack under mobile header — toolbar + chips together (T-460). */
	body.bezlimitik-filter-preview--c .shop-filter-preview-sticky,
	body.bezlimitik-filter-preview--cf .shop-filter-preview-sticky {
		position: sticky;
		top: 72px;
		z-index: 120;
		margin-bottom: 12px;
		padding: 8px 0 4px;
		background: var(--white);
		border-bottom: 1px solid var(--line);
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	body.bezlimitik-filter-preview--c .shop-filter-preview-sticky .shop-toolbar,
	body.bezlimitik-filter-preview--cf .shop-filter-preview-sticky .shop-toolbar {
		position: static;
		top: auto;
		z-index: auto;
		margin-bottom: 0;
		padding: 0;
		border-bottom: 0;
		background: transparent;
	}

	body.bezlimitik-filter-preview--c .shop-filter-preview-sticky .shop-filter-preview-chips,
	body.bezlimitik-filter-preview--cf .shop-filter-preview-sticky .shop-filter-preview-chips {
		position: static;
		top: auto;
		z-index: auto;
		margin: 8px 0 0;
		padding: 0 0 4px;
		border-bottom: 0;
		background: transparent;
	}

	/* BF (and any non-sticky chip row): horizontal scroll stays inside the lane. */
	.bezlimitik-filter-preview .shop-filter-preview-chips {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding: 0 0 4px;
		margin-bottom: 8px;
		max-width: 100%;
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
		scrollbar-width: none;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chips::-webkit-scrollbar {
		display: none;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chips__list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: contents;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chips__item {
		display: contents;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chip {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		min-height: 44px;
		min-width: 44px;
		padding: 8px 14px;
		border: 1px solid var(--line);
		border-radius: 999px;
		background: var(--bg, #f6f7f9);
		color: var(--ink);
		font-size: 13px;
		font-weight: 600;
		text-decoration: none;
		white-space: nowrap;
		box-sizing: border-box;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chip.is-active {
		border-color: var(--accent-dark);
		background: var(--accent-dark);
		color: #fff;
	}

	.bezlimitik-filter-preview .shop-filter-preview-chip--more {
		appearance: none;
		border: 1px dashed var(--line);
		background: transparent;
		cursor: pointer;
		font: inherit;
		font-size: 13px;
		font-weight: 700;
		color: var(--accent-dark);
	}

	/*
	 * T-473: BF/CF preview recipe — free fold for card+CTA.
	 * Hide pilot intro / phrase / text "По оператору" (chips replace operator row).
	 * Opt-in only; default archive without ?bezlimitik_filter_ui= unchanged.
	 */
	body.bezlimitik-filter-preview--bf .shop-intro,
	body.bezlimitik-filter-preview--cf .shop-intro,
	body.bezlimitik-filter-preview--bf .shop-scenario-phrase,
	body.bezlimitik-filter-preview--cf .shop-scenario-phrase,
	body.bezlimitik-filter-preview--bf .shop-operator-quicklinks,
	body.bezlimitik-filter-preview--cf .shop-operator-quicklinks {
		display: none !important;
	}

	/* Contain accidental horizontal bleed in preview chrome. */
	body.bezlimitik-filter-preview .shop-layout,
	body.bezlimitik-filter-preview .shop-main,
	body.bezlimitik-filter-preview .shop-toolbar,
	body.bezlimitik-filter-preview .shop-filter-preview-sticky {
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	/* T-474 variant A: toolbar sort + per-page off; sort lives in the sheet. */
	body.bezlimitik-filter-preview--bf .shop-toolbar .woocommerce-ordering,
	body.bezlimitik-filter-preview--cf .shop-toolbar .woocommerce-ordering,
	body.bezlimitik-filter-preview--bf .shop-toolbar .shop-toolbar__sort-label,
	body.bezlimitik-filter-preview--cf .shop-toolbar .shop-toolbar__sort-label,
	body.bezlimitik-filter-preview--bf .shop-per-page,
	body.bezlimitik-filter-preview--cf .shop-per-page {
		display: none !important;
	}

	body.bezlimitik-filter-preview--bf .shop-filters__sort,
	body.bezlimitik-filter-preview--cf .shop-filters__sort {
		display: block;
		margin: 0 0 16px;
		padding: 0 0 12px;
		border-bottom: 1px solid var(--line);
	}

	body.bezlimitik-filter-preview--bf .shop-filters__sort-select,
	body.bezlimitik-filter-preview--cf .shop-filters__sort-select {
		display: block;
		width: 100%;
		min-height: 44px;
		margin-top: 8px;
		padding: 10px 12px;
		border: 1px solid var(--line);
		border-radius: 8px;
		background: var(--white);
		color: var(--ink);
		font: inherit;
		font-size: 15px;
	}

}
@media (min-width: 901px) {
	.shop-filters__sort {
		display: none !important;
	}
}