/*
 * Archive + Single: narrow viewports (max-width 767px).
 * Archives hide table/tile toggle and show cards only.
 * Non-dye cards: 2 columns. Dye cards: 1 column.
 * Single: product image uses the full content row (no 300px leftover).
 */

@media (max-width: 767px) {
	#brxe-hfmyuo,
	#brxe-dymain {
		padding: 10px !important;
	}

	#brxe-kxmryo,
	#brxe-dymenu,
	#brxe-dxmyay > .tab-menu,
	#brxe-dytabs > .tab-menu {
		display: none !important;
	}

	#brxe-yicgwj,
	#brxe-dylpan {
		display: none !important;
	}

	#brxe-jgflkj,
	#brxe-dytpan {
		display: block !important;
	}

	#brxe-anotwf {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	.brxe-rsolxi {
		max-width: none !important;
		width: 100% !important;
	}

	#brxe-dytgrd {
		grid-template-columns: 1fr !important;
	}

	#brxe-qycgfz,
	#brxe-kgnawk {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
}

/* Desktop/tablet: cards fill the grid cell (no 180px cap leftover). */
@media (min-width: 768px) {
	.brxe-rsolxi {
		max-width: none;
		width: 100%;
	}
}