/* Lukasik.ua compact category controls v2.5.10 (phones + tablets) */
.lk-mobile-category-controls {
	display: none;
}

/* Tablet keeps the page name visible above the approved inline controls. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body #content > .lk-category-heading {
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin: 0 0 14px !important;
		padding: 0 !important;
		overflow: visible !important;
		white-space: normal !important;
		clip: auto !important;
		clip-path: none !important;
	}
}

@media (max-width: 1024px) {
	:root {
		--lk-mobile-accent: #c58d4c;
		--lk-mobile-accent-dark: #a86f32;
		--lk-mobile-active: #f7ddc4;
		--lk-mobile-panel: #fef7f1;
		--lk-mobile-border: #efdecc;
		--lk-mobile-line: #ececec;
		--lk-mobile-text: #343434;
		--lk-mobile-muted: #8a8a8a;
	}

	.lk-mobile-category-controls {
		display: block;
		width: 100%;
		margin: 10px 0 12px;
	}

	/* The approved mobile composition starts directly below breadcrumbs. */
	#content > .lk-category-heading {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;
	}

	.lk-mobile-accordion {
		width: 100%;
		margin: 0 0 8px;
		background: #fff;
		border: 1px solid var(--lk-mobile-border);
		border-radius: 15px;
		box-shadow: 0 3px 12px rgba(118, 82, 38, .045);
		overflow: hidden;
	}

	.lk-mobile-accordion-button {
		display: grid;
		grid-template-columns: 24px minmax(0, 1fr) 18px;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 50px;
		padding: 0 16px;
		color: var(--lk-mobile-accent);
		font: inherit;
		font-size: 15px;
		font-weight: 650;
		line-height: 1.2;
		text-align: left;
		background: var(--lk-mobile-panel);
		border: 0;
		box-shadow: none;
		cursor: pointer;
	}

	.lk-mobile-control-icon {
		width: 22px;
		height: 22px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.6;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.lk-mobile-filter-icon {
		stroke-width: 1.45;
	}

	.lk-mobile-control-chevron {
		width: 15px;
		height: 10px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: transform .2s ease;
	}

	.lk-mobile-catalog:not(.is-open) .lk-mobile-control-chevron,
	.lk-mobile-filter.is-open .lk-mobile-control-chevron {
		transform: rotate(180deg);
	}

	.lk-mobile-category-list {
		display: block;
		max-height: 384px;
		overflow-x: hidden;
		overflow-y: auto;
		background: #fff;
		scrollbar-gutter: stable;
		scrollbar-width: thin;
		scrollbar-color: #d9b58b transparent;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.lk-mobile-category-list[hidden] {
		display: none !important;
	}

	.lk-mobile-tree-children[hidden] {
		display: none !important;
	}

	.lk-mobile-tree-row {
		display: flex;
		align-items: stretch;
		min-height: 34px;
		background: #fff;
		border: 0;
	}

	button.lk-mobile-tree-row-toggle {
		width: 100%;
		margin: 0;
		padding: 0;
		font-family: inherit;
		text-align: left;
		-webkit-appearance: none;
		appearance: none;
		box-shadow: none;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}

	.lk-mobile-tree-row-toggle > .lk-mobile-tree-link,
	.lk-mobile-tree-row-toggle > .lk-mobile-tree-toggle {
		pointer-events: none;
	}

	.lk-mobile-tree-row-toggle:focus {
		outline: none;
	}

	.lk-mobile-tree-link {
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		min-width: 0;
		padding: 5px 8px 5px 14px;
		color: #a65b1a !important;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
		text-decoration: none !important;
	}

	button.lk-mobile-tree-label {
		width: 100%;
		font-family: inherit;
		text-align: left;
		background: transparent;
		border: 0;
		box-shadow: none;
		cursor: pointer;
	}

	.lk-mobile-tree-level-0 > .lk-mobile-tree-row {
		min-height: 48px;
		background: #fff;
		border-bottom: 1px solid #efdecc;
	}

	.lk-mobile-tree-level-0 > .lk-mobile-tree-row > .lk-mobile-tree-link {
		padding: 12px 8px 12px 14px;
		color: #92571e !important;
		font-size: 16px;
		font-weight: 800;
		line-height: 24px;
	}

	.lk-mobile-tree-level-1 > .lk-mobile-tree-row > .lk-mobile-tree-link { padding-left: 14px; }
	.lk-mobile-tree-level-2 > .lk-mobile-tree-row > .lk-mobile-tree-link { padding-left: 28px; }
	.lk-mobile-tree-level-3 > .lk-mobile-tree-row > .lk-mobile-tree-link { padding-left: 42px; }
	.lk-mobile-tree-level-4 > .lk-mobile-tree-row > .lk-mobile-tree-link,
	.lk-mobile-tree-level-5 > .lk-mobile-tree-row > .lk-mobile-tree-link,
	.lk-mobile-tree-level-6 > .lk-mobile-tree-row > .lk-mobile-tree-link,
	.lk-mobile-tree-level-7 > .lk-mobile-tree-row > .lk-mobile-tree-link,
	.lk-mobile-tree-level-8 > .lk-mobile-tree-row > .lk-mobile-tree-link,
	.lk-mobile-tree-level-9 > .lk-mobile-tree-row > .lk-mobile-tree-link { padding-left: 56px; }

	/* Exactly eight opened subcategories stay visible; the rest use native scroll. */
	.lk-mobile-tree-level-0 > .lk-mobile-tree-children {
		max-height: 272px;
		overflow-x: hidden;
		overflow-y: auto;
		background: #fff;
		scrollbar-gutter: stable;
		scrollbar-width: thin;
		scrollbar-color: #d9b58b transparent;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.lk-mobile-category-list::-webkit-scrollbar,
	.lk-mobile-tree-level-0 > .lk-mobile-tree-children::-webkit-scrollbar {
		width: 4px;
	}

	.lk-mobile-category-list::-webkit-scrollbar-track,
	.lk-mobile-tree-level-0 > .lk-mobile-tree-children::-webkit-scrollbar-track {
		background: transparent;
	}

	.lk-mobile-category-list::-webkit-scrollbar-thumb,
	.lk-mobile-tree-level-0 > .lk-mobile-tree-children::-webkit-scrollbar-thumb {
		background: #d9b58b;
		border-radius: 999px;
	}

	.lk-mobile-tree-item.is-current > .lk-mobile-tree-row {
		background: #fdf4eb;
	}

	.lk-mobile-tree-item.is-current > .lk-mobile-tree-row > .lk-mobile-tree-link {
		color: var(--lk-mobile-accent-dark) !important;
		font-weight: 650;
	}

	.lk-mobile-tree-level-0.is-current > .lk-mobile-tree-row > .lk-mobile-tree-link {
		font-weight: 800;
	}

	.lk-mobile-tree-level-0.is-current > .lk-mobile-tree-row,
	.lk-mobile-tree-level-0 > .lk-mobile-tree-row > .lk-mobile-tree-link:hover,
	.lk-mobile-tree-level-0 > .lk-mobile-tree-row > .lk-mobile-tree-link:focus {
		background: #fff;
	}

	.lk-mobile-tree-link:hover,
	.lk-mobile-tree-link:focus {
		color: var(--lk-mobile-accent-dark) !important;
		background: #fffaf5;
		outline: none;
	}

	.lk-mobile-tree-toggle {
		display: flex;
		flex: 0 0 44px;
		align-items: center;
		justify-content: center;
		width: 44px;
		padding: 0;
		color: #a65b1a;
		background: transparent;
		border: 0;
		box-shadow: none;
		cursor: pointer;
	}

	.lk-mobile-tree-level-0 > .lk-mobile-tree-row > .lk-mobile-tree-toggle {
		color: #92571e;
	}

	.lk-mobile-tree-toggle svg,
	.lk-mobile-tree-go {
		width: 8px;
		height: 14px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.6;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: transform .18s ease;
	}

	.lk-mobile-tree-row-toggle[aria-expanded="true"] .lk-mobile-tree-toggle svg {
		transform: rotate(90deg);
	}

	.lk-mobile-tree-go {
		align-self: center;
		flex: 0 0 auto;
		margin: 0 18px;
		color: #a65b1a;
	}

	.lk-mobile-category-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 35px;
		padding: 7px 18px;
		color: var(--lk-mobile-text) !important;
		font-size: 13px;
		font-weight: 450;
		line-height: 1.25;
		text-decoration: none !important;
		background: #fff;
		border-top: 1px solid var(--lk-mobile-line);
	}

	.lk-mobile-category-link:hover,
	.lk-mobile-category-link:focus {
		color: var(--lk-mobile-accent-dark) !important;
		background: #fffaf5;
		outline: none;
	}

	.lk-mobile-category-link svg {
		flex: 0 0 auto;
		width: 8px;
		height: 14px;
		fill: none;
		stroke: #8f8f8f;
		stroke-width: 1.6;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.lk-mobile-filter-panel[hidden] {
		display: none !important;
	}

	/* Our accordion state wins over OCFilter's mobile drawer state. */
	.lk-mobile-filter.is-open > .lk-mobile-filter-panel {
		display: block !important;
	}

	/* Prevent the original OCFilter from flashing before JS mounts it here. */
	body .ocf-container {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: none !important;
		animation: none !important;
	}

	/* Remove the original duplicate OCFilter mobile buttons. */
	body .ocf-btn-mobile-static,
	body .ocf-btn-mobile-fixed {
		display: none !important;
	}

	/* OCFilter becomes a static accordion below our button. */
	.lk-mobile-filter-panel .ocf-container,
	.lk-mobile-filter-panel .ocf-container.ocf-mobile-active {
		display: block !important;
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		z-index: auto !important;
	}

	.lk-mobile-filter-panel .ocf-content,
	.lk-mobile-filter-panel .ocf-body,
	.lk-mobile-filter-panel .ocf-filter-list {
		display: block !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.lk-mobile-filter-panel .ocf-content {
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid var(--lk-mobile-line) !important;
		box-sizing: border-box !important;
	}

	.lk-mobile-filter-panel .ocf-header {
		display: none !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.lk-mobile-filter-panel .ocf-close-mobile {
		display: none !important;
	}

	/*
	 * OCFilter inline skin. These selectors do not depend on the native
	 * ocf-mobile-active drawer class, so the layout is identical in Safari,
	 * Chrome and Android WebView.
	 */
	.lk-mobile-filter-panel .ocf-body,
	.lk-mobile-filter-panel .ocf-filter-list,
	.lk-mobile-filter-panel .ocf-filter-body,
	.lk-mobile-filter-panel .ocf-value-list,
	.lk-mobile-filter-panel .ocf-value-list-body,
	.lk-mobile-filter-panel .ocf-scroll-y,
	.lk-mobile-filter-panel .ocf-collapse {
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		-webkit-overflow-scrolling: auto !important;
	}

	.lk-mobile-filter-panel .ocf-body {
		margin: 0 !important;
		padding: 0 !important;
		background: var(--lk-mobile-panel) !important;
	}

	body .lk-mobile-filter-panel .ocf-container.ocf-mobile-active .ocf-body,
	.lk-mobile-filter-panel .ocf-filter-list {
		margin: 0 !important;
		padding: 0 !important;
	}

	.lk-mobile-filter-panel .ocf-filter {
		display: block !important;
		width: 100% !important;
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
		border: 0 !important;
		border-bottom: 1px solid var(--lk-mobile-border) !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	.lk-mobile-filter-panel .ocf-filter:last-child {
		border-bottom: 0 !important;
	}

	.lk-mobile-filter-panel .ocf-filter-header {
		display: flex !important;
		align-items: center !important;
		min-height: 46px !important;
		margin: 0 !important;
		padding: 11px 14px !important;
		color: #9b6127 !important;
		background: var(--lk-mobile-panel) !important;
		border: 0 !important;
		border-bottom: 1px solid transparent !important;
		box-shadow: none !important;
		cursor: default !important;
	}

	.lk-mobile-filter-panel .ocf-filter.lk-filter-toggleable .ocf-filter-header {
		cursor: pointer !important;
	}

	.lk-mobile-filter-panel .ocf-filter-name,
	.lk-mobile-filter-panel .ocf-filter-header-append,
	.lk-mobile-filter-panel .ocf-filter-header .ocf-angle {
		color: #9b6127 !important;
	}

	.lk-mobile-filter-panel .ocf-filter-name {
		margin: 0 !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		letter-spacing: .005em !important;
	}

	.lk-mobile-filter-panel .ocf-value-list {
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 7px 0 8px 12px !important;
		background: #fff !important;
	}

	.lk-mobile-filter-panel .ocf-value-list .ocf-value-list {
		padding: 0 !important;
	}

	.lk-mobile-filter-panel .ocf-value {
		height: 28px !important;
		min-height: 28px !important;
		max-height: 28px !important;
		margin: 0 !important;
		padding: 2px 0 !important;
		font-size: 15px !important;
		line-height: 24px !important;
		box-sizing: border-box !important;
		-webkit-tap-highlight-color: transparent !important;
	}

	.lk-mobile-filter-panel .ocf-value > label {
		display: flex !important;
		align-items: center !important;
		height: 24px !important;
		min-height: 24px !important;
		max-height: 24px !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
		background: transparent !important;
		-webkit-tap-highlight-color: transparent !important;
		-webkit-user-select: none !important;
		user-select: none !important;
	}

	.lk-mobile-filter-panel .ocf-value-input-checkbox {
		flex: 0 0 auto !important;
		align-self: center !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		margin-right: 8px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		box-sizing: border-box !important;
		transform: none !important;
		translate: none !important;
		-webkit-tap-highlight-color: transparent !important;
	}

	.lk-mobile-filter-panel .ocf-value:active,
	.lk-mobile-filter-panel .ocf-value > label:active,
	.lk-mobile-filter-panel .ocf-value:focus,
	.lk-mobile-filter-panel .ocf-value > label:focus {
		outline: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.lk-mobile-filter-panel .ocf-value:active .ocf-value-input-checkbox,
	.lk-mobile-filter-panel .ocf-value > label:active .ocf-value-input-checkbox,
	.lk-mobile-filter-panel .ocf-value-input-checkbox:focus,
	.lk-mobile-filter-panel .ocf-value-input-checkbox:focus-visible {
		outline: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}

	.lk-mobile-filter-panel .ocf-value:active .ocf-value-input-checkbox,
	.lk-mobile-filter-panel .ocf-value:active .ocf-value-input-checkbox::before,
	.lk-mobile-filter-panel .ocf-value > label:active .ocf-value-input-checkbox,
	.lk-mobile-filter-panel .ocf-value > label:active .ocf-value-input-checkbox::before {
		background-color: #fff !important;
		border-color: #d7d7d7 !important;
	}

	.lk-mobile-filter-panel .ocf-value-name {
		display: flex !important;
		align-items: center !important;
		align-self: stretch !important;
		flex: 0 1 auto !important;
		height: 24px !important;
		min-width: 0 !important;
		color: #a65b1a !important;
		font-family: inherit !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		transform: translateY(4px) !important;
	}

	.lk-mobile-filter-panel .ocf-value-count {
		display: flex !important;
		align-items: center !important;
		align-self: stretch !important;
		flex: 0 0 auto !important;
		height: 24px !important;
		position: static !important;
		float: none !important;
		min-width: 0 !important;
		margin: 0 0 0 4px !important;
		padding: 0 !important;
		color: #a65b1a !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1 !important;
		transform: translateY(4px) !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
	}

	/* Eight compact options are visible; additional options scroll natively. */
	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-scroll-y,
	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-value-list-body {
		min-height: 0 !important;
		height: auto !important;
		max-height: 224px !important;
		padding-right: 12px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
		-webkit-overflow-scrolling: touch !important;
		box-sizing: border-box !important;
		scrollbar-gutter: stable !important;
		scrollbar-width: thin !important;
		scrollbar-color: #d9b58b transparent !important;
	}

	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-scroll-y::-webkit-scrollbar,
	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-value-list-body::-webkit-scrollbar {
		width: 4px !important;
	}

	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-scroll-y::-webkit-scrollbar-thumb,
	.lk-mobile-filter-panel .ocf-filter-body > .ocf-value-list > .ocf-value-list-body::-webkit-scrollbar-thumb {
		background: #d9b58b !important;
		border-radius: 4px !important;
	}

	.lk-mobile-filter-panel .ocf-value.ocf-selected .ocf-value-name,
	.lk-mobile-filter-panel .ocf-value.ocf-selected .ocf-value-count {
		color: var(--lk-mobile-accent-dark) !important;
		font-weight: 600 !important;
	}

	.lk-mobile-filter-panel .ocf-value.ocf-selected .ocf-value-input-checkbox,
	.lk-mobile-filter-panel .ocf-value.ocf-selected .ocf-value-input-checkbox::before {
		background: var(--lk-mobile-accent) !important;
		border-color: var(--lk-mobile-accent) !important;
	}

	/* Zero values are normalized by lukasik-filter.js on every OCFilter update. */
	.lk-mobile-filter-panel .ocf-value.lk-zero-value,
	.lk-mobile-filter-panel .ocf-filter.lk-empty-filter {
		display: none !important;
	}

	.lk-mobile-filter-panel .ocf-filter.lk-filter-toggleable.lk-collapsed .ocf-filter-body > *:not(.ocf-filter-header) {
		display: none !important;
	}

	.lk-mobile-filter-panel .ocf-filter.lk-filter-toggleable:not(.lk-collapsed) .ocf-filter-body > .ocf-value-list {
		display: block !important;
	}

	.lk-mobile-filter-panel .ocf-filter.lk-filter-toggleable.lk-collapsed .ocf-filter-header {
		border-bottom-color: transparent !important;
	}

	.lk-mobile-filter-panel .ocf-filter:not(.lk-collapsed) .ocf-filter-header {
		border-bottom-color: var(--lk-mobile-border) !important;
	}

	.lk-mobile-filter-panel .ocf-filter-header .ocf-angle {
		transition: transform .18s ease !important;
	}

	.lk-mobile-filter-panel .ocf-filter.lk-filter-toggleable.lk-collapsed .ocf-filter-header .ocf-angle {
		transform: rotate(90deg) !important;
	}

	/*
	 * Keep exactly one action bar visible while the inline filter is open.
	 * This also overrides the old csscallback rule that briefly switched the
	 * bar between static blue and fixed orange states.
	 */
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-container .ocf-footer,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-container.ocf-mobile-active .ocf-footer {
		display: block !important;
		position: fixed !important;
		inset: auto 0 0 0 !important;
		z-index: 100000 !important;
		width: auto !important;
		margin: 0 !important;
		padding: 9px max(12px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
		background: #fff !important;
		border: 0 !important;
		border-top: 1px solid var(--lk-mobile-border) !important;
		box-shadow: 0 -3px 14px rgba(71, 48, 23, .11) !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	body .lk-mobile-filter.is-open .ocf-footer .ocf-between {
		display: flex !important;
		flex-direction: row-reverse !important;
		align-items: center !important;
		gap: 10px !important;
	}

	body .lk-mobile-filter.is-open .ocf-footer .ocf-search-btn-static {
		display: block !important;
		flex: 1 1 auto !important;
		min-height: 42px !important;
		margin: 0 !important;
		padding: 10px 14px !important;
		color: #fff !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		background: var(--lk-mobile-accent) !important;
		border: 1px solid var(--lk-mobile-accent) !important;
		border-radius: 10px !important;
		box-shadow: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body .lk-mobile-filter.is-open .ocf-footer .ocf-search-btn-static::before {
		font-family: "FontAwesome" !important;
		content: "\f0b0" !important;
		margin-right: 7px !important;
	}

	body .lk-mobile-filter.is-open .ocf-footer .ocf-search-btn-static:disabled,
	body .lk-mobile-filter.is-open .ocf-footer .ocf-search-btn-static.ocf-disabled {
		color: #fff !important;
		background: #d9b58b !important;
		border-color: #d9b58b !important;
		opacity: 1 !important;
	}

	body .lk-mobile-filter.is-open .ocf-footer .ocf-btn-link {
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 8px 2px !important;
		color: var(--lk-mobile-accent-dark) !important;
		font-size: 12px !important;
		white-space: nowrap !important;
		text-decoration: none !important;
		background: transparent !important;
		border: 0 !important;
	}

	/* Approved compact one-row toolbar. */
	body .lukasik-category-toolbar {
		display: grid !important;
		grid-template-columns: 48px 80px minmax(0, 1fr) !important;
		grid-template-areas: "limit views sorts" !important;
		align-items: center !important;
		gap: 5px !important;
		width: 100% !important;
		min-height: 0 !important;
		margin: 8px 0 15px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-title {
		display: none !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-limit {
		grid-area: limit !important;
		width: 48px !important;
	}

	body .lukasik-category-toolbar .lukasik-limit-button {
		display: flex !important;
		width: 48px !important;
		min-width: 48px !important;
		height: 40px !important;
		padding: 0 9px !important;
		gap: 5px !important;
		font-size: 12px !important;
		background: #fff !important;
		border: 1px solid #e9e9e9 !important;
		border-radius: 11px !important;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .035) !important;
	}

	body .lukasik-category-toolbar .lukasik-limit-button svg {
		width: 8px !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-views.product_list_toolbar {
		grid-area: views !important;
		display: flex !important;
		gap: 4px !important;
		width: 80px !important;
	}

	body .lukasik-category-toolbar .lukasik-view-button {
		width: 38px !important;
		min-width: 38px !important;
		max-width: 38px !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #a0a0a0 !important;
		background: #fff !important;
		border: 1px solid #e9e9e9 !important;
		border-radius: 11px !important;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .035) !important;
	}

	body .lukasik-category-toolbar .lukasik-view-button.active {
		color: var(--lk-mobile-accent-dark) !important;
		background: var(--lk-mobile-active) !important;
		border-color: var(--lk-mobile-active) !important;
	}

	body .lukasik-category-toolbar .lukasik-view-button svg {
		width: 18px !important;
		height: 18px !important;
		fill: none !important;
		stroke: currentColor !important;
	}

	body .lukasik-category-toolbar .lukasik-view-button svg * {
		fill: none !important;
		stroke: currentColor !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-sorts {
		grid-area: sorts !important;
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 4px !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	body .lukasik-category-toolbar .lukasik-sort-option {
		display: flex !important;
		min-width: 0 !important;
		height: 40px !important;
		padding: 0 4px !important;
		color: #858585 !important;
		font-size: 10.5px !important;
		font-weight: 500 !important;
		background: #fff !important;
		border: 1px solid #e9e9e9 !important;
		border-radius: 11px !important;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .025) !important;
	}

	body .lukasik-category-toolbar .lukasik-sort-option.active {
		color: var(--lk-mobile-accent-dark) !important;
		background: #fdf4eb !important;
		border-color: #e8c89f !important;
		box-shadow: 0 3px 10px rgba(197, 141, 76, .09) !important;
	}

	/* Hide the old visual subcategory strip on mobile when present. */
	#content > .box-sub-cat,
	#content > .swiper-sub-category {
		display: none !important;
	}
}

@media (max-width: 359px) {
	body .lukasik-category-toolbar {
		grid-template-columns: 44px 72px minmax(0, 1fr) !important;
		gap: 4px !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-limit,
	body .lukasik-category-toolbar .lukasik-limit-button {
		width: 44px !important;
		min-width: 44px !important;
	}

	body .lukasik-category-toolbar .lukasik-toolbar-views.product_list_toolbar {
		width: 72px !important;
	}

	body .lukasik-category-toolbar .lukasik-view-button {
		width: 34px !important;
		min-width: 34px !important;
		max-width: 34px !important;
	}

	body .lukasik-category-toolbar .lukasik-sort-option {
		font-size: 9.5px !important;
	}

	.lk-mobile-accordion-button {
		padding: 0 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lk-mobile-control-chevron,
	.lk-mobile-tree-toggle svg {
		transition: none;
	}
}

/* v2.5.10: preserve native OCFilter layout; adjust spacing and optical baseline only. */
@media (max-width: 1024px) {
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-filter-body .ocf-value {
		margin-bottom: -7px !important;
	}

	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-filter-body .ocf-value:last-child {
		margin-bottom: 0 !important;
	}

	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-filter-body .ocf-value-name,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-filter-body .ocf-value-count {
		position: relative !important;
		top: 7px !important;
		transform: none !important;
	}

	/* Remove the blue iOS/Android touch animation without changing geometry. */
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value-input-checkbox,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value-input-checkbox::before,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value-input-checkbox::after {
		-webkit-tap-highlight-color: transparent !important;
		animation: none !important;
		transition: none !important;
		outline: 0 !important;
		box-shadow: none !important;
	}

	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value input[type="checkbox"] {
		-webkit-tap-highlight-color: transparent !important;
		outline: 0 !important;
		box-shadow: none !important;
	}

	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):hover .ocf-value-input-checkbox,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):active .ocf-value-input-checkbox,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):focus-within .ocf-value-input-checkbox {
		background: #fff !important;
		border-color: #adb5bd !important;
		outline: 0 !important;
		box-shadow: none !important;
	}

	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):hover .ocf-value-input-checkbox::before,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):hover .ocf-value-input-checkbox::after,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):active .ocf-value-input-checkbox::before,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):active .ocf-value-input-checkbox::after,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):focus-within .ocf-value-input-checkbox::before,
	body .lk-mobile-filter.is-open .lk-mobile-filter-panel .ocf-value:not(.ocf-selected):focus-within .ocf-value-input-checkbox::after {
		background: transparent !important;
		outline: 0 !important;
		box-shadow: none !important;
	}
}