/* Final spacing/rail fidelity for the supplied archive Figma frames. */

@media (min-width: 768px) {
	/*
	 * Grid auto-placement inherits RTL from the document and would otherwise
	 * place the second item (sidebar) on the physical left. Keep the catalog
	 * grid physically LTR, then restore RTL inside each content column.
	 */
	.plasko-archive-catalog {
		direction: ltr;
	}

	.plasko-archive-products,
	.plasko-archive-sidebar {
		direction: rtl;
	}

	.plasko-archive-categories__track {
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.plasko-archive-categories__track::-webkit-scrollbar {
		display: none;
	}

	.plasko-archive-category {
		width: 146.4px;
		min-width: 146.4px;
		flex: 0 0 146.4px;
	}
}

@media (max-width: 767px) {
	.plasko-product-archive.has-child-categories .plasko-archive-mobile-controls {
		height: 64px;
		padding-block: 16px;
	}

	.plasko-product-archive.is-leaf-category .plasko-archive-mobile-spotlight {
		margin-top: 8px;
	}
}